|
|
Line 8: |
Line 8: |
| <link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/headercss?action=raw&ctype=text/css" type="text/css"> | | <link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/headercss?action=raw&ctype=text/css" type="text/css"> |
| | | |
- | <style type="text/css">
| |
- | html,body{font-family:Tahoma, Geneva, sans-serif;height:100%;}
| |
- | body{position:relative;min-width:990px;min-height:100%;height:auto!important;height:100%;background-color:rgb(0,143,116);font-size:12px;}
| |
- | html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,td{margin:0;padding:0;}
| |
- | ol,ul{list-style:none;}
| |
- | caption,th{text-align:left;}
| |
- | h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
| |
- | q:before,q:after{content:''}
| |
- | .fb{font-weight:bold;}
| |
- | .mac{
| |
- | height:auto;width:67%;float:right;padding:5px;margin-top:6px;margin-right:7%;
| |
- | }
| |
- | .pr{position:relative;}
| |
- | .pa{position:absolute;}
| |
- | .fl{float:left;display:inline;}
| |
- | .fr{float:right;display:inline;}
| |
- | .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
| |
- | .clearfix{display:inline-block;}
| |
- | * html .clearfix{height:1%;}
| |
- | .clearfix{display:block;}
| |
| | | |
- | .right-menu li a{color:black;}
| |
- | .left-menu:hover a{color:black;}
| |
- | #menubar ul{height:4px;color:rgb(255,255,238);}
| |
- |
| |
- | #content{position:absolute;top:0;left:0;width:100%;height:auto;background-color:rgb(243, 245, 242);border:0;padding:0;}
| |
- | #top-section{border:0;height:0;}
| |
- | #search-controls, .firstHeading, #contentSub, #footer-box , #catlinks, #p-logo {display:none;}
| |
- | .firstHeading {margin-bottom: 0.1em;}
| |
- | #bodyContent{
| |
- |
| |
- | background:url(https://static.igem.org/mediawiki/2013/a/a0/WHUIGEM_LOGOopacity.png);
| |
- | background: -moz-linear-gradient(right, rgba(255, 255, 240, 0.95), rgba(255, 255, 240, 0.5)),url(https://static.igem.org/mediawiki/2013/0/02/IGEM_LOGO.png);
| |
- | }
| |
- | .showborder {
| |
- | border: 1px solid rgb(142,195,31);
| |
- | box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.15);
| |
- | -webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.15);
| |
- | }
| |
- | #header{
| |
- | height:180px;
| |
- | width:1280px;
| |
- | background-color:rgb(255,255,238);
| |
- | border: 1px solid rgb(204, 204, 204);
| |
- | box-shadow: 6px 6px 9px rgba(142,195,31,0.5);
| |
- | position: relative;z-index: 1000;min-height: 180px;height: auto !important;
| |
- | background: -moz-linear-gradient(right, rgba(200, 255, 40, 0.8), rgba(142, 97, 41, 0));
| |
- | background:-webkit-gradient(linear, right top, left top, from(rgba(200, 255, 40,0.8)),to(rgba(142,97,41,0))) ;
| |
- | }
| |
- | #header-inner{position:relative;margin-top:0;width:100%;height:180px;float:right;}
| |
- | #logo{position:relative;top:17px;zoom:1;width:129px;height:58px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod='image');}
| |
- | #logo img{_display:none;}
| |
- | .right-menu li a {background-color:rgb(255,255,238);}
| |
- | #menu{position:absolute;right:7px;bottom:0;height:34px;font-size:16px;_font-size:12px;margin-right: 10%}
| |
- | .toplist{float:left;height:34px;line-height:34px;border: 0;}
| |
- | #menu_lbg{position:absolute;left:-7px;top:0;width:7px;height:34px;}
| |
- | #menu_rbg{position:absolute;right:-7px;top:0;width:7px;height:34px;}
| |
- | .topla{display:inline-block;height:34px;line-height:37px\9;text-decoration:bold;overflow:hidden;cursor:pointer;}
| |
- | .toplist a.first{border:none;}
| |
- | .topla:hover{border: 1px solid rgb(142,195,31);box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.15);}
| |
- | .topla span{display:inline-block;padding:0 18px;height:34px;}
| |
- | .toplist a.last span{background:none!important;}
| |
- | .toplist a.hover{;background-color:rgb(142,195,31);}
| |
- | .sec{display:none;}
| |
- | #menu-sub-container{margin-top:0;width:100%;height:0;background-color:rgb(142,195,31);color:#000;overflow:hidden;border: 1px solid rgb(142,195,31);box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);}
| |
- | #menu-sub-container-inner{display:block;position:absolute;left:50%;top:0;margin-left:-580px;width:960px;}
| |
- | .menu-sub-list-row{margin:0;padding-top:12px;}
| |
- | .menu-sub-list-row li{width:150px;margin-right:0;padding-left:0;}
| |
- | .menu-sub-list-row a{color:#000;text-decoration:none;}
| |
- | .menu-sub-list-row h3 a{color:#000;}
| |
- | .menu-sub-list-row .hover{width:150px;border:0;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);}
| |
- | .menu-sub-list-row .hover h3,.menu-sub-list-row .hover h3 a{color: rgb(0,107,61);}
| |
- | .menu-sub-list-row .hover a{color:#000;text-decoration:none;}
| |
- | .menu-sub-list-row a:hover{text-decoration:underline;}
| |
- | .broad, .broad ul, .broad ul li {
| |
- | width:240px;
| |
- | }
| |
- | .right-menu li a{background:none;}
| |
- | table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
| |
- | text-align: left;}
| |
- | .toc{
| |
- | margin-top:44px;width:24%;height:261px;margin-left:-5px;
| |
- | background:rgba(255,255,255, 0) none repeat scroll 0 0 !important;
| |
- | filter:Alpha(opacity=0); background:#fff;
| |
- | }
| |
- | .toc img{
| |
- | width:278px;height:280px;
| |
- | }
| |
- | .toc table {
| |
- | margin-left:10px;
| |
- | margin-top:-275px;
| |
- | width:100%;
| |
- | background:rgba(255, 255, 255, 0) none repeat scroll 0 0 !important;
| |
- | filter:Alpha(opacity=0); background:#fff;
| |
- | }
| |
- | .toc table li span{
| |
- | position:relative;
| |
- | }
| |
- | #toctitle {
| |
- | margin: 5px 0;}
| |
- | .toc, #toc {
| |
- | border:0;
| |
- | margin-top:30px;
| |
- | float: left;
| |
- | width: 25%;
| |
- | padding: 0;}
| |
- | #toc table ul, .toc table ul {
| |
- | margin: 0 5px 5px 5px;}
| |
- | .toc table ul li {
| |
- | padding-left: 12px;
| |
- | text-indent: -12px;
| |
- | /*width: 200px;*/}
| |
- | .toc table ul li ul li {
| |
- | padding-left: 25px;
| |
- | text-indent: -24px;
| |
- | /*width: 170px;*/}
| |
- | #toc table ul ul, .toc table ul ul {
| |
- | margin: 0;}
| |
- | .stickBelowNavigation {
| |
- | position: fixed;
| |
- | top: 60px;
| |
- | margin-left: -5px;}
| |
- | .tochidden {
| |
- | float:left;
| |
- | position: static;
| |
- | left: -200px;
| |
- | }
| |
- | .backtop{
| |
- | float:left;
| |
- | position:absolute;
| |
- | top:20px;
| |
- | width:6%;
| |
- | height:auto;
| |
- | margin-left:94%;
| |
- | }
| |
- | .backtop img, .mainiGEM img{
| |
- | width:100%;
| |
- | }
| |
- |
| |
- |
| |
- | .stickToBottom{
| |
- | top:88%;
| |
- | position: fixed;
| |
- | }
| |
- |
| |
- | .mainiGEM{
| |
- | z-index:1000;
| |
- | float:right;
| |
- | position:fixed;
| |
- | top:20px;
| |
- | width:5%;
| |
- | height:auto;
| |
- | margin-left:94%;
| |
- | }
| |
- | .sticktotop{
| |
- | float:left;
| |
- | margin-left:95%;
| |
- | width:5%;
| |
- | height:auto;
| |
- | margin-top:0;
| |
- | position:absolute;
| |
- | }.mac{
| |
- | margin-top:6px;
| |
- | padding:5px;
| |
- | margin-right:7%;
| |
- | border: 3px solid rgb(142, 195, 31);
| |
- | box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.15);
| |
- | -webkit-box-shadow: 6px 6px 7px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
| |
- | float:right;
| |
- | background-color: #F6F6F6;
| |
- | }
| |
- |
| |
- | h1{
| |
- | border-bottom:1px solid rgb(142, 195, 31);
| |
- | }
| |
- |
| |
- | .righttable li{
| |
- |
| |
- | float:left;
| |
- | margin-left:100px;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- | </style>
| |
| <!-- Remove all empty <p> tags --> | | <!-- Remove all empty <p> tags --> |
| <script type="text/javascript"> | | <script type="text/javascript"> |