Team:Peking/Test
From 2010.igem.org
(Difference between revisions)
Evamonlight (Talk | contribs) |
Evamonlight (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | <head> |
- | + | <style> | |
- | + | body{ | |
- | + | text-align:center; | |
- | margin: 0; | + | font-family:Arial,sans-serif; |
- | + | color:#000; | |
+ | background: transparent; | ||
+ | } | ||
+ | body p{ | ||
+ | margin: 0; | ||
+ | } | ||
+ | .firstHeading{ | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | } | ||
+ | h3#siteSub{ | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | } | ||
+ | div#contentSub{ | ||
+ | display: none; | ||
+ | position: absolute; | ||
} | } | ||
- | + | .headerpic{ | |
- | + | position: absolute; | |
- | + | top: 0; | |
+ | left: 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
- | + | .logopic{ | |
- | + | margin-top: 50px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | div#top-section{ |
- | background | + | background: #DCF; |
- | + | height: 20px; | |
- | + | width: 100%; | |
- | + | border: 0; | |
- | + | ||
} | } | ||
- | + | .left_gadget{ | |
- | + | margin: 30px 0px; | |
- | + | } | |
- | margin: | + | .left_gadget p{ |
- | width:100%; | + | color: #55F; |
+ | font-weight: bold; | ||
+ | text-indent: 0; | ||
+ | } | ||
+ | .countdown{ | ||
+ | color: #F42; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .link_ball{ | ||
+ | margin-right: 5px; | ||
+ | width:32px; | ||
+ | height:32px; | ||
+ | display:block; | ||
+ | float: left; | ||
+ | } | ||
+ | .link_ball a{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display: block; | ||
+ | } | ||
+ | .fill_img{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
} | } | ||
- | #top- | + | div#p-logo{ |
- | + | display: none; | |
- | + | } | |
- | + | div#menubar{ | |
- | + | position: relative; | |
- | + | top: 0; | |
- | margin | + | } |
- | padding:0; | + | div#menubar .selected a{ |
- | border: none; | + | color: #2AF; |
+ | } | ||
+ | .left-menu{ | ||
+ | float: left; | ||
+ | top: 0; | ||
+ | } | ||
+ | .right-menu{ | ||
+ | float: right; | ||
+ | top: 0; | ||
+ | } | ||
+ | div#search-controls{ | ||
+ | position: absolute; | ||
+ | float: right; | ||
+ | top: 20px; | ||
+ | right: 20px; | ||
+ | background: url("https://static.igem.org/mediawiki/2010/1/17/THUSearch.png") no-repeat; | ||
+ | width: 120px; | ||
+ | height: 25px; | ||
+ | } | ||
+ | #searchInput{ | ||
+ | border: none; | ||
+ | background: none; | ||
+ | width: 90px; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | height: 25px; | ||
+ | position: absolute; | ||
+ | padding: 0px 5px !important; padding: 5px 5px 5px 5px; | ||
+ | } | ||
+ | #searchGoButton{ | ||
+ | display: none; | ||
+ | } | ||
+ | #mw-searchButton{ | ||
+ | border: none; | ||
+ | background: none; | ||
+ | width: 30px; | ||
+ | height: 25px; | ||
+ | left: 87px; | ||
+ | line-height: 0; | ||
+ | font-size: 1px; | ||
+ | text-indent: 100pc; | ||
+ | cursor: pointer; | ||
+ | top: 0; | ||
+ | position: absolute; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | div#content{ | ||
+ | width: 100%; | ||
+ | left: 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | div#topbar-orig{ | ||
+ | background: url("2009 logo.jpg") #1c2d02 left top repeat-x; | ||
+ | color:#fff; | ||
+ | overflow: hidden; | ||
+ | height: 140px; | ||
+ | min-width: 980px; | ||
+ | } | ||
+ | div#topbar-orig ul{ | ||
+ | position: absolute; | ||
+ | bottom:5px; | ||
+ | right:5px; | ||
+ | dfloat:right; | ||
+ | width: 812px; | ||
+ | height: 61px; | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | #topbarul li{ | ||
+ | float:left; | ||
+ | margin-left: 10px; | ||
+ | height: 100%; | ||
+ | list-style: none; | ||
} | } | ||
+ | #topbarul a{ | ||
+ | text-decoration: none; | ||
+ | color: #eef; | ||
+ | dwidth: 96px; | ||
+ | padding: 3px 6px 5px 10px; | ||
+ | display:block; | ||
+ | text-align: right; | ||
+ | dfont-weight: bold; | ||
+ | font-size: 0.9em; | ||
+ | dtext-shadow: #271E0F 0 0 0; | ||
+ | text-shadow: 1px 1px 1px #271E0F ; | ||
+ | position: relative; | ||
+ | -moz-border-radius: 4px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | } | ||
+ | #topbarul a span{ | ||
+ | border-right: 4px solid; | ||
+ | display: block; | ||
+ | padding-right: 7px; | ||
+ | position: relative; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | #topbarul a em{ | ||
+ | background: url(images/nav-selected.jpg) no-repeat; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 150px; | ||
+ | height: 48px; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | a#ina-home span{ | ||
+ | border-color:#FFA200; | ||
+ | } | ||
- | + | a#ina-background span{ | |
- | + | border-color: #B35C21; | |
+ | } | ||
+ | a#ina-project span{ | ||
+ | border-color:#C20085; | ||
} | } | ||
- | </ | + | a#ina-record span{ |
+ | border-color:#C7C501; | ||
+ | } | ||
+ | |||
+ | a#ina-team span{ | ||
+ | border-color: #D20000; | ||
+ | } | ||
+ | |||
+ | a#ina-sponsor span{ | ||
+ | border-color: #00547b; | ||
+ | } | ||
+ | a#ina-parts span{ | ||
+ | border-color:#10675C; | ||
+ | } | ||
+ | |||
+ | #bd_home #ina-home .navmask, | ||
+ | #bd_background #ina-background .navmask, | ||
+ | #bd_project #ina-project .navmask, | ||
+ | #bd_team #ina-team .navmask, | ||
+ | #bd_exp #ina-record .navmask, | ||
+ | #bd_sponsor #ina-sponsor .navmask, | ||
+ | #bd_parts #ina-parts .navmask | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #topbarul a strong{ | ||
+ | display: block; | ||
+ | color: #fff; | ||
+ | font-size: 1.1em; | ||
+ | } | ||
+ | #topbarul{ | ||
+ | float:right; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | margin-top:20px; | ||
+ | } | ||
+ | #topbar{ | ||
+ | height:96px; | ||
+ | position:relative; | ||
+ | text-align:center; | ||
+ | margin: 0; | ||
+ | padding-right: 30px; | ||
+ | padding-left: 30px; | ||
+ | } | ||
+ | #topbar1-left{ | ||
+ | height:98px; | ||
+ | position: absolute; | ||
+ | background: url(header-images/realheader-left1.png) repeat-x; | ||
+ | width:50%; | ||
+ | left:0; | ||
+ | top:0; | ||
+ | z-index:4; | ||
+ | } | ||
+ | |||
+ | #topbar1-right{ | ||
+ | height:98px; | ||
+ | position: absolute; | ||
+ | background: url(header-images/realheader-right1.png) repeat-x; | ||
+ | width:50%; | ||
+ | right:0; | ||
+ | top:0; | ||
+ | } | ||
+ | |||
+ | .ieoverlay{display:none;} | ||
+ | |||
+ | #topbar1-center{ | ||
+ | height: 83px; | ||
+ | dmargin: 0 auto; | ||
+ | position: relative; | ||
+ | dfloat: center; | ||
+ | top: 0; | ||
+ | margin-left: 10%; | ||
+ | background: url("https://static.igem.org/mediawiki/2010/b/bb/Banneru.png") no-repeat; | ||
+ | width: 880px; | ||
+ | padding: 0 40px; | ||
+ | z-index: 5; | ||
+ | -moz-border-radius: 4px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | } | ||
+ | .navmask{ | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: #000; | ||
+ | opacity: 0.3; | ||
+ | filter: alpha(opacity=30); | ||
+ | display: none; | ||
+ | -moz-border-radius: 4px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | border-bottom: 2px solid #eee; | ||
+ | border-right: 2px solid #ddd; | ||
+ | } | ||
+ | #topbarul a:hover .navmask{ | ||
+ | display:block | ||
+ | } | ||
+ | |||
+ | #left_bar{ | ||
+ | float: left; | ||
+ | width: 200px; | ||
+ | padding: 0; | ||
+ | position: relative; | ||
+ | } | ||
+ | #main_content{ | ||
+ | position: relative; | ||
+ | margin-left: 210px; | ||
+ | margin-right: 5%; | ||
+ | } | ||
+ | #content_box{ | ||
+ | margin-left: 12%; | ||
+ | margin-right: 10%; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #main_content p{ | ||
+ | margin: 0px 5px; | ||
+ | text-indent: 1pc; | ||
+ | } | ||
+ | .intro-box{ | ||
+ | padding: 20px 5px 20px 5px; | ||
+ | -moz-border-radius: 14px; | ||
+ | -webkit-border-radius: 15px; | ||
+ | border-bottom:2px solid #eee; | ||
+ | border-right:2px solid #ddd; | ||
+ | box-shadow:80px 20px 50px #fff; | ||
+ | -webkit-box-shadow:80px 20px 55px #fff; | ||
+ | -moz-box-shadow:80px 20px 50px #fff; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #intro-wwy{ | ||
+ | background: #FC7; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbbf70), color-stop(0.73, #ffd255),to(#fdcfaa)); | ||
+ | background: -moz-linear-gradient(right top, #fff,#eba007 20%, #ffa200 73% ,#adaf32 95% ,#EA2 155%); | ||
+ | } | ||
+ | #intro-SJW{ | ||
+ | background: #FAC; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbA0bf), color-stop(0.73, #ff95d2),to(#fdbacd)); | ||
+ | background: -moz-linear-gradient(right top, #fff,#fbA0bf 20%, #ff95d2 73% ,#fdbacd 95% ,#FAC 155%); | ||
+ | } | ||
+ | #intro-LYC{ | ||
+ | background: #FDA; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbcfA0), color-stop(0.73, #ffe795),to(#fddcba)); | ||
+ | background: -moz-linear-gradient(right top, #fff,#fbcfA0 20%, #ffe795 73% ,#fddcba 95% ,#FDA 155%); | ||
+ | } | ||
+ | #intro-ZY{ | ||
+ | background: #FDF; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbcff0), color-stop(0.73, #ffe7e5),to(#fddcfa)); | ||
+ | background: -moz-linear-gradient(right top, #fff,#fbcff0 20%, #ffe7e5 73% ,#fddcfa 95% ,#FDF 155%); | ||
+ | } | ||
+ | #intro-HDY{ | ||
+ | background: #FEE; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbdfe0), color-stop(0.73, #ffefe0),to(#fdecea)); | ||
+ | background: -moz-linear-gradient(right top, #fff,#fbdfe0 20%, #ffefe0 73% ,#fdecea 95% ,#FEE 155%); | ||
+ | } | ||
+ | #intro-YFW{ | ||
+ | background: #CFA; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #bffbA0), color-stop(0.73, #d2ff95),to(#cdfdba)); | ||
+ | background: -moz-linear-gradient(right top, #fff,#bffbA0 20%, #d2ff95 73% ,#cdfdba 95% ,#CFA 155%); | ||
+ | } | ||
+ | #intro-YLM{ | ||
+ | background: #CAF; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #bfA0fb), color-stop(0.73, #d295ff),to(#cdbafd)); | ||
+ | background: -moz-linear-gradient(right top, #fff,#bfa0fb 20%, #d295ff 73% ,#cdbafd 95% ,#CAF 155%); | ||
+ | } | ||
+ | |||
+ | #intro-zyx{ | ||
+ | background: #DEF; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #BDE), color-stop(0.73, #CDF),color-stop(0.95, #adfaFF), to(#DEF)); | ||
+ | background: -moz-linear-gradient(right top, #fff,#70BBDD 20%, #cdf 73% ,#fdafff 95% ,#dFf 155%); | ||
+ | |||
+ | } | ||
+ | #intro-lt{ | ||
+ | background: #EFD; | ||
+ | background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #DEB), color-stop(0.73, #DFC),color-stop(0.95, #faFFad), to(#EFD)); | ||
+ | background: -moz-linear-gradient(right bottom, #fff,#DEB 20%, #DFC 73% ,#faffad 95% ,#EFD 155%); | ||
+ | |||
+ | } | ||
+ | #intro-lxm{ | ||
+ | background: #DCF; | ||
+ | background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #EFB), color-stop(0.73, #CDF),color-stop(0.95, #EDE), to(#DCF)); | ||
+ | background: -moz-linear-gradient(right bottom, #fff,#EFB 20%, #CDF 73% ,#EDE 95% ,#DCF 155%); | ||
+ | |||
+ | } | ||
+ | #intro-GX{ | ||
+ | background: #DFF; | ||
+ | background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #BEF), color-stop(0.73, #CDF),color-stop(0.95, #DEE), to(#DEF)); | ||
+ | background: -moz-linear-gradient(right bottom, #fff,#BEF 20%, #CDF 73% ,#DEE 95% ,#DEF 155%); | ||
+ | |||
+ | } | ||
+ | |||
+ | #intro-list{ | ||
+ | list-style: none; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #intro-list span{ | ||
+ | color: #28B; | ||
+ | font-weight: bold; | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | tr.heading{ | ||
+ | color: #AFE; | ||
+ | font-weight: bold; | ||
+ | text-indent: 1pc; | ||
+ | background: #FAC; | ||
+ | background: -webkit-gradient(linear, right top, left bottom, from(#f4d) ,color-stop(0.20, #fbA0bf), color-stop(0.73, #ff95d2),to(#fdbacd)); | ||
+ | background: -moz-linear-gradient(right top, #f4d, #fbA0bf 20%, #ff95d2 73% ,#fdbacd 95% ,#FAC 155%); | ||
+ | } | ||
+ | table.month{ | ||
+ | padding: 0px 20px 0px 0px; | ||
+ | } | ||
+ | .day-empty{ | ||
+ | color: #C00; | ||
+ | } | ||
+ | .day-active{ | ||
+ | color: #2DF; | ||
+ | } | ||
+ | |||
+ | img.photo{ | ||
+ | |||
+ | height: 250px; | ||
+ | float: right; | ||
+ | right: 20px; | ||
+ | } | ||
+ | </style></head> |
Revision as of 14:29, 21 July 2010