Team:SCUT/lianxi
From 2014.igem.org
(Difference between revisions)
(4 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style> | <style> | ||
+ | /* | ||
+ | * Peking 2012 Header | ||
+ | * Copyleft (C) Sun Sibai <sun.niasw@gmail.com> | ||
+ | * this = /Template:Peking2012_Color_Prologue | ||
+ | */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
body /* UltraGlobal Environment (origin item) */ | body /* UltraGlobal Environment (origin item) */ | ||
{ | { | ||
- | background-color: | + | background-color: #020f40; |
} | } | ||
#blank , | #blank , | ||
Line 26: | Line 22: | ||
} | } | ||
+ | #globalWrapper /* Global Environment (origin item) */ | ||
+ | { | ||
+ | background-color: #021c35; | ||
+ | background-attachment: fixed; | ||
+ | background-position: 50% 0; | ||
+ | background-repeat: no-repeat; | ||
+ | background-image: url("/wiki/images/d/d7/Peking2012_Color_Background_Large.jpg"); | ||
+ | overflow: hidden; | ||
+ | } | ||
/* Remove Top Item (origin item) */ | /* Remove Top Item (origin item) */ | ||
Line 42: | Line 47: | ||
/* Inner Environment (origin item) */ | /* Inner Environment (origin item) */ | ||
- | + | #content | |
+ | { | ||
+ | background-color: transparent; | ||
+ | background-image: url(""); | ||
+ | background-attachment: scroll; | ||
+ | background-position: 50% 0; | ||
+ | background-repeat: repeat-y; | ||
+ | overflow: hidden; | ||
+ | border-style: none; | ||
+ | } | ||
#bodyContent | #bodyContent | ||
{ | { | ||
z-index: 0; | z-index: 0; | ||
} | } | ||
- | + | #footer-box | |
+ | { | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | border-style: none; | ||
+ | z-index: 0; | ||
+ | } | ||
#catlinks | #catlinks | ||
{ | { | ||
Line 55: | Line 75: | ||
#content a:hover | #content a:hover | ||
{ | { | ||
- | color: | + | color: #fff350; |
display: inline; | display: inline; | ||
} | } | ||
Line 65: | Line 85: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
/* Bottom Environment (origin item) */ | /* Bottom Environment (origin item) */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#footer-box a, | #footer-box a, | ||
#footer-box a:hover | #footer-box a:hover | ||
{ | { | ||
- | + | color: #e8e7b9; | |
text-decoration: none; | text-decoration: none; | ||
display: inline; | display: inline; | ||
Line 105: | Line 118: | ||
} | } | ||
+ | /* Common Environment */ | ||
+ | .center | ||
+ | { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .floatL | ||
+ | { | ||
+ | float: left; | ||
+ | clear: left; | ||
+ | } | ||
+ | .floatR | ||
+ | { | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | } | ||
+ | .floatC | ||
+ | { | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | float: none; | ||
+ | clear: both; | ||
+ | } | ||
+ | .blank | ||
+ | { | ||
+ | filter: Alpha(Opacity=0%); | ||
+ | -moz-opacity: 0; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .hidden | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | .show | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | .show-text | ||
+ | { | ||
+ | display: inline; | ||
+ | } | ||
+ | .button img | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* Special Construction */ | ||
+ | |||
+ | /***--- Top MenuBar ---***/ | ||
+ | #PKU_menubar | ||
+ | { | ||
+ | background-attachment: fixed; | ||
+ | background-repeat: repeat-x; | ||
+ | background-image: url("/wiki/images/8/8b/Peking2012_Color_Topbar.png"); | ||
+ | background-color: #020033; | ||
+ | overflow: hidden; | ||
+ | position: fixed; | ||
+ | padding: 0; | ||
+ | margin: 0 auto; | ||
+ | top: 0; | ||
+ | width: 965px; | ||
+ | height: 20px; | ||
+ | font-family: Arial, sans-serif; | ||
+ | font-size: 15px; | ||
+ | font-weight: bold; | ||
+ | line-height: 20px; | ||
+ | z-index: 100; | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | #PKU_menubar * | ||
+ | { | ||
+ | font-family: Arial, sans-serif; | ||
+ | font-size: 15px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #PKU_menubar a:link, | ||
+ | #PKU_menubar a:visited | ||
+ | { | ||
+ | color: #e8e7b9; | ||
+ | } | ||
+ | #PKU_menubar a:hover | ||
+ | { | ||
+ | color: #f9f8ca; | ||
+ | } | ||
+ | #PKU_menubar a:active | ||
+ | { | ||
+ | color: #ffee66; | ||
+ | } | ||
+ | .PKU_menubar_left | ||
+ | { | ||
+ | float: left; | ||
+ | clear: none; | ||
+ | padding: 0 30px 0 5px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .PKU_menubar_right | ||
+ | { | ||
+ | float: right; | ||
+ | clear: none; | ||
+ | padding: 0 5px 0 30px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #PKU_menubar li | ||
+ | { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | /***--- Top Banner ---***/ | ||
+ | #PKU_banner_container | ||
+ | { | ||
+ | padding: 0; | ||
+ | margin: 0 auto; | ||
+ | text-align: center; | ||
+ | z-index: 1; | ||
+ | position: relative; | ||
+ | top: 0; | ||
+ | } | ||
+ | #PKU_banner_menu | ||
+ | { | ||
+ | width: 700px; | ||
+ | height: 30px; | ||
+ | margin-right: 50px; | ||
+ | } | ||
+ | #PKU_banner_menu , | ||
+ | #PKU_banner_submenu | ||
+ | { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | text-align: center; | ||
+ | font-size: 15px; | ||
+ | font-family: Georgia, serif; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #PKU_banner_menu a , | ||
+ | #PKU_banner_menu a:link , | ||
+ | #PKU_banner_menu a:visited | ||
+ | { | ||
+ | color: #e3e3e3; | ||
+ | font-size: 15px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #PKU_banner_menu a:hover , | ||
+ | #PKU_banner_menu a:active | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | font-size: 17px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #PKU_banner_submenu > li, | ||
+ | #PKU_banner_submenu > li ul | ||
+ | { | ||
+ | height: 130px; | ||
+ | overflow: hidden; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #PKU_banner_menu > li | ||
+ | { | ||
+ | height: 30px; | ||
+ | } | ||
+ | #PKU_banner_submenu > li ul > li | ||
+ | { | ||
+ | height: 25px; | ||
+ | width: 100%; | ||
+ | background-color: #3570ff; | ||
+ | opacity: 0.85; | ||
+ | } | ||
+ | #PKU_banner_submenu > li ul > li:hover | ||
+ | { | ||
+ | background-color: #80aaff; | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | #PKU_banner_submenu > li ul > li a , | ||
+ | #PKU_banner_submenu > li ul > li a:link , | ||
+ | #PKU_banner_submenu > li ul > li a:visited | ||
+ | { | ||
+ | color: #f0f0f0; | ||
+ | text-decoration: none; | ||
+ | padding-top: 2px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #PKU_banner_submenu > li ul > li a:hover , | ||
+ | #PKU_banner_submenu > li ul > li a:active | ||
+ | { | ||
+ | color: #ffffcc; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /***--- Block Style ---***/ | ||
+ | #text-body | ||
+ | { | ||
+ | position: relative; | ||
+ | top: -90px; | ||
+ | z-index: 1; | ||
+ | padding: 0 50px; | ||
+ | } | ||
+ | |||
+ | #text-body table.title_block td | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | color: #ffffff; | ||
+ | width: 200px; | ||
+ | height: 150px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #text-body .title_block p, | ||
+ | #text-body .title_block a | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | text-align: center; | ||
+ | line-height: 26px; | ||
+ | font-size: 28px; | ||
+ | font-family: Eras Medium ITC, Verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | #text-body p.context_block | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | font-size: 15px; | ||
+ | text-align: justify; | ||
+ | font-family: Arial, sans-serif; | ||
+ | background-color: transparent; | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | border-color: #70a0ff; | ||
+ | padding: 20px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #sponsor | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | position: relative; | ||
+ | top: 60px; | ||
+ | } | ||
+ | #sponsor table, | ||
+ | #sponsor tr, | ||
+ | #sponsor td | ||
+ | { | ||
+ | border-style: none; | ||
+ | } | ||
+ | #sponsor td | ||
+ | { | ||
+ | padding: 9px; | ||
+ | } | ||
+ | |||
+ | ul.horizontal > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: none; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | ul.vertical > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: both; | ||
+ | overflow: hidden; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 09:34, 26 November 2014