Team:SYSU-Software/header.css

From 2014.igem.org

(Difference between revisions)
Line 76: Line 76:
/* float: right; */
/* float: right; */
position: absolute;
position: absolute;
-
right: 5px;
+
right: 20px;
-
top: 15px;
+
top: 1px;
}
}
#team-header-text{
#team-header-text{
Line 109: Line 109:
.nav li{
.nav li{
       float: left;
       float: left;
-
       margin-right:20px;
+
       margin-right:25px;
    
    
}
}

Revision as of 15:58, 23 July 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: 20px; 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; }