"
Team:USTC-Software/css/project style
From 2012.igem.org
(Difference between revisions)
| (13 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
#project_wrapper, | #project_wrapper, | ||
| - | #software_wrapper{ | + | #software_wrapper, |
| + | #page_wrapper{ | ||
clear:both; | clear:both; | ||
width:900px; | width:900px; | ||
| Line 15: | Line 16: | ||
} | } | ||
| - | #project_wrapper img{ | + | #project_wrapper img, |
| + | #page_wrapper img{ | ||
display:block; | display:block; | ||
width:600px; | width:600px; | ||
| Line 21: | Line 23: | ||
float:none; | float:none; | ||
} | } | ||
| - | + | ||
| + | pre{ | ||
| + | width:80%; | ||
| + | margin:30px auto; | ||
| + | font-family:Courier; | ||
| + | font-size:16px; | ||
| + | white-space: pre-wrap; /* css-3 */ | ||
| + | white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ | ||
| + | white-space: -pre-wrap; /* Opera 4-6 */ | ||
| + | white-space: -o-pre-wrap; /* Opera 7 */ | ||
| + | word-wrap: break-word; /* Internet Explorer 5.5+ */ | ||
| + | background-color:black; | ||
| + | color:white; | ||
| + | } | ||
| + | |||
.technology_feature{ | .technology_feature{ | ||
margin-bottom:25px; | margin-bottom:25px; | ||
| Line 44: | Line 60: | ||
margin-top:25px; | margin-top:25px; | ||
} | } | ||
| + | |||
| + | p.h3{ | ||
| + | font-size:23px; | ||
| + | margin-bottom:10px; | ||
| + | margin-top:20px; | ||
| + | } | ||
| + | |||
| + | #page_wrapper p.h3{ | ||
| + | font-size:23px; | ||
| + | margin-bottom:10px; | ||
| + | margin-top:20px; | ||
| + | } | ||
p.main{ | p.main{ | ||
| Line 54: | Line 82: | ||
text-indent:1em; | text-indent:1em; | ||
} | } | ||
| + | |||
| + | p.list{ | ||
| + | font-size:18px; | ||
| + | line-height:1.5em; | ||
| + | text-indent:1.5em; | ||
| + | width:90%; | ||
| + | margin:0 auto; | ||
| + | list-style:disc; | ||
| + | } | ||
Latest revision as of 11:44, 13 November 2012
- project_wrapper,
- software_wrapper,
- page_wrapper{
clear:both;
width:900px;
margin:0 auto;
color:white;
padding:40px;
background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
position:relative;
}
#project_wrapper .feature_group,
#software_wrapper .feature_group{
margin: 60px auto;
position:relative;
}
- project_wrapper img,
- page_wrapper img{
display:block; width:600px; margin:30px auto; float:none;
}
pre{
width:80%; margin:30px auto; font-family:Courier; font-size:16px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ background-color:black; color:white;
}
.technology_feature{
margin-bottom:25px;
} .technology_feature + .technology_feature{
border-top: 1px solid #999;
}
p{
font-family: 'Quicksand', sans-serif;
}
p.h1{
font-size:35px; margin-bottom:15px; margin-top:30px;
}
p.h2{
font-size:25px; margin-bottom:10px; margin-top:25px;
}
p.h3{
font-size:23px; margin-bottom:10px; margin-top:20px;
}
- page_wrapper p.h3{
font-size:23px;
margin-bottom:10px;
margin-top:20px;
}
p.main{
font-size:20px;
line-height:1.5em;
width:90%;
margin:0 auto;
}
p.main + p.main{
text-indent:1em;
}
p.list{
font-size:18px; line-height:1.5em; text-indent:1.5em; width:90%; margin:0 auto; list-style:disc;
}
