Template:MenuS&T
From 2011.igem.org
Line 1: | Line 1: | ||
- | + | body { | |
- | + | text-align: center; | |
- | + | margin:0px 0px 0px 0px; | |
- | . | + | background: red; |
- | . | + | font-family:"Ubuntu", sans-serif; |
- | . | + | } |
- | . | + | h1, h2, h3, h4, h5{ |
- | . | + | color: white; |
- | + | font-family:"Ubuntu", sans-serif; | |
- | . | + | line-height:25px; |
- | . | + | border-bottom:1px dotted #e3e3e3; |
- | . | + | margin-bottom:5px; |
- | . | + | border-top:0px; |
- | . | + | margin-top:10px; |
- | . | + | padding-top:10px; |
- | + | font-weight:normal; | |
- | + | } | |
- | + | ||
- | . | + | h2.noline{ |
- | + | border-top:0; | |
- | + | margin-top:0; | |
- | + | padding-top:0; | |
- | + | margin-bottom:0; | |
- | + | line-height:20px; | |
- | + | padding-top:2px; | |
- | + | font-size:20px; | |
- | + | } | |
- | + | ||
- | . | + | h3 { |
- | + | font-size: 18px; | |
- | + | border-bottom: none; | |
- | + | } | |
- | + | ||
- | { | + | h4 { |
- | + | border-bottom: none; | |
- | + | } | |
- | + | ||
- | + | h2.topheader{ | |
- | + | border-top:0; | |
- | + | padding-top:0; | |
- | + | margin-top:5px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | /* Menu */ | |
- | + | ul.sdt_menu{ | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | list-style: none; | |
- | + | font-family:"Ubuntu", "Trebuchet MS", sans-serif; | |
- | + | font-size:12px; | |
- | + | width:852px; | |
- | + | } | |
- | + | ul.sdt_menu a{ | |
- | + | text-decoration:none; | |
- | + | outline:none; | |
- | + | } | |
- | + | ul.sdt_menu li{ | |
- | + | float:left; | |
- | + | width:142px; | |
- | + | height:85px; | |
- | + | position:relative; | |
- | + | cursor:pointer; | |
- | + | } | |
- | + | ul.sdt_menu li > a{ | |
- | + | position:absolute; | |
- | + | top:0px; | |
- | + | left:0px; | |
- | + | width:142px; | |
- | + | height:85px; | |
- | + | z-index:12; | |
- | + | background:#222; | |
- | + | -moz-box-shadow:0px 0px 2px #000 inset; | |
- | + | -webkit-box-shadow:0px 0px 2px #000 inset; | |
- | + | box-shadow:0px 0px 2px #000 inset; | |
- | + | } | |
- | + | ul.sdt_menu li a img{ | |
- | + | border:none; | |
- | + | position:absolute; | |
+ | width:0px; | ||
+ | height:0px; | ||
+ | bottom:0px; | ||
+ | left:85px; | ||
+ | z-index:170; | ||
+ | -moz-box-shadow:0px 0px 4px #000; | ||
+ | -webkit-box-shadow:0px 0px 4px #000; | ||
+ | box-shadow:0px 0px 4px #000; | ||
+ | z-index:16; | ||
+ | } | ||
+ | ul.sdt_menu li span.sdt_wrap{ | ||
+ | position:absolute; | ||
+ | top:25px; | ||
+ | left:0px; | ||
+ | width:142px; | ||
+ | height:60px; | ||
+ | z-index:15; | ||
+ | } | ||
+ | ul.sdt_menu li span.sdt_active{ | ||
+ | position:absolute; | ||
+ | background:#111; | ||
+ | top:85px; | ||
+ | width:142px; | ||
+ | height:0px; | ||
+ | left:0px; | ||
+ | z-index:14; | ||
+ | -moz-box-shadow:0px 0px 4px #000 inset; | ||
+ | -webkit-box-shadow:0px 0px 4px #000 inset; | ||
+ | box-shadow:0px 0px 4px #000 inset; | ||
+ | } | ||
+ | ul.sdt_menu li span span.sdt_link, | ||
+ | ul.sdt_menu li span span.sdt_descr, | ||
+ | ul.sdt_menu li div.sdt_box a{ | ||
+ | text-indent:-3pt; | ||
+ | margin-left:18px; | ||
+ | //text-transform:uppercase; | ||
+ | text-shadow:1px 1px 1px #333; | ||
+ | } | ||
+ | |||
+ | ul.sdt_menu li span span.sdt_link{ | ||
+ | color:#fff; | ||
+ | font-size:18px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | } | ||
+ | ul.sdt_menu li span span.sdt_descr{ | ||
+ | color:#1C5F1C; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | width:142px; /*For dumbass IE7*/ | ||
+ | font-size:10px; | ||
+ | letter-spacing:1px; | ||
+ | } | ||
+ | ul.sdt_menu li div.sdt_box{ | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | width:142px; | ||
+ | overflow: auto; | ||
+ | top:85px; | ||
+ | left:0px; | ||
+ | display:none; | ||
+ | background:#333; | ||
+ | z-index: 8; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | ul.sdt_menu li div.sdt_box a{ | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | line-height:15px; | ||
+ | color:#0B75AF; | ||
+ | } | ||
+ | |||
+ | ul.sdt_menu li div.sdt_box a:hover{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | /* End of menu stuff */ | ||
+ | |||
+ | /* Lightbox */ | ||
+ | |||
+ | div.thumb { | ||
+ | background-color:black; | ||
+ | border:none; | ||
+ | } | ||
+ | div.thumb div{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | div.thumb div a{ | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | /* End lightbox */ | ||
+ | |||
+ | .secheader{ | ||
+ | height:50px; | ||
+ | color:white; | ||
+ | padding-left:10px; | ||
+ | padding-top:15px; | ||
+ | font-size:2.0em; | ||
+ | text-align:left; | ||
+ | overflow:auto; | ||
+ | } | ||
+ | |||
+ | .contwrap{ | ||
+ | text-align:justify; | ||
+ | background:#f8f8f8; | ||
+ | color:#333333; | ||
+ | width:720px; | ||
+ | padding-left:10px; | ||
+ | padding-top:5px; | ||
+ | padding-right:10px; | ||
+ | padding-bottom:20px; | ||
+ | margin-top:5px; | ||
+ | margin-bottom:none; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | margin:0 0 1em; | ||
+ | } | ||
+ | |||
+ | #camfooter { | ||
+ | clear:both; | ||
+ | height:0px; | ||
+ | background:white; | ||
+ | } | ||
+ | #camfooter p { | ||
+ | margin:0; | ||
+ | } | ||
+ | * html #camfooter { | ||
+ | height:1px; | ||
+ | } | ||
+ | h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | padding:0px 0px 0px 0px; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | text-align: center; | ||
+ | align: center; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | border: none; | ||
+ | color: white; | ||
+ | background: none; | ||
+ | } | ||
+ | #content { | ||
+ | background: none; | ||
+ | border:none; | ||
+ | padding:0px 0px 0px 0px; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | text-align: center; | ||
+ | align: center; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | padding:0px 0px 0px 0px; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | border: none; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 170px; | ||
+ | right: 40px; | ||
+ | } | ||
+ | #footer-box { | ||
+ | background: none; | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom:none; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | color: white; | ||
+ | } | ||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: none ; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #f-list a { | ||
+ | color: #CCC; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | #f-list a:hover { | ||
+ | color: #999; | ||
+ | } | ||
+ | #footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #footer ul li { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div.content { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/6/6d/Brown-Stanford_Transparent.png") ; | ||
+ | text-align: left; | ||
+ | margin: auto; | ||
+ | margin-top: 5px !important; | ||
+ | color: white; | ||
+ | width: 810px !important; | ||
+ | padding: 20px 20px 20px 20px; | ||
+ | } | ||
+ | |||
+ | #twitterWrap { | ||
+ | float: right; | ||
+ | height: 170px; | ||
+ | width: 220px; | ||
+ | text-align: left; | ||
+ | padding: 20px 0px 20px 20px; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | #twitter { | ||
+ | position:relative; | ||
+ | height: 150px; | ||
+ | width: 200px; | ||
+ | text-align: left; | ||
+ | padding: 10px 10px 10px 10px; | ||
+ | background-color: #3E3333; | ||
+ | overflow:auto; | ||
+ | z-index: 5; | ||
+ | } | ||
+ | |||
+ | #twitter ul { | ||
+ | margin-left: 5px !important; | ||
+ | padding-left: 5px !important; | ||
+ | margin-right: 5px !important; | ||
+ | padding-right: 5px !important; | ||
+ | } | ||
+ | |||
+ | #twitter p { | ||
+ | margin-left: 0px !important; | ||
+ | padding-left: 0px !important; | ||
+ | margin-right: 0px !important; | ||
+ | padding-right: 0px !important; | ||
+ | text-indent: 0px !important; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | #twitter ul li { | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #twitter a { | ||
+ | color: #888; | ||
+ | } | ||
+ | |||
+ | #twitter h2{ | ||
+ | border-bottom:0px; | ||
+ | margin-top:0px; | ||
+ | padding-top:0px; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | .headerimg { | ||
+ | background-position: center top; | ||
+ | background-repeat: no-repeat; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | position:fixed; | ||
+ | text-align: left; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | margin: -14px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | #preload{ | ||
+ | display:none; | ||
+ | } |
Revision as of 23:34, 21 September 2011
body {
text-align: center; margin:0px 0px 0px 0px; background: red; font-family:"Ubuntu", sans-serif;
} h1, h2, h3, h4, h5{
color: white; font-family:"Ubuntu", sans-serif; line-height:25px; border-bottom:1px dotted #e3e3e3; margin-bottom:5px; border-top:0px; margin-top:10px; padding-top:10px; font-weight:normal;
}
h2.noline{
border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;
}
h3 {
font-size: 18px; border-bottom: none;
}
h4 {
border-bottom: none;
}
h2.topheader{
border-top:0; padding-top:0; margin-top:5px;
}
/* Menu */
ul.sdt_menu{
margin:0; padding:0; list-style: none; font-family:"Ubuntu", "Trebuchet MS", sans-serif; font-size:12px; width:852px;
} ul.sdt_menu a{
text-decoration:none; outline:none;
} ul.sdt_menu li{
float:left; width:142px; height:85px; position:relative; cursor:pointer;
} ul.sdt_menu li > a{
position:absolute; top:0px; left:0px; width:142px; height:85px; z-index:12; background:#222; -moz-box-shadow:0px 0px 2px #000 inset; -webkit-box-shadow:0px 0px 2px #000 inset; box-shadow:0px 0px 2px #000 inset;
} ul.sdt_menu li a img{
border:none; position:absolute; width:0px; height:0px; bottom:0px; left:85px; z-index:170; -moz-box-shadow:0px 0px 4px #000; -webkit-box-shadow:0px 0px 4px #000; box-shadow:0px 0px 4px #000; z-index:16;
} ul.sdt_menu li span.sdt_wrap{
position:absolute; top:25px; left:0px; width:142px; height:60px; z-index:15;
} ul.sdt_menu li span.sdt_active{
position:absolute; background:#111; top:85px; width:142px; height:0px; left:0px; z-index:14; -moz-box-shadow:0px 0px 4px #000 inset; -webkit-box-shadow:0px 0px 4px #000 inset; box-shadow:0px 0px 4px #000 inset;
} ul.sdt_menu li span span.sdt_link, ul.sdt_menu li span span.sdt_descr, ul.sdt_menu li div.sdt_box a{
text-indent:-3pt; margin-left:18px; //text-transform:uppercase; text-shadow:1px 1px 1px #333;
}
ul.sdt_menu li span span.sdt_link{
color:#fff; font-size:18px; float:left; clear:both;
} ul.sdt_menu li span span.sdt_descr{
color:#1C5F1C; float:left; clear:both; width:142px; /*For dumbass IE7*/ font-size:10px; letter-spacing:1px;
} ul.sdt_menu li div.sdt_box{
display:block; position:absolute; width:142px; overflow: auto; top:85px; left:0px; display:none; background:#333; z-index: 8; padding-top: 15px;
} ul.sdt_menu li div.sdt_box a{
float:left; clear:both; line-height:15px; color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:hover{
color:#fff;
}
/* End of menu stuff */
/* Lightbox */
div.thumb {
background-color:black; border:none;
} div.thumb div{
background-color:transparent; border:none;
}
div.thumb div a{
border:none;
}
/* End lightbox */
.secheader{
height:50px; color:white; padding-left:10px; padding-top:15px; font-size:2.0em; text-align:left; overflow:auto;
}
.contwrap{
text-align:justify; background:#f8f8f8; color:#333333; width:720px; padding-left:10px; padding-top:5px; padding-right:10px; padding-bottom:20px; margin-top:5px; margin-bottom:none;
}
h2 {
margin:0 0 1em;
}
- camfooter {
clear:both; height:0px; background:white;
}
- camfooter p {
margin:0;
}
- html #camfooter {
height:1px;
} h1.firstHeading {
display: none;
}
- globalWrapper {
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; align: center; height: 100%; width: 100%; border: none; color: white; background: none;
}
- content {
background: none; border:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; align: center; height: 100%; width: 100%;
}
- bodyContent {
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height: 100%; width: 100%; border: none; background: none;
}
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px;
}
- footer-box {
background: none; border: none; width: 965px; margin: 0 auto; margin-bottom:none; padding-left:5px; padding-right:5px; color: white;
}
- footer {
border: none; width: 965px; margin: 0; padding: 0; background: none ; color: white;
}
- f-list a {
color: #CCC; font-size: 10px;
}
- f-list a:hover {
color: #999;
}
- footer ul {
margin: 0; padding: 0;
}
- footer ul li {
margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;
}
div.content {
background: url("") ; text-align: left; margin: auto; margin-top: 5px !important; color: white; width: 810px !important; padding: 20px 20px 20px 20px;
}
- twitterWrap {
float: right; height: 170px; width: 220px; text-align: left; padding: 20px 0px 20px 20px; background: none;
}
- twitter {
position:relative; height: 150px; width: 200px; text-align: left; padding: 10px 10px 10px 10px; background-color: #3E3333; overflow:auto; z-index: 5;
}
- twitter ul {
margin-left: 5px !important; padding-left: 5px !important; margin-right: 5px !important; padding-right: 5px !important;
}
- twitter p {
margin-left: 0px !important; padding-left: 0px !important; margin-right: 0px !important; padding-right: 0px !important; text-indent: 0px !important; font-size: 12px;
}
- twitter ul li {
font-size: 10px;
}
- twitter a {
color: #888;
}
- twitter h2{
border-bottom:0px; margin-top:0px; padding-top:0px; font-size: 14px;
}
table {
background: none;
}
.headerimg {
background-position: center top; background-repeat: no-repeat; width:100%; height:100%; position:fixed; text-align: left; padding: 0px 0px 0px 0px; margin: -14px 0px 0px 0px;
}
- preload{
display:none;
}