Template:ZJU-China/CSS/barcss/site.css

1. references p{

 font-size:16px;
 font-family:Courier New;

}; .outerlink{

 color:#0a8aff;

}

.outerlink:hover{

 color:#F291A2;

}

.pagename { padding-top: 4%; left:22%; position: relative; width:70%; text-align: right; } .pagename h1{ font-size: 90px; font-weight: bolder; color:#3da9e1; } .pagestyle { padding-top:-20px; margin-top:-100px; left:22%; margin-bottom: 200px; position: relative; background-image: url('https://static.igem.org/mediawiki/2020/c/cd/T--ZJU-China--wiki_navback.jpg'); width:70%; box-shadow: 0 0 9px 3px rgba(2, 2, 5, 0.2); }

.clear {

   clear: both;

} .section { width: 100%; height: auto; }

1. scrollable

{ width: 100%; }

.teamphoto { top:10%; width:80%;

left:10%; position: absolute; background-image:url('https://static.igem.org/mediawiki/2020/c/cd/T--ZJU-China--wiki_navback.jpg'); box-shadow: 0 0 9px 3px rgba(2, 2, 5, 0.2); border-radius: 20px; }

.teamphoto img { margin: 2.5%; width: auto; height: auto; max-width: 95%; max-height: 95%;

}

.membergallery { position:absolute; top:100%; left:5%; width:90%;

}

.container1 { margin-left: 10%; padding-top: 6%; width: 80%;

}

.container1 h2{ color:#3da9e1; font-size: xx-large; line-height:2.0; font-weight: bolder; }

.container1 h3{ color:#3da9e1; font-size: x-large; line-height:3.0; font-weight: bolder; }

.container1 p{ color: #464646; font-size: large; text-align:justify; line-height:1.7;

} .container1 sup{ font-size: small; } .container1 sub{ font-size: small; } .container1 i{ font-style:italic; } .container1 a{ text-decoration: underline; } .imgbox { text-align:center; margin: 0 auto; }

.imgbox img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } .imgbox h6{ font-size:small; color:grey; line-height:2.0; }

/******************************************************************************/ /* NAVIGATION */ /******************************************************************************/ .navigation {

   position: fixed;
   top: 15%; 

left: 0px; } .navigation img { margin-left: 50px; margin-bottom: 20px } .navigation li {

	position: relative;
   margin: 0 0 10px;

font-family: 'Armata', Arial, Helvetica, sans-serif; font-size: 13px; } .navigation a { position: relative;

display:flex; align-items:center; justify-content:center ; width:110%; text-decoration: none; height:3em; background-color: #3da9e1; color: #0e0c0c; -moz-border-radius: 0 .4em .4em 0; /* Firefox */ -webkit-border-radius: 0 .4em .4em 0; /* Safari, Chrome */ border-radius: 0 .4em .4em 0; /* CSS3 */ outline: none; cursor: pointer; font-size: medium; z-index: 9; }

.navigation a.nav-active { color:#ffffff; width:130%;

} .navigation a:hover {

color:#070707;

} .navigation span {

}

/******************************************************************************/ /* MASK */ /******************************************************************************/

1. mask

{ position: absolute; display: none; background-color: #000; z-index: 200; }

/*table*/

table {

   border-collapse: collapse;

border-spacing: 0; margin: 0 auto;

}

td,th {

   padding: 0;

}

.pure-table {

   border-collapse: collapse;
   border-spacing: 0;
   empty-cells: show;
   border: 1px solid #cbcbcb;

}

.pure-table caption {

   color: #000;
   font: italic 85%/1 arial,sans-serif;
   padding: 1em 0;
   text-align: center;

}

.pure-table td,.pure-table th {

   border-left: 1px solid #cbcbcb;
   border-width: 0 0 0 1px;
   font-size: inherit;
   margin: 0;
   overflow: visible;
   padding: .5em 1em;

}

.pure-table thead {

   background-color: #e0e0e0;
   color: #000;
   text-align: center;
   vertical-align: bottom;

}

.pure-table td {

   background-color: transparent;

}

.pure-table-bordered td {

   border-bottom: 1px solid #cbcbcb;

}

.pure-table-bordered tbody>tr:last-child>td {

   border-bottom-width: 0;

}