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*/ | |
- | # | + | #navigation{ |
float: right; | float: right; | ||
- | height: | + | height: 40px; |
z-index: 100; | z-index: 100; | ||
position: relative; | position: relative; | ||
- | top: - | + | top: -37px; |
} | } | ||
+ | |||
+ | .navbar { | ||
+ | margin-bottom: 0px; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
.nav{ | .nav{ | ||
display: inline; | display: inline; | ||
- | height: | + | 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: | + | height: 40px; |
} | } | ||
.navbar-inverse .nav > li.active > a{ | .navbar-inverse .nav > li.active > a{ | ||
background-color: #FFE14B; | background-color: #FFE14B; | ||
- | height: | + | 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: | + | width:90px; |
background-color:#A8DBD2; | background-color:#A8DBD2; | ||
} | } | ||
Line 66: | Line 83: | ||
} | } | ||
#sub-link3{ | #sub-link3{ | ||
- | width: | + | 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; }