Template:Tsinghua

From 2010.igem.org

(Difference between revisions)
Line 59: Line 59:
     position: absolute;
     position: absolute;
}
}
 +
 +
#topbar{ width: 100%; height: 39px; margin: 18px auto; }
 +
#topbar #topbarul {padding:0; width: 1000px; margin-left: 10%;}
 +
#topbar #topbarul li{ display: inline; }
 +
#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{background-position: 0 -42px; width: 120px; }
 +
#topbar #topbarul li#nav-team a:hover{background-position: -121px -42px; width: 93px; }
 +
#topbar #topbarul li#nav-project a:hover{background-position: -215px -42px; width: 138px; }
 +
#topbar #topbarul li#nav-experiment a:hover{background-position: -353px -42px; width: 162px; }
 +
#topbar #topbarul li#nav-parts a:hover{background-position: -516px -42px; width: 104px; }
 +
#topbar #topbarul li#nav-support a:hover{background-position: -621px -42px; width: 130px; }
 +
#topbar #topbarul li#nav-human a:hover{background-position: -751px -42px; width: 250px; }
 +
 +
.left_gadget{
.left_gadget{
Line 199: Line 222:
}
}
-
#topbarul li{
 
-
    float:left;
 
-
    border-right: 1px solid #666;
 
-
    border-left: 1px solid #555;
 
-
    margin-left: -1px;
 
-
    height: 100%;
 
-
    list-style: none;
 
-
    z-index: 4;
 
-
    background: none
 
-
}
 
-
 
-
#topbarul a{
 
-
    text-decoration: none;
 
-
    color: #233;
 
-
    dwidth: 96px;
 
-
    padding: 7px 20px;
 
-
    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{
 
-
    display: block;
 
-
    padding: 0;
 
-
    position: relative;
 
-
    z-index: 10;
 
-
    color: #DCA;
 
-
}
 
-
 
-
 
-
 
-
#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_hum #ina-humanity .navmask,
 
-
#bd_sponsor #ina-sponsor .navmask,
 
-
#bd_parts #ina-parts .navmask
 
-
{
 
-
    display: block;
 
-
}
 
-
 
-
#bd_home #ina-home strong,
 
-
#bd_background #ina-background strong,
 
-
#bd_project #ina-project strong,
 
-
#bd_team #ina-team strong,
 
-
#bd_hum #ina-humanity strong,
 
-
#bd_exp #ina-record strong,
 
-
#bd_sponsor #ina-sponsor strong,
 
-
#bd_parts #ina-parts strong
 
-
{
 
-
    color: #eef;
 
-
}
 
-
 
-
#topbarul a strong{
 
-
    display: block;
 
-
    color: #455;
 
-
    font-size: 1.1em;
 
-
}
 
-
#topbarul{
 
-
    float: none;
 
-
    margin:0;
 
-
    margin-left: 12%;
 
-
    padding:0;
 
-
    height: 100%;
 
-
}
 
-
#topbar{
 
-
    height: 50px;
 
-
    position:relative;
 
-
    margin: 0;
 
-
    margin-bottom: 15px;
 
-
}
 
-
 
-
.ieoverlay{display:none;}
 
-
 
-
#topbar1-center{
 
-
    height: 53px;
 
-
    position: relative;
 
-
    dfloat: center;
 
-
    z-index: 5;
 
-
}
 
-
 
-
.navmask{
 
-
    position: absolute;
 
-
    top: 0;
 
-
    left: 0;
 
-
    width: 100%;
 
-
    height: 100%;
 
-
    background-color: #222;
 
-
    opacity: 0.6;
 
-
    filter: alpha(opacity=60);
 
-
    display: none;
 
-
    border-bottom: none;
 
-
    border-right: 2px solid #ddd;
 
-
}
 
-
#topbarul a:hover .navmask{
 
-
    display:block
 
-
}
 
-
 
-
#topbarul a:hover strong{
 
-
    color: #eef;
 
-
}
 
#right_bar{
#right_bar{

Revision as of 16:27, 7 October 2010