"
Team:Peking/test/css/0926.css
From 2014.igem.org
@charset "utf-8";
body {
float: none;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
background-attachment: fixed;
text-align: center;
background-image: url(
);
}
- mainbody {
width: 85%; max-width: 1600px; min-width: 1000px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; }
- top1 {
width: 100%; margin-bottom: 10px; }
- topnav {
border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%; height: 70px; background-color: #FFFFFF; display: block; overflow-y: hidden; margin-bottom: 10px; } nav ul { list-style: none; }
nav ul li { float: left; width: 10%; color: #000000; text-align: center; }
- topnav ul .a1a {
color: #80c269; text-decoration: none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bold; line-height: 57px; display: block;
}
- topnav ul .a2a {
color: #80c269; text-decoration: none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bold; display: block; }
- topnav .sublist {
display: none; color: #000000; position: absolute; z-index: 5; }
- topnav ul .sublist li {
text-align: left; background-color: #FFFFFF; width: 100%; position: relative; border-left: thick solid #80c269; margin-top: 8px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; line-height: 0.8em; z-index: 1; float: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; left: -2.6em; }
- topnav ul li:hover > .sublist {
display: block; }
- top1 #topnav ul li:hover > .a1a {
display: block; color: #339999; border-bottom: thick solid #339999; }
- top1 #topnav ul .sublist li:hover > .a2a {
color: #339999; }
- top1 #topnav ul .sublist li:hover {
border-left: medium solid #339999; }
- title {
width: 100%; z-index: 0; }
- title img {
width: 60%; height: 100px; }
- mid1 {
width: 100%; float: left; margin-bottom: 30px; }
- mid1 #mid1left {
width: 58%;
float: left;
background-image: url(
);
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
border-radius: 15px;
}
- mid1 #mid1left #cover {
background-color: rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
color: #FFFFFF; opacity: 0.8; bottom: 0px; width: 100%; position: absolute; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
- mid1 #mid1left #cover .habstract {
line-height: 60px;
color:white;
}
- mid1 #mid1left #cover #pabstract {
padding-right: 2em; padding-left: 2em; text-align: left; }
- mid1 #mid1right {
width: 40%; float: right; position: relative; }
- mid1 #mid1right #slider #SliderName_2 img {
border-radius: 15px;
}
- mid2 {
float: left; width: 100%; }
- mainbody #mid2 #mid2left {
width: 37%; float: left; margin-top: 50px; }
- mainbody #mid2 p {
text-align: left; padding-top: 27px; padding-right: 27px; padding-bottom: 27px; padding-left: 32px; color: #FFFFFF; }
- mainbody .subgroupl {
background-image: url(
);
background-repeat: no-repeat;
background-size: 100% 100%;
}
- mainbody #mid2 #mid2center img {
width: 24%; float: left; margin-left: 0.5%; }
- mainbody #mid2 #mid2right {
width: 37%; float: right; }
- mainbody .subgroupr {
background-image: url(
);
background-repeat: no-repeat;
background-size: 100% 100%;
}
- mid3 {
float: left; width: 100%; margin-top: 15px; }
- mainbody #mid3 p {
text-align: left; padding-top: 27px; padding-right: 27px; padding-bottom: 27px; padding-left: 32px; color: #FFFFFF; }
- mainbody #mid3 #mid3left {
width: 37%; float: left; }
- mainbody #mid3 #mid3center img {
width: 24%; float: left; margin-left: 0.5%; }
- mainbody #mid3 #mid3right {
width: 37%; float: right; }
- {
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; }
- clc {
float: none; clear: both; } .c { clear: both; }
- bottom {
width: 100%; margin-top: 30px; }
- bottom img {
width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; }
