Team:SYSU-Software/header.css

From 2014.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 16: Line 16:
border-left:none; border-right: none;
border-left:none; border-right: none;
padding:1px 0px 0px 0px!important;
padding:1px 0px 0px 0px!important;
-
 
+
background-color: #2b1340;
}
}
Line 24: Line 24:
#menubar {
#menubar {
-
font-size:15px;
+
position:absolute;
-
width:510px;
+
top: -6px;
 +
line-height: 1em;
 +
font-family: sans-serif;
 +
font-size: 95%;  
 +
white-space: nowrap;
 +
z-index: 200;
}
}
.right-menu {
.right-menu {
-
width:410px;
+
width: 200px;
-
right:95px;
+
text-align: right;  
-
background-color: transparent;
+
color: transparent;
 +
text-transform: lowercase;
}
}
.right-menu:hover {
.right-menu:hover {
 +
color: white;
background-color: #555;
background-color: #555;
}
}
.right-menu li a{
.right-menu li a{
 +
color:transparent;
background-color: transparent;
background-color: transparent;
-
color:white;
 
text-decoration:none;
text-decoration:none;
}
}
Line 46: Line 53:
.right-menu li a:hover{
.right-menu li a:hover{
text-decoration:none;
text-decoration:none;
 +
color:white;
}
}
.left-menu {
.left-menu {
-
width:510px;
+
width: 400px;
-
top:-1px;
+
left: 0px;
-
font-size:15px;
+
text-align: left;  
-
z-index:10001;
+
color: transparent;
 +
text-transform: lowercase;
 +
}
 +
 
 +
.left-menu a {
 +
left: 0px; text-align: left; color: transparent; text-transform: lowercase;
 +
}
 +
.left-menu:hover {
 +
color: white; background-color: rgb(85, 85, 85);
}
}
.left-menu li a{
.left-menu li a{
 +
color: transparent;
text-decoration:none;
text-decoration:none;
}
}
 +
 +
.left-menu li {
 +
color: transparent;
 +
}
 +
.left-menu li a:hover{
.left-menu li a:hover{
text-decoration:none;
text-decoration:none;
Line 111: Line 133:
       margin-right:25px;
       margin-right:25px;
    
    
-
}
 
-
a:focus{
 
-
outline-color:#544444;
 
}
}
 +
.wrapper {
.wrapper {
Line 144: Line 164:
h1,h2,h3,h4,h5,h6 {
h1,h2,h3,h4,h5,h6 {
     border:none;
     border:none;
 +
    padding-top: none;
 +
}
 +
 +
p {
 +
    margin: none;
 +
 +
}
}

Latest revision as of 04:54, 16 October 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; background-color: #2b1340; }

  1. contentSub {
   position:absolute;

}

  1. menubar {

position:absolute; top: -6px; line-height: 1em; font-family: sans-serif; font-size: 95%; white-space: nowrap; z-index: 200; }

.right-menu { width: 200px; text-align: right; color: transparent; text-transform: lowercase; }

.right-menu:hover { color: white; background-color: #555; }

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

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

.left-menu { width: 400px; left: 0px; text-align: left; color: transparent; text-transform: lowercase; }

.left-menu a { left: 0px; text-align: left; color: transparent; text-transform: lowercase; } .left-menu:hover { color: white; background-color: rgb(85, 85, 85); }

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

.left-menu li { color: transparent; }

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

}


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

h1,h2,h3,h4,h5,h6 {

   border:none;
   padding-top: none;

}

p {

   margin: none;


}