Template:WashUHeader
From 2010.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | /* default elements */ | |
- | + | body { | |
- | + | /*background: #000000 url(https://static.igem.org/mediawiki/2010/9/93/WashU_Header_3.jpg);*/ | |
- | + | background: #EEE9E9; | |
- | + | color: #000000; | |
- | + | font: normal 62.5% verdana; | |
- | padding | + | padding: 2% 0; |
- | + | ||
- | + | ||
} | } | ||
- | # | + | #content { |
- | height: | + | background: #EEE9E9; |
- | margin-top: - | + | color: #000000; |
- | margin-left: | + | font: normal 62.5% verdana; |
- | + | padding: 2% 0; | |
- | + | } | |
- | + | ||
- | border: none; | + | a {color: #015666;} |
- | position: | + | |
- | + | a:hover { | |
- | background-color:# | + | color: #37B6CE; |
+ | background-color: #015666; | ||
+ | } | ||
+ | |||
+ | big {font-size: 1.1em;} | ||
+ | |||
+ | h1,h2,h3 {color: #00C12B; padding: 8px 0 2px;} | ||
+ | |||
+ | h1 {font: normal 2.4em georgia;} | ||
+ | |||
+ | h1 a {text-decoration: none;} | ||
+ | |||
+ | h1 a:hover {text-decoration: underline;} | ||
+ | |||
+ | h2 {font: normal 1.6em georgia;} | ||
+ | |||
+ | h3 {font: bold 1.2em georgia;} | ||
+ | |||
+ | /*blockquote { | ||
+ | background: url('img/quote.gif') no-repeat; | ||
+ | display: block; | ||
+ | font: normal 1.1em Georgia,serif; | ||
+ | padding-left: 26px | ||
+ | }*/ | ||
+ | |||
+ | form,table {margin-bottom: 1.2em;} | ||
+ | |||
+ | img {border: none;} | ||
+ | |||
+ | label {display: block;} | ||
+ | |||
+ | li {line-height: 1.5em;} | ||
+ | |||
+ | p {padding: 2px 0 10px;} | ||
+ | |||
+ | small,.small {font: normal 0.9em verdana;} | ||
+ | |||
+ | ul {padding: 0 2em 1.2em;} | ||
+ | |||
+ | /* structure */ | ||
+ | /*#wrapper { | ||
+ | background: #332 url(img/wrapper.gif) no-repeat left bottom; | ||
+ | margin: 0 auto; | ||
+ | width: 762px; | ||
+ | }*/ | ||
+ | |||
+ | #container { | ||
+ | background: #ffffff; | ||
+ | border-top: 0px solid #000000; | ||
+ | font-size: 1.3em; | ||
+ | line-height: 1.3em; | ||
+ | margin: 0 auto; | ||
+ | width: 800px; | ||
+ | } | ||
+ | |||
+ | /* header */ | ||
+ | |||
+ | /*.title { | ||
+ | background: #000000; | ||
+ | border-top: 100px solid #ffffff; | ||
+ | }*/ | ||
+ | /* | ||
+ | .title h1 { | ||
+ | color: #441; | ||
+ | font: normal 2.2em verdana; | ||
+ | padding: 10px 0 10px 18px; | ||
+ | }*/ | ||
+ | |||
+ | .header { | ||
+ | border-top: 5px solid #5FBDCE; | ||
+ | border-bottom: 5px solid #5FBDCE; | ||
+ | border-left: 5px solid #5FBDCE; | ||
+ | border-right: 5px solid #5FBDCE; | ||
+ | /*background: #DAD7C5 url(https://static.igem.org/mediawiki/2010/9/93/WashU_Header_3.jpg) no-repeat left bottom;*/ | ||
+ | background: #04859D; | ||
+ | height: 200px; | ||
+ | } | ||
+ | |||
+ | /* navigation */ | ||
+ | .navigation { | ||
+ | /*background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;*/ | ||
+ | background: #FFC440; | ||
+ | border: 1px solid #EEE9E9; | ||
+ | } | ||
+ | .navigation a { | ||
+ | /*background: #FFF url(img/nav.gif) repeat-x;*/ | ||
+ | background: #FFC440; | ||
+ | border-right: 1px solid #EEE9E9; | ||
+ | color: #A67200; | ||
+ | float: left; | ||
+ | font: bold 1em verdana; | ||
+ | padding: 0 14px; | ||
+ | line-height: 41px; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .navigation a:hover,.navigation a#active { | ||
+ | background-position: left bottom; | ||
+ | color: #FFC440; | ||
+ | background: #A67200; | ||
+ | } | ||
+ | |||
+ | /* bottom */ | ||
+ | /*.bottom { | ||
+ | background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom; | ||
+ | background: #000000; | ||
+ | border-top: 1px solid #AA8; | ||
+ | color: #444; | ||
+ | padding: 14px 20px; | ||
+ | } | ||
+ | .bottom .left,.bottom .right {width: 49%;} | ||
+ | */ | ||
+ | |||
+ | /* footer */ | ||
+ | .footer { | ||
+ | background: #FFD373; | ||
+ | color: #BF9330; | ||
+ | border-top: 1px solid #FFB000; | ||
+ | border-bottom: 1px solid #FFB000; | ||
+ | padding: 10px; | ||
} | } | ||
- | |||
- | |||
#footer-box { | #footer-box { | ||
- | background | + | background: #FFD373; |
- | border- | + | color: #BF9330; |
+ | border-top: 1px solid #FFB000; | ||
+ | border-bottom: 1px solid #FFB000; | ||
+ | padding: 10px; | ||
} | } | ||
- | + | .footer .left {width: 66%;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | .footer .right { | ||
+ | width: 33%; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .footer a { | ||
+ | color: #015666; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .footer a:hover, .footer .right a:hover { | ||
+ | text-decoration: underline; | ||
+ | color: #37B6CE; | ||
+ | background-color: #015666; | ||
+ | } | ||
+ | /* gallery */ | ||
+ | /* | ||
+ | .gallery td { | ||
+ | vertical-align: top; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .gallery em {display: block;}*/ | ||
- | + | /* misc */ | |
- | + | .clear,.clearer {clear: both;} | |
- | + | .clearer {font-size: 0;} | |
- | + | .col2 .left {width: 64%;} | |
- | + | .col2 .right .content {background: #FFF;} | |
- | + | .col2 .right {width: 33%;} | |
+ | .content {padding: 18px 20px;} | ||
+ | .left {float: left;} | ||
+ | .right {float: right;} | ||
+ | .right .content {padding: 18px 12px 12px;} | ||
- | + | /* block list */ | |
- | + | ul.block { | |
- | + | border-top: 1px dashed #BCBAAC; | |
- | + | margin: 4px 0; | |
- | + | padding: 0; | |
- | + | width: 90%; | |
- | + | } | |
- | + | .block li { | |
+ | border-bottom: 1px dashed #BCBAAC; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .block li a,.block li em { | ||
+ | color: #553; | ||
+ | display: block; | ||
+ | } | ||
+ | .block li em { | ||
+ | font-size: 0.9em; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | .block li a { | ||
+ | padding: 4px 3%; | ||
+ | text-decoration: none; | ||
+ | width: 94%; | ||
+ | } | ||
+ | .block li a span {font-weight: bold;} | ||
+ | .block li a:hover { | ||
+ | background: #D2D0C0; | ||
+ | color: #553; | ||
+ | } | ||
- | </ | + | .right .block,.right .block li {border-color: #DCDACC;} |
+ | .right .block li a:hover {background: #F2F0EA;} | ||
+ | </style> | ||
</html> | </html> |
Revision as of 03:16, 30 September 2010