Team:WHU-China/templates/standardpage header

From 2013.igem.org

(Difference between revisions)
Line 7: Line 7:
<link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/basecss?action=raw&ctype=text/css" type="text/css">
<link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/basecss?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">
<link rel="stylesheet" href="https://2013.igem.org/Team:WHU-China/headercss?action=raw&ctype=text/css" type="text/css">
-
  <!-- Remove all empty <p> tags -->
+
 
 +
<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 -->
         <script type="text/javascript">
         <script type="text/javascript">
             $(document).ready(function() {
             $(document).ready(function() {

Revision as of 08:43, 25 September 2013

We strongly recommend you to use a non-IE core browser, for example firefox or Opera

Retrieved from "http://2013.igem.org/Team:WHU-China/templates/standardpage_header"