Team:SYSU-Software/header.css

From 2013.igem.org

Revision as of 10:25, 25 September 2013 by Rathinho (Talk | contribs)

//clear original style

  1. p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks

{ display:none; }

  1. globalWrapper {
padding-bottom:0; top:0px;}
  1. top-section{

height:0px; border:none; width:100%; }

  1. content{

width:100%!important; border-left:none; border-right: none; padding:1px 0px 0px 0px!important;

}

  1. menubar{

width:510px; top:-1px; z-index:10001; }


.right-menu li a{ background-color:white; color:black; text-decoration:none; }

.right-menu li a:hover{ text-decoration:none; }

.left-menu li a{ text-decoration:none; } .left-menu li a:hover{ text-decoration:none; }

ul,li{ list-style:none; }


// header.css

  • {

padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; }


/*header images */

  1. team-header{

margin: 0 auto; z-index: 100;

height: 40px; width: 100%; background-color: white;

font-family: 'Arial'; }

  1. team-header-logo img{

height: 50px; }

  1. igem-logo img{

height: 40px; /* float: right; */ position: absolute; right: 0px; top: 0px; }

  1. team-header-text{

position: relative; left: 130px; top: -67px; }

  1. boss-header-image{

position: relative; left: 285px; top: -85px; }

/*navigation*/

  1. navigation{

/* float: right; */ height: 50px;

z-index: 100;

position: relative; /*margin-top: -22px;*/

       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; }

.navbar-inverse .navbar-inner { background: #ffffff; }

/*sub navs*/ .navbar .nav > li > ul { width: 100%; }

  1. 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%; */ }

  1. sub-link2{

/* width:100px; */ width:100%; /* background-color:#A8DBD2; */ background-color:#34495e; }

  1. sub-link3{

/* width:135px; */ width:100%; /* background-color:#A8DBD2; */ background-color:#34495e;

}

  1. sub-link4{

/* background-color:#A8DBD2; */ background-color:#34495e; /* width:70px; */ width:100%; }


a:focus{ outline-color:#544444; }