(14 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | #references p{ | ||
+ | font-size:16px; | ||
+ | font-family:Courier New; | ||
+ | }; | ||
+ | .outerlink{ | ||
+ | color:#0a8aff; | ||
+ | } | ||
+ | .outerlink:hover{ | ||
+ | color:#F291A2; | ||
+ | } | ||
.pagename | .pagename | ||
{ | { | ||
− | padding-top: | + | padding-top: 4%; |
left:22%; | left:22%; | ||
position: relative; | position: relative; | ||
Line 16: | Line 26: | ||
} | } | ||
.pagestyle | .pagestyle | ||
− | { | + | { padding-top:-20px; |
− | margin-top:- | + | margin-top:-100px; |
left:22%; | left:22%; | ||
margin-bottom: 200px; | margin-bottom: 200px; | ||
Line 87: | Line 97: | ||
color:#3da9e1; | color:#3da9e1; | ||
font-size: xx-large; | font-size: xx-large; | ||
− | line-height: | + | line-height:2.0; |
font-weight: bolder; | font-weight: bolder; | ||
} | } | ||
.container1 h3{ | .container1 h3{ | ||
− | color: | + | color:coral; |
font-size: x-large; | font-size: x-large; | ||
line-height:3.0; | line-height:3.0; | ||
font-weight: bolder; | font-weight: bolder; | ||
+ | } | ||
+ | .container1 h4{ | ||
+ | color:darkslateblue; | ||
+ | |||
} | } | ||
Line 145: | Line 159: | ||
{ | { | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 15%; |
left: 0px; | left: 0px; | ||
} | } | ||
Line 202: | Line 216: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/******************************************************************************/ | /******************************************************************************/ |
Latest revision as of 02:46, 28 October 2020
- 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; }
- 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:coral; font-size: x-large; line-height:3.0; font-weight: bolder; } .container1 h4{ color:darkslateblue;
}
.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;
}