Template:Tsinghua
From 2010.igem.org
(Difference between revisions)
(287 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | *{ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | color: #A43; | ||
+ | } | ||
+ | #globalWrapper{ | ||
+ | width: 1250px; | ||
+ | margin: 0 auto; | ||
+ | margin-top: -10px; | ||
+ | } | ||
+ | |||
+ | #background{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | postition: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | |||
body{ | body{ | ||
- | |||
font-family:Arial,sans-serif; | font-family:Arial,sans-serif; | ||
- | + | background: url(https://static.igem.org/mediawiki/2010/1/15/Thubg.png) repeat; | |
- | background: | + | |
} | } | ||
- | + | ||
+ | |||
+ | h1,h2,h3,h4,h5,h6{ | ||
+ | font-weight: bold; | ||
+ | font-family: Arial, san-serif; | ||
+ | color: #A43; | ||
+ | border: none; | ||
+ | background: transparent; | ||
+ | padding: 0; | ||
margin: 0; | margin: 0; | ||
+ | } | ||
+ | |||
+ | a, a:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | border-bottom: #999 solid 5px; | ||
} | } | ||
Line 23: | Line 58: | ||
position: absolute; | position: absolute; | ||
} | } | ||
- | + | div#topmost{ | |
+ | width: 100%; | ||
+ | } | ||
.headerpic{ | .headerpic{ | ||
- | |||
top: 0; | top: 0; | ||
- | + | width: 996px; | |
- | + | ||
padding: 0; | padding: 0; | ||
- | + | margin-left: 10%; | |
- | + | ||
- | + | ||
- | margin- | + | |
} | } | ||
#top-section{ | #top-section{ | ||
- | + | height: 40px; | |
- | height: | + | |
width: 100%; | width: 100%; | ||
border: 0; | border: 0; | ||
+ | position: absolute; | ||
} | } | ||
+ | |||
+ | #topbar{ width: 100%; height: 38px; margin-top: -4px; margin-bottom: -2px; clear: both;} | ||
+ | #topbar #topbarul {padding: 0px; width: 1000px; margin-left: 10%; z-index: 5;} | ||
+ | #topbar #topbarul li{ display: inline; float: left; margin: 0;} | ||
+ | #topbar #topbarul li a{float: left; height: 0; padding-top: 39px; overflow: hidden; background-repeat: no-repeat; background-image: url(https://static.igem.org/mediawiki/2010/a/ad/Menubg.png); } | ||
+ | |||
+ | #topbar #topbarul li#nav-home a{background-position: 0 0; width: 120px; } | ||
+ | #topbar #topbarul li#nav-team a{background-position: -121px 0px; width: 93px; } | ||
+ | #topbar #topbarul li#nav-project a{background-position: -215px 0px; width: 138px; } | ||
+ | #topbar #topbarul li#nav-experiment a{background-position: -353px 0px; width: 162px; } | ||
+ | #topbar #topbarul li#nav-parts a{background-position: -516px 0px; width: 104px; } | ||
+ | #topbar #topbarul li#nav-support a{background-position: -621px 0px; width: 130px; } | ||
+ | #topbar #topbarul li#nav-human a{background-position: -751px 0px; width: 250px; } | ||
+ | |||
+ | #topbar #topbarul li#nav-home a:hover, #bd_home #topbar #topbarul #nav-home a{background-position: 0 -41px; width: 120px; } | ||
+ | #topbar #topbarul li#nav-team a:hover, #bd_team #topbar #topbarul #nav-team a{background-position: -121px -41px; width: 93px; } | ||
+ | #topbar #topbarul li#nav-project a:hover, #bd_project #topbar #topbarul #nav-project a{background-position: -215px -41px; width: 138px; } | ||
+ | #topbar #topbarul li#nav-experiment a:hover, #bd_experiment #topbar #topbarul #nav-experiment a{background-position: -353px -41px; width: 162px; } | ||
+ | #topbar #topbarul li#nav-parts a:hover, #bd_parts #topbar #topbarul #nav-parts a{background-position: -516px -42px; width: 104px; } | ||
+ | #topbar #topbarul li#nav-support a:hover, #bd_support #topbar #topbarul #nav-support a{background-position: -621px -42px; width: 130px; } | ||
+ | #topbar #topbarul li#nav-human a:hover, #bd_human #topbar #topbarul #nav-human a{background-position: -751px -42px; width: 251px; } | ||
+ | |||
+ | #navbar{ width: 100%; height: 38px; clear: both;} | ||
+ | #navbar #subnav {margin-left: 10%; margin-top: 0px; height: 23px; width: 995px; background-repeat: no-repeat; overflow: hidden; padding: 0px; background-image: url(https://static.igem.org/mediawiki/2010/1/18/Subnav.png); background-position: 2px 0px; float: none; z-index: 10; } | ||
+ | #navbar #subnav li{ display: inline; float: left; } | ||
+ | #navbar #subnav li a, #navbar #subnav li a:visited{float: left; color: white; font-family: Arial, Lucida, sans-serif; font-weight: bold; font-size: 12pt; text-decoration: none;} | ||
+ | #navbar #subnav li a.nowat, #navbar #subnav li a:hover{color: yellow;} | ||
+ | #navbar #subnav li a.subtitle { font-size: 8pt; } | ||
+ | |||
.left_gadget{ | .left_gadget{ | ||
margin: 30px 0px; | margin: 30px 0px; | ||
+ | padding-top: 20px; | ||
} | } | ||
- | .left_gadget | + | .left_gadget h2{ |
- | color: # | + | color: #A43; |
font-weight: bold; | font-weight: bold; | ||
- | text-indent: | + | font-size: 15pt; |
+ | text-indent: 1pc; | ||
+ | overflow: visible; | ||
} | } | ||
.countdown{ | .countdown{ | ||
- | color: # | + | width: 100%; |
+ | height: 100%; | ||
+ | padding: 5px; | ||
+ | margin-top: 5px; | ||
+ | overflow: visible; | ||
+ | background: #a20; | ||
+ | -moz-border-radius: 4px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | } | ||
+ | #counttitle{ | ||
+ | margin: 7px; | ||
+ | margin-top: 2px !important; margin-top: -20px; | ||
+ | padding: 10px; | ||
+ | overflow: visible; | ||
+ | background: #bbd; | ||
+ | color: #e40; | ||
+ | font-size: 25pt; | ||
font-weight: bold; | font-weight: bold; | ||
- | } | + | text-align: center; |
+ | font-family: Vivaldi, 'Comic Sans MS', cursive; | ||
+ | -moz-border-radius: 4px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | } | ||
+ | .countback{ | ||
+ | margin: 8px; | ||
+ | background: #bbd; | ||
+ | } | ||
+ | .countstatic{ | ||
+ | color: #a20; | ||
+ | font-size: 14pt; | ||
+ | font-weight: bold; | ||
+ | text-indent: 1pc; | ||
+ | } | ||
+ | .countdyna{ | ||
+ | font-family: Vivaldi; | ||
+ | font-size: 25pt; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
.link_ball{ | .link_ball{ | ||
margin-right: 5px; | margin-right: 5px; | ||
Line 73: | Line 173: | ||
padding: 0; | padding: 0; | ||
} | } | ||
+ | |||
div#p-logo{ | div#p-logo{ | ||
Line 78: | Line 179: | ||
} | } | ||
div#menubar{ | div#menubar{ | ||
- | position: | + | position: absolute; |
top: 0; | top: 0; | ||
} | } | ||
div#menubar .selected a{ | div#menubar .selected a{ | ||
- | color: | + | color: yellow; |
} | } | ||
+ | div#menubar a{ | ||
+ | color: #2CF; | ||
+ | } | ||
+ | |||
.left-menu{ | .left-menu{ | ||
- | + | left: 680px; | |
top: 0; | top: 0; | ||
} | } | ||
.right-menu{ | .right-menu{ | ||
- | + | left: 0; | |
- | + | } | |
+ | div form{ | ||
+ | z-index: 1000; | ||
} | } | ||
div#search-controls{ | div#search-controls{ | ||
position: absolute; | position: absolute; | ||
- | + | top: 110px; | |
- | top: | + | right: 15%; |
- | right: | + | |
- | + | ||
width: 120px; | width: 120px; | ||
- | height: | + | height: 20px; |
+ | z-index: 1000; | ||
} | } | ||
#searchInput{ | #searchInput{ | ||
Line 105: | Line 211: | ||
background: none; | background: none; | ||
width: 90px; | width: 90px; | ||
- | left: | + | left: 25px; |
top: 0; | top: 0; | ||
- | height: | + | height: 20px; |
position: absolute; | position: absolute; | ||
- | + | z-index: 1000; | |
} | } | ||
#searchGoButton{ | #searchGoButton{ | ||
Line 117: | Line 223: | ||
border: none; | border: none; | ||
background: none; | background: none; | ||
- | width: | + | width: 20px; |
- | height: | + | height: 22px; |
- | left: | + | left: 122px; |
line-height: 0; | line-height: 0; | ||
font-size: 1px; | font-size: 1px; | ||
Line 128: | Line 234: | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
+ | z-index: 1000; | ||
} | } | ||
div#content{ | div#content{ | ||
Line 138: | Line 245: | ||
#mastershow{ | #mastershow{ | ||
display: none; | display: none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | # | + | #right_bar{ |
- | + | float: right; | |
- | + | width: 18%; | |
- | + | padding-right: 7%; | |
- | padding | + | paddint-top: 40px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position: relative; | position: relative; | ||
- | |||
- | |||
} | } | ||
- | # | + | #leftbar{ |
- | + | float: left; | |
- | + | width: 17%; | |
- | + | margin-left: 10%; | |
position: relative; | position: relative; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | #leftbar ul{ | |
- | + | list-style: none; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #leftbar li{ | |
- | + | padding: 5px 5px; | |
} | } | ||
- | + | #leftbar a{ | |
- | + | color: #A43; | |
+ | font-size: 12pt; | ||
+ | font-family: Arial, sans-serif; | ||
+ | padding: 3px 5px; | ||
} | } | ||
- | + | #main_content{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position: relative; | position: relative; | ||
- | + | width: 60%; | |
- | + | ||
margin-left: 10%; | margin-left: 10%; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | #imain_content{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
position: relative; | position: relative; | ||
- | + | width: 40%; | |
- | + | ||
- | + | ||
- | width: | + | |
margin-left: 30%; | margin-left: 30%; | ||
} | } | ||
+ | |||
#content_box{ | #content_box{ | ||
left: auto; | left: auto; | ||
text-align: left; | text-align: left; | ||
} | } | ||
+ | |||
#main_content p{ | #main_content p{ | ||
margin: 0px 5px; | margin: 0px 5px; | ||
text-indent: 1pc; | text-indent: 1pc; | ||
} | } | ||
- | . | + | |
- | padding: | + | .wrapper{ |
- | + | padding: 0px 0px 30px 0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | |
- | + | #leftpic{ | |
- | + | float: left; | |
- | + | margin: 3px; | |
+ | padding: 0; | ||
+ | width: auto; | ||
+ | height: auto; | ||
} | } | ||
- | + | ||
- | + | .leftblock{ | |
- | + | width: 350px; | |
- | + | float: left; | |
} | } | ||
- | + | ||
- | + | .rightblock{ | |
- | + | width: 350px; | |
- | + | margin-left: 380px; | |
} | } | ||
- | + | ||
- | + | .content_block{ | |
- | + | background: white; | |
- | + | margin: -10px 0px 25px 0px; | |
- | + | padding: 12px 12px 30px 12px; | |
- | + | -moz-border-radius: 4px; | |
- | background: | + | -webkit-border-radius: 5px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .content_block a{ | |
- | + | color: #A43; | |
- | + | font-weight: bold; | |
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
+ | .content_block a:hover{ | ||
+ | color: #F81; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
+ | #imain_content .content_block span{ | ||
+ | float: right; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
+ | #imain_content .content_block img, #leftbar .content_block img{ | ||
+ | width: 50px; | ||
+ | height: 35px; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
tr.heading{ | tr.heading{ | ||
color: #AFE; | color: #AFE; | ||
font-weight: bold; | font-weight: bold; | ||
text-indent: 1pc; | text-indent: 1pc; | ||
- | background: # | + | background: #A20; |
- | background: -webkit-gradient(linear, right top, left bottom, from(# | + | background: -webkit-gradient(linear, right top, left bottom, from(#d41) ,color-stop(0.20, #fb3), color-stop(0.73, #a20),to(#a40)); |
- | background: -moz-linear-gradient(right top, # | + | background: -moz-linear-gradient(right top, #d41, #fb3 20%, #a20 73%, #A40 155%); |
} | } | ||
img.smalllink{ | img.smalllink{ | ||
Line 437: | Line 375: | ||
margin: 20px; | margin: 20px; | ||
} | } | ||
- | + | .toc, div#content{ | |
- | div{ | + | background: transparent; |
- | background: | + | color: #000; |
- | color: # | + | border: none; |
} | } | ||
</style></html> | </style></html> |
Latest revision as of 16:45, 27 October 2010