Team:SYSU-Software/header.css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#team-header{
+
/*header images */
 +
    #team-header{
 +
      margin: 0 auto;
 +
      z-index: 100;
 +
 
       height: 200px;
       height: 200px;
       width: 980px;
       width: 980px;
       background-color: white;
       background-color: white;
 +
 +
      font-family: 'Arial';
     }
     }
     #team-header-logo{
     #team-header-logo{
Line 21: Line 27:
     }
     }
-
 
+
    /*navigation*/
-
     #navigation1{
+
     #navigation{
       float: right;
       float: right;
-
       height: 43px;
+
       height: 40px;
       z-index: 100;
       z-index: 100;
       position: relative;
       position: relative;
-
       top: -50px;
+
       top: -37px;
     }
     }
 +
 +
    .navbar {
 +
    margin-bottom: 0px;
 +
    overflow: visible;
 +
    }
 +
     .nav{
     .nav{
       display: inline;
       display: inline;
-
       height: 47px;
+
       height: 40px;
       background-color:#A8DBD2;     
       background-color:#A8DBD2;     
     }
     }
-
   
+
       
     .navbar-inverse .nav > li > a{
     .navbar-inverse .nav > li > a{
       font-size: 14px;
       font-size: 14px;
       border: none;
       border: none;
 +
      height: 40px;
 +
      padding:0px 20px;
 +
 +
      line-height: 40px;
     }
     }
     #nav-li{
     #nav-li{
-
       height: 43px;
+
       height: 40px;
     }
     }
      
      
     .navbar-inverse .nav > li.active > a{
     .navbar-inverse .nav > li.active > a{
       background-color: #FFE14B;
       background-color: #FFE14B;
-
       height: 16px;
+
       height: 40px;
     }
     }
     .navbar-inverse .nav > li.active > a{
     .navbar-inverse .nav > li.active > a{
       background-color: #FFE14B;  
       background-color: #FFE14B;  
     }
     }
 +
    /*sub navs*/
     #sub-link1{
     #sub-link1{
-
       width:100px;
+
       width:90px;
       background-color:#A8DBD2;  
       background-color:#A8DBD2;  
     }     
     }     
Line 66: Line 83:
     }     
     }     
     #sub-link3{
     #sub-link3{
-
       width:100px;
+
       width:135px;
       background-color:#A8DBD2;  
       background-color:#A8DBD2;  

Revision as of 08:11, 27 August 2013

/*header images */
   #team-header{
     margin: 0 auto;
     z-index: 100;
     height: 200px;
     width: 980px;
     background-color: white;
     font-family: 'Arial';
   }
   #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*/
   #navigation{
     float: right;
     height: 40px;
     z-index: 100;
     position: relative;
     top: -37px;
   }
   .navbar {
   margin-bottom: 0px;
   overflow: visible;
   }
   .nav{
     display: inline;
     height: 40px;
     background-color:#A8DBD2;     
   }
       
   .navbar-inverse .nav > li > a{
     font-size: 14px;
     border: none;
     height: 40px;
     padding:0px 20px;
     line-height: 40px;
   }
   #nav-li{
     height: 40px;
   }
   
   .navbar-inverse .nav > li.active > a{
     background-color: #FFE14B;
     height: 40px;
   }
   .navbar-inverse .nav > li.active > a{
     background-color: #FFE14B; 
   }
   /*sub navs*/
   #sub-link1{
     width:90px;
     background-color:#A8DBD2; 
   }    
   .navbar .nav > li > ul:before {
     border-width: 0px;
   }
   #sub-link2{
     width:100px;
     background-color:#A8DBD2; 
   }    
   #sub-link3{
     width:135px;
     background-color:#A8DBD2; 
   }    
   #sub-link4{
     background-color:#A8DBD2; 
     width:70px;
   }