Team:SYSU-Software/header.css
From 2013.igem.org
/*clear original style*/
- p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
{ display:none; }
- globalWrapper {
padding-bottom:0; top:0px;}
- top-section{
height:0px; border:none; width:100%; }
- content{
width:100%!important; border-left:none; border-right: none; padding:1px 0px 0px 0px!important;
}
- contentSub {
position:absolute;
}
- menubar {
font-size:15px; width:510px; }
.right-menu { width:410px; right:95px; background-color: transparent; }
.right-menu:hover { background-color: #555; }
.right-menu li a{ background-color: transparent; color:white; text-decoration:none; }
.right-menu li a:hover{ text-decoration:none; }
.left-menu { width:510px; top:-1px; font-size:15px; z-index:10001; }
.left-menu li a{ text-decoration:none; } .left-menu li a:hover{ text-decoration:none; }
ul,li{ list-style:none; margin-bottom:0 !important;}
/* header.css */
- {
padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial';
min-width:980px;
}
/*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: 80px; }
- igem-logo img{
height: 50px; /* float: right; */ position: absolute; right: 5px; top: 15px; }
- team-header-text{
position: relative; left: 130px; top: -67px; }
- boss-header-image{
position: relative; left: 285px; top: -85px; }
/*navigation*/
- navigation{
/* float: right; */ height: 80px;
z-index: 100;
position: absolute; top: 0px;
width:100%;
}
.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;
border-radius: 5px;
}
.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: 90%; vertical-align: middle; float: none; margin: auto;
text-align: center;
}
.navbar .nav > li { margin: auto; width: 13.5%; text-align: center; display: inline-block; float: none;
} .navbar .nav > .nav-li { /* width: 10%; */ }
.navbar .nav > li:first-child > a {
border-radius: 5px;
}
- 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;
}
.wrapper {
width: 100%;
/*padding: 50px 0;*/
font-size: 17px; margin-top: 79px;
}
.wrapper.colored-wrapper { background-color: #dff5f2; } .wrapper.colored-wrapper-dff5f2 { background-color: #dff5f2; } .wrapper.colored-wrapper-f5f5f5 { background-color: #f5f5f5; } .wrapper.colored-wrapper-6d6060 { background-color: #6d6060; } .wrapper.colored-wrapper-544444 { background-color: #544444; } .wrapper.colored-wrapper-ddf4ef { background-color: #ddf4ef; }
- totop {
width: 107px; height: 109px; background: url(); /* background: url(../img/totop0.png); */ position: fixed; bottom: 5%; right: 5%;
z-index: 10;
}
- totop.focustop{
width: 107px;
height: 109px;
background : url(); position: fixed;
bottom: 5%; right: 5%;
z-index: 10;
}
- totop.movingtotop {
background: url(); /* background: url(../img/totop1.png); */ }
- totop span {
background: url(); display: none; }