Team:TU-Delft/Testcss2
From 2011.igem.org
Line 1: | Line 1: | ||
/* Thank you stanford */ | /* Thank you stanford */ | ||
+ | |||
+ | |||
+ | |||
+ | ul.oe_menu{ | ||
+ | list-style:none; | ||
+ | position:relative; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | width:560px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu > li{ | ||
+ | width:112px; | ||
+ | height:101px; | ||
+ | padding-bottom:2px; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu > li > a{ | ||
+ | display:block; | ||
+ | background-color:#101010; | ||
+ | color:#aaa; | ||
+ | text-decoration:none; | ||
+ | font-weight:bold; | ||
+ | font-size:12px; | ||
+ | width:90px; | ||
+ | height:80px; | ||
+ | padding:10px; | ||
+ | margin:1px; | ||
+ | text-shadow:0px 0px 1px #000; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | ul.oe_menu > li > a:hover, | ||
+ | ul.oe_menu > li.selected > a{ | ||
+ | background:#fff; | ||
+ | color:#101010; | ||
+ | opacity:1.0; | ||
+ | } | ||
+ | |||
+ | .oe_wrapper ul.hovered > li > a{ | ||
+ | background:#fff; | ||
+ | text-shadow:0px 0px 1px #FFF; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div{ | ||
+ | position:absolute; | ||
+ | top:103px; | ||
+ | left:1px; | ||
+ | background:#fff; | ||
+ | width:498px; | ||
+ | height:200px; | ||
+ | padding:30px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div ul li a{ | ||
+ | text-decoration:none; | ||
+ | color:#222; | ||
+ | padding:2px 2px 2px 4px; | ||
+ | margin:2px; | ||
+ | display:block; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | ul.oe_menu div ul li a:hover{ | ||
+ | background:#000; | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div ul.oe_full{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu li ul{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | width: 150px; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | |||
+ | li.oe_heading{ | ||
+ | color:#aaa; | ||
+ | font-size:16px; | ||
+ | margin-bottom:10px; | ||
+ | padding-bottom:6px; | ||
+ | border-bottom:1px solid #ddd; | ||
+ | } | ||
body { | body { |
Revision as of 04:40, 16 June 2011
/* Thank you stanford */
ul.oe_menu{ list-style:none; position:relative; margin:0px 0px 0px 0px; width:560px; float:left; clear:both; }
ul.oe_menu > li{ width:112px; height:101px; padding-bottom:2px; float:left; position:relative; }
ul.oe_menu > li > a{ display:block; background-color:#101010; color:#aaa; text-decoration:none; font-weight:bold; font-size:12px; width:90px; height:80px; padding:10px; margin:1px; text-shadow:0px 0px 1px #000; opacity:0.8; } ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a{ background:#fff; color:#101010; opacity:1.0; }
.oe_wrapper ul.hovered > li > a{ background:#fff; text-shadow:0px 0px 1px #FFF; }
ul.oe_menu div{ position:absolute; top:103px; left:1px; background:#fff; width:498px; height:200px; padding:30px; display:none; }
ul.oe_menu div ul li a{ text-decoration:none; color:#222; padding:2px 2px 2px 4px; margin:2px; display:block; font-size:12px; } ul.oe_menu div ul li a:hover{ background:#000; color:#fff; }
ul.oe_menu div ul.oe_full{ width:100%; }
ul.oe_menu li ul{ list-style:none; float:left; width: 150px; margin-right:10px; }
li.oe_heading{ color:#aaa; font-size:16px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #ddd; }
body {
text-align: center; margin:0px 0px 0px 0px; background: white; font-family:"Ubuntu", sans-serif;
} h1, h2, h3, h4, h5{
color: black; 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;
}
.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; color: white; width: 965px; padding: 20px 20px 20px 20px;
}
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;
}
div#header {
width: 850px; text-align: left; margin-left: auto; margin-right: auto;
}
- p-logo {
height:0px; overflow:hidden; border:none;
}
- top-section {
height: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; margin-top: -14px; padding:0px 0px 0px 0px;; border: none; width: 100%; background: none; color: black; position:absolute;
}
- menubar {
position: absolute; background: #002B60; color: black;
}
.left-menu, .right-menu{
position: absolute; background: none; color: black;
}
.left-menu ul li, .right-menu ul li a{
background: none; color: black;
}
- contentSub {
background: none;
}
table.gallery {
background: url(""); border: none !important; margin-left: auto; margin-right: auto;
}
table.gallery tr, div.gallerybox, div.gallerybox div.thumb {
background: none; border: none !important;
}
table.gallery tr td, table.gallery td {
background: none; color: white; border: solid 1px #393333;
}
- sponsor-box {
background: none;
}
div#catlinks {
display: none;
}
a, a:visited, a:hover, a:active, a.new {
color: #797777;
}
ol {
color: black;
}
.left-menu li, .right-menu li a {
color: black !important;
}
.right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
color: black !important;
}