Template:USTC-Software/header/css

From 2013.igem.org

Revision as of 06:44, 8 August 2013

1. top {

position: fixed; background: #0D97F2; width:100%; height:50px; z-index: 5000; top:0px; left:0px;

       border-radius: 0 0 5px 5px; 

-moz-border-radius: 0 0 5px 5px;

	-webkit-border-radius: 0 0 15px 15px;	

}

1. header {

position: relative; background: url() no-repeat right top;

        border-radius: 0 0 5px 5px; 

-moz-border-radius: 0 0 5px 5px;

	 -webkit-border-radius: 0 0 15px 15px;

height: 45px; font-family: "Helvetica Neue","Arial",sans-serif; /*font-size: 14px;*/ border: 5px #0D97F2 solid; border-top-width:0px; max-width:1340px; width:100%; }

1. nav-strip a {

color: #fff; text-decoration: none; cursor: pointer; cursor: hand; }

1. nav-strip ul {

margin:0; padding:0; list-style:none; }

1. nav-strip {

margin:0; width: 670px;/*总宽度*/ height: 45px; position: absolute; z-index:9999; left:350px; }

1. nav-strip a:hover { text-decoration:none;}

1. nav-strip ul li.nav-item {

       display: inline;
       float: left;

position:relative; padding-top:15px; width:130px;/*主菜单宽*/ height: 30px; text-align:center; }

1. nav-strip ul li.nav-item:hover,
2. nav-strip ul li.nav-item.hover{ background: #0D97F2;}

1. nav-strip ul li.nav-item:hover a,
2. nav-strip ul li.nav-item.hover a{color: #FFF;}/*鼠标接触时的颜色浓绿*/

1. nav-strip ul li a{

color: #000; display:block; font-size: 14px;/*主菜单字体大小*/ }

1. nav-strip ul li .subnav {

display: none; position:absolute; background: #0D97F2; top:45px; }

1. nav-strip .subnav-inner {

float: left; width: 130px; }

1. nav-strip ul li .subnav ul{

float: left; width: 130px; list-style:none; }

1. nav-strip ul li .subnav ul li{

       display:block;

border-bottom:1px solid #fff; float:left; width: 130px; }

1. nav-strip ul li .subnav ul li a{

      font-weight: normal;
      margin-top:5px;
      height:20px; 
      margin-bottom:2px;

}

1. nav-strip ul li .subnav ul li a,
2. nav-strip ul li.nav-item:hover .subnav ul li a{

position: relative; color: #fff; text-align:center; }

1. nav-strip ul li .subnav ul li a,
2. nav-strip ul li.nav-item:hover .subnav ul li a { white-space: normal;}

1. nav-strip ul li .subnav ul li.active a,
2. nav-strip ul li .subnav ul li a:hover { color:#000!important;}

1. team_logo {

   width:290px; 
   height: 15px; 
   float: left;
   margin-top:0px;
   margin-left:60px;
   font-size:36px;
   font-family:"汉仪蝶语体简";
   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;

}

1. team_logo a{

   color:#99cc99;
   text-decoration:none;
   text-shadow: 4px 3px 0.5px #666666;
   position:relative;
   -webkit-transition: color .5s ease-out;
   -moz-transition: color .5s ease-out;
   -o-transition: color .5s ease-out;
   -ms-transition: color .5s ease-out;
   transition: color .5s ease-out;

}

1. team_logo a:active{

   text-shadow:6px 4px 1px black;
   left:1px;
   top:1px;

}

1. team_logo:hover a{

  color:#0D97F2;

}

1. igem {

    float:right;
    margin-top:-1px;
    margin-right:100px;
    background: url() no-repeat center;
    height:80px; 
    width:160px; 
    border-bottom-right-radius:1000px;
    border-bottom-left-radius:1000px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;

}