Line 17: | Line 17: | ||
.pagestyle | .pagestyle | ||
{ | { | ||
− | margin-top:- | + | margin-top:-20px; |
left:22%; | left:22%; | ||
margin-bottom: 200px; | margin-bottom: 200px; |
Revision as of 17:05, 27 October 2020
.pagename { padding-top: 4%; left:22%; position: relative; width:70%; text-align: right; } .pagename h1{ font-size: 90px; font-weight: bolder; color:#3da9e1; } .pagestyle { margin-top:-20px; 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; }
- 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:3.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 */
/******************************************************************************/
- 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;
}