Team:SYSU-Software/header.css

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
#team-header{
 +
      height: 200px;
 +
      width: 980px;
 +
      background-color: white;
 +
    }
 +
    #team-header-logo{
 +
      position: relative;
 +
      left: 20px;
 +
      top:30px;
 +
    }
 +
    #team-header-text{
 +
      position: relative;
 +
      left: 130px;
 +
      top: -67px;
 +
    }
 +
    #boss-header-image{
 +
      position: relative;
 +
      left: 285px;
 +
      top: -85px;
 +
    }
 +
 +
 
 +
    #navigation{
 +
      float: right;
 +
      height: 43px;
 +
 +
      z-index: 100;
 +
 +
      position: relative;
 +
      top: -50px;
 +
    }
 +
    .nav{
 +
      display: inline;
 +
 +
      height: 47px;
 +
      background-color:#A8DBD2;   
 +
    }
 +
   
 +
    .navbar-inverse .nav > li > a{
 +
      font-size: 14px;
 +
      border: none;
 +
    }
 +
    #nav-li{
 +
      height: 43px;
 +
    }
 +
   
 +
    .navbar-inverse .nav > li.active > a{
 +
      background-color: #FFE14B;
 +
      height: 16px;
 +
    }
 +
    .navbar-inverse .nav > li.active > a{
 +
      background-color: #FFE14B;
 +
    }
 +
    #sub-link1{
 +
      width:100px;
 +
      background-color:#A8DBD2;
 +
    }   
 +
    .navbar .nav > li > ul:before {
 +
      border-width: 0px;
 +
    }
 +
 +
    #sub-link2{
 +
      width:100px;
 +
      background-color:#A8DBD2;
 +
    }   
 +
    #sub-link3{
 +
      width:100px;
 +
      background-color:#A8DBD2;
 +
 +
    }   
 +
    #sub-link4{
 +
      background-color:#A8DBD2;
 +
      width:70px;
 +
    }

Revision as of 13:03, 24 August 2013

  1. team-header{
     height: 200px;
     width: 980px;
     background-color: white;
   }
   #team-header-logo{
     position: relative;
     left: 20px;
     top:30px;
   }
   #team-header-text{
     position: relative;
     left: 130px;
     top: -67px;
   }
   #boss-header-image{
     position: relative;
     left: 285px;
     top: -85px;
   }


   #navigation{
     float: right;
     height: 43px;
     z-index: 100;
     position: relative;
     top: -50px;
   }
   .nav{
     display: inline;
     height: 47px;
     background-color:#A8DBD2;     
   }
   
   .navbar-inverse .nav > li > a{
     font-size: 14px;
     border: none;
   }
   #nav-li{
     height: 43px;
   }
   
   .navbar-inverse .nav > li.active > a{
     background-color: #FFE14B;
     height: 16px;
   }
   .navbar-inverse .nav > li.active > a{
     background-color: #FFE14B; 
   }
   #sub-link1{
     width:100px;
     background-color:#A8DBD2; 
   }    
   .navbar .nav > li > ul:before {
     border-width: 0px;
   }
   #sub-link2{
     width:100px;
     background-color:#A8DBD2; 
   }    
   #sub-link3{
     width:100px;
     background-color:#A8DBD2; 
   }    
   #sub-link4{
     background-color:#A8DBD2; 
     width:70px;
   }