Team:SYSU-Software/header.css
From 2013.igem.org
- {
padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; }
/*header images */
- team-header{
margin: 0 auto; z-index: 100;
height: 40px; width: 100%; background-color: white;
font-family: 'Arial'; }
- team-header-logo img{
height: 50px; }
- igem-logo img{
height: 40px; /* float: right; */ position: absolute; right: 0px; top: 0px; }
- 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; */ background-color: #ffffff; color: }
.navbar-inverse .nav > li > a{ font-size: 14px; border: none; height: 40px; padding:0px 20px;
line-height: 40px; color: #34495e; } /* #nav-li{ */ /* height: 40px; */ /* } */
.navbar-inverse .nav > li.active > a{ /* background-color: #FFE14B; */ background-color: #34495e; height: 40px; } .navbar-inverse .nav > li.active > a{ /* background-color: #FFE14B; */ background-color: #34495e; }
.navbar-inverse .navbar-inner { background: #ffffff; }
/*sub navs*/ .navbar .nav > li > ul { width: 100%; }
- sub-link1{
/* width:90px; */ width:100%; /* background-color:#A8DBD2; */ background-color:#34495e; } .navbar .nav > li > ul:before { border-width: 0px; }
.navbar .nav { width: 95%; vertical-align: middle; float: none; margin: auto; }
.navbar .nav > li { margin: auto; width: 13.5%; text-align: center; display: inline-block; float: none; } .navbar .nav > .nav-li { /* width: 10%; */ }
- sub-link2{
/* width:100px; */ width:100%; /* background-color:#A8DBD2; */ background-color:#34495e; }
- sub-link3{
/* width:135px; */ width:100%; /* background-color:#A8DBD2; */ background-color:#34495e;
}
- sub-link4{
/* background-color:#A8DBD2; */ background-color:#34495e; /* width:70px; */ width:100%; }
a:focus{
outline-color:#544444;
}