Template:USTC-Software/header/css

From 2013.igem.org

(Difference between revisions)

Revision as of 08:13, 8 August 2013

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;

}

header {

      position: relative;
      background: #fff;
      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;
      border: 5px #0D97F2 solid;
      border-top-width:0px;
      max-width:1340px;
      width:955px;
      margin-left:-15px;

}

nav-strip a {

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

}

nav-strip ul {

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

}

nav-strip {

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

}

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

nav-strip ul li.nav-item {

      display: inline;
      float: left;
      position:relative;
      padding-top:15px;
      width:90px;/*主菜单宽*/
      height: 30px;
      text-align:center;

}

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

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

nav-strip ul li a {

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

}

nav-strip ul li .subnav {

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

}

nav-strip .subnav-inner {

      float: left;
      width: 130px;

}

nav-strip ul li .subnav ul {

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

}

nav-strip ul li .subnav ul li {

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

}

nav-strip ul li .subnav ul li a {

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

}

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

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

}

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

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

team_logo {

     width:290px; 
     height: 15px; 
     float: left;
     margin-top:12px;
     margin-left:5px;
     font-size:36px;
     font-family:'Open Sans',"Helvetica Neue",arial,serif;
     -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;

}

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;

}

team_logo a:active{

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

}

team_logo:hover a{ color:#0D97F2;}

igem {

      float:right;
      margin-top:-1px;
      margin-right:-25px;
      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;

}