Team:USTC-Software/css/project style
From 2012.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 16: | Line 16: | ||
} | } | ||
- | #project_wrapper img{ | + | #project_wrapper img, |
+ | #page_wrapper img{ | ||
display:block; | display:block; | ||
width:600px; | width:600px; | ||
Line 22: | 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 32: | Line 47: | ||
p{ | p{ | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
p.h1{ | p.h1{ | ||
Line 52: | 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 62: | 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;
}