Team:SYSU-Software/header.css
From 2014.igem.org
(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: | + | position:absolute; |
- | + | top: -6px; | |
+ | line-height: 1em; | ||
+ | font-family: sans-serif; | ||
+ | font-size: 95%; | ||
+ | white-space: nowrap; | ||
+ | z-index: 200; | ||
} | } | ||
.right-menu { | .right-menu { | ||
- | width: | + | width: 200px; |
- | + | text-align: right; | |
- | + | 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; | ||
- | |||
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: | + | 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{ | .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; | ||
- | |||
- | |||
- | |||
} | } | ||
+ | |||
.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*/
- 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; background-color: #2b1340; }
- contentSub {
position:absolute;
}
- 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 */
- igem-logo img{
height: 50px; /*float: right; */ position: absolute; right: 24px; top: 1px; }
- team-header-text{
position: relative; left: 130px; top: -67px; }
- boss-header-image{
position: relative; left: 285px; top: -85px; }
/*navigation*/
- 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;
}