"
Team:Peking/css/home.css
From 2014.igem.org
| (2 intermediate revisions not shown) | |||
| Line 47: | Line 47: | ||
padding-right: 2em; | padding-right: 2em; | ||
padding-left: 2em; | padding-left: 2em; | ||
| - | font-size: | + | font-size:17px; |
text-align: left; | text-align: left; | ||
} | } | ||
| Line 107: | Line 107: | ||
background-size: 100% 100%; | background-size: 100% 100%; | ||
} | } | ||
| + | |||
| + | #mid2 a{ | ||
| + | font-size:24px; | ||
| + | color:white; | ||
| + | } | ||
| + | #mid2 a:hover{ | ||
| + | font-size:34px; | ||
| + | } | ||
| + | |||
| + | #mid3 a{ | ||
| + | font-size:24px; | ||
| + | color:white; | ||
| + | } | ||
| + | #mid3 a:hover{ | ||
| + | font-size:34px; | ||
| + | } | ||
| + | |||
Latest revision as of 22:58, 17 October 2014
@charset "utf-8";
- titlepic {
width: 100%; z-index: 0; margin-top: 20px; margin-bottom: 20px; }
- titlepic 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: 40px; font-size:2em;
color:white;
}
- mid1 #mid1left #cover #pabstract {
padding-right: 2em; padding-left: 2em; font-size:17px; text-align: left; }
- mid1 #mid1right {
width: 40%; float: right; position: relative; }
- mid1 #mid1right #slider #SliderName_2 img {
border-radius: 15px;
}
- mid2 {
float: left; font-size:1.2em; 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%;
}
- mid2 a{
font-size:24px; color:white; }
- mid2 a:hover{
font-size:34px; }
- mid3 a{
font-size:24px; color:white; }
- mid3 a:hover{
font-size:34px; }
- mid3 {
float: left; font-size:1.2em; 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; }
