Template:USTC-Software/header/css

From 2013.igem.org

Revision as of 01:56, 28 October 2013 by Zigzag (Talk | contribs)

body {

    background:#f3f3f3;

}


  1. main {
   background: url(M_1243691170517.jpg) repeat;
   width:75%;
   height:auto;
   /*margin:90px auto;*/
   padding:30px;
   margin-top:-20px;
   margin-right:10px;
   float:right;
   font:14px Arial, Helvetica, sans-serif;
   box-shadow:#999 3px 3px 3px;
   border-radius: 10px;

}


  1. top {
      position:fixed;
      background-color:#34495e;
      width:100%;
      height:100px;
      z-index: 5000;
      top:0px;
      left:0px;
      opacity:1;
    

}


  1. header {
      position: relative;
      background-color:#34495e;
      border-radius: 0 0 10px 10px;
      -moz-border-radius: 0 0 5px 5px;
      -webkit-border-radius: 0 0 15px 15px;
      height:95px;
      font-family: "Helvetica Neue","Arial",sans-serif;
     
      border-top-width:0px;
      max-width:980px;
      width:970px;
      margin-left:-15px;

}


  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-top:50px;
     margin-left:-25px;
     width: auto;
     height: 25px;
     position: absolute;
     z-index:9999;
     left:190px;

}


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

}


  1. nav-strip ul li.nav-item {
      display: inline;
      float: left;
      position:relative;
      padding-top:10px;
      width:120px;
      height: 35px;
      text-align:center;

}


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

}

  1. nav-strip ul li.nav-item:hover a,
  2. nav-strip ul li.nav-item.hover a {
    color: #000;

}

  1. nav-strip ul li a {
      color:#fff;
      display:block;
      font-size: 18px;
      font-weight:200;

}


  1. nav-strip ul li .subnav {
      display: none;
      position:absolute;
      background: #34495e;
      top:45px;

}

  1. nav-strip ul li .subnav ul li:hover{
      background-color:#4d77a1;

}

  1. nav-strip .subnav-inner {
      float: left;
      width: 120px;

}

  1. nav-strip .subnav .subnav-inner ul li.hp{
      height:60px;
      background:#34495e;

}

  1. nav-strip .subnav .subnav-inner ul .hp:hover{
      background:#7599bc;

}


  1. nav-strip ul li .subnav ul {
      float: left;
      width: 120px;
      list-style:none;
      height:auto;

}


  1. nav-strip ul li .subnav ul li {
      display:block;
      /*border-top:2px outset #34495e;*/
      float:left;
      width: 120px;

}


  1. nav-strip ul li .subnav ul li a {
      font-weight: normal;
      margin-top:12px;
      height:32px;
      margin-bottom:2px;
      margin-top:8px;

}


  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;

}


  1. team_logo {
     width: 275px; 
     height: 45px; 
     float: left;
     margin-top:5px;
     margin-left:-95px;
     font-size:33px;
     font-family:'Open Sans',"Helvetica Neue",arial,serif;


}


  1. team_logo a{
     color:#ed7751;
     text-decoration:none;
     text-shadow: 4px 3px 0.5px #03C 0.6;
     position:relative;
  

}

  1. team_logo a img{
     width:220px;
     height:134px;

}

  1. team_logo a:active{
     text-shadow:2px 2px 2px #f1f0f0;
     left:1px;
     top:1px;

}

  1. team_logo:hover a{
     color:#439b66;

}

  1. igem {
      float:right;
      margin-top:-1px;
      margin-right:-55px;
      height:83px; 
      width:110px; 

}

  1. igem a img{
       transition:width 1s, height 1s;
       -moz-transition:width 1s, height 1s, -moz-transform 1s; 
       -webkit-transition:width 1s, height 1s, -webkit-transform 1s; 
       -o-transition:width 1s, height 1s, -o-transform 1s; 
       -ms-transition:width 1s, height 1s, -ms-transform 1s;

}

  1. igem a img:hover{
       transform:rotate(360deg);
       -moz-transform:rotate(360deg);
       -webkit-transform:rotate(360deg);
       -o-transform:rotate(360deg); 
       -ms-transition:width 1s, height 1s, -ms-transform 1s;

}


a.content {

   text-decoration:none;
   color:#36526c;
   transition:1s;

} a.content:hover {

   text-decoration:none;
   color:#6b93af;
   transition:1s;

}


  1. direction{
   width:18%;
   height:100%;
   float:left;
   top:140px;
   left:10px;
   position:fixed;
   background-color:#34495e;
   border-radius:5px;

}

  1. direction ul , #direction ul li a{
   color:#fff;
   font-size:18px;
   text-decoration:none;
   font-family:Tahoma, Geneva, sans-serif;
   list-style-image:none;
   list-style-image:circle;

}

  1. direction ul li a:hover{
   color:#aaed51;
   opacity:1;
   font-size:18px;

}

.subbutton {

   font-size:16px !important;
   margin-left:10px;

}


  1. box{float:left; position:relative;width:250px;}.div1{width:250px;}.div2{position:fixed;_position:absolute;top:0;z-index:250;}