Team:SYSU-Software/header.css

From 2014.igem.org

(Difference between revisions)
Line 74: Line 74:
#igem-logo img{
#igem-logo img{
height: 50px;
height: 50px;
-
float: right;  
+
/*float: right; */
position: absolute;
position: absolute;
right: 24px;
right: 24px;

Revision as of 10:32, 30 August 2014

/*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. contentSub {
   position:absolute;

}

  1. 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;

}

/*header images */

  1. igem-logo img{

height: 50px; /*float: right; */ position: absolute; right: 24px; top: 1px; }

  1. team-header-text{

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

  1. boss-header-image{

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

/*navigation*/

  1. navigation{

z-index: 100;

position: absolute; top: 0px;

       width:100%;
       margin:10px;

}

.nav{ display: inline; background-color: #eee; }

.nav li{

      float: left;
      margin-right:25px;
 

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