Team:TU-Delft/Testcss
From 2011.igem.org
m |
K.warringa (Talk | contribs) |
||
(28 intermediate revisions not shown) | |||
Line 53: | Line 53: | ||
list-style: none; | list-style: none; | ||
font-family:"Ubuntu", "Trebuchet MS", sans-serif; | font-family:"Ubuntu", "Trebuchet MS", sans-serif; | ||
- | font-size: | + | font-size:12px; |
- | width: | + | width:1000px; |
} | } | ||
ul.sdt_menu a{ | ul.sdt_menu a{ | ||
Line 62: | Line 62: | ||
ul.sdt_menu li{ | ul.sdt_menu li{ | ||
float:left; | float:left; | ||
- | width: | + | width:124px; |
- | height: | + | height:62px; |
position:relative; | position:relative; | ||
cursor:pointer; | cursor:pointer; | ||
Line 71: | Line 71: | ||
top:0px; | top:0px; | ||
left:0px; | left:0px; | ||
- | width: | + | width:124px; |
- | height: | + | height:62px; |
z-index:12; | z-index:12; | ||
background:#002B60; /* Kleur grote blokken */ | background:#002B60; /* Kleur grote blokken */ | ||
Line 85: | Line 85: | ||
height:0px; | height:0px; | ||
bottom:0px; | bottom:0px; | ||
- | left: | + | left:62px; |
z-index:170; | z-index:170; | ||
-moz-box-shadow:0px 0px 4px #000; | -moz-box-shadow:0px 0px 4px #000; | ||
Line 96: | Line 96: | ||
top:25px; | top:25px; | ||
left:0px; | left:0px; | ||
- | width: | + | width:124px; |
height:60px; | height:60px; | ||
z-index:15; | z-index:15; | ||
Line 103: | Line 103: | ||
position:absolute; | position:absolute; | ||
background:#002B60; /* Kleur grote blokken die naar beneden schuiven*/ | background:#002B60; /* Kleur grote blokken die naar beneden schuiven*/ | ||
- | top: | + | top:62px; |
- | width: | + | width:124px; |
height:0px; | height:0px; | ||
left:0px; | left:0px; | ||
Line 115: | Line 115: | ||
ul.sdt_menu li span span.sdt_descr, | ul.sdt_menu li span span.sdt_descr, | ||
ul.sdt_menu li div.sdt_box a{ | ul.sdt_menu li div.sdt_box a{ | ||
- | margin-left: | + | margin-left:5px; |
//text-transform:uppercase; | //text-transform:uppercase; | ||
text-shadow:1px 1px 1px #222; | text-shadow:1px 1px 1px #222; | ||
Line 122: | Line 122: | ||
ul.sdt_menu li span span.sdt_link{ | ul.sdt_menu li span span.sdt_link{ | ||
color:#fff; | color:#fff; | ||
- | font-size: | + | font-size:12px; |
float:left; | float:left; | ||
clear:both; | clear:both; | ||
Line 130: | Line 130: | ||
float:left; | float:left; | ||
clear:both; | clear:both; | ||
- | width: | + | width:124px; /*For dumbass IE7*/ |
font-size:10px; | font-size:10px; | ||
letter-spacing:1px; | letter-spacing:1px; | ||
Line 137: | Line 137: | ||
display:block; | display:block; | ||
position:absolute; | position:absolute; | ||
- | width: | + | width:124px; |
overflow: auto; | overflow: auto; | ||
- | height: | + | height:124px; |
- | top: | + | top:62px; |
left:0px; | left:0px; | ||
display:none; | display:none; | ||
Line 149: | Line 149: | ||
float:left; | float:left; | ||
clear:both; | clear:both; | ||
- | line-height: | + | line-height:20px; /*Grote regelafstand submenu*/ |
color:#fff; /*Kleur submenu tekst*/ | color:#fff; /*Kleur submenu tekst*/ | ||
} | } | ||
ul.sdt_menu li div.sdt_box a:first-child{ | ul.sdt_menu li div.sdt_box a:first-child{ | ||
- | margin-top: | + | margin-top:10px;/*Afstand tekst van bovenkant submenu*/ |
} | } | ||
ul.sdt_menu li div.sdt_box a:hover{ | ul.sdt_menu li div.sdt_box a:hover{ |
Latest revision as of 12:52, 26 July 2011
/* Thank you stanford */ /* 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;
}
/* Menu */
ul.sdt_menu{
margin-left:auto; margin-right:auto; padding:0; list-style: none; font-family:"Ubuntu", "Trebuchet MS", sans-serif; font-size:12px; width:1000px;
} ul.sdt_menu a{
text-decoration:none; outline:none;
} ul.sdt_menu li{
float:left; width:124px; height:62px; position:relative; cursor:pointer;
} ul.sdt_menu li > a{
position:absolute; top:0px; left:0px; width:124px; height:62px; z-index:12; background:#002B60; /* Kleur grote blokken */ -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:62px; 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:124px; height:60px; z-index:15;
} ul.sdt_menu li span.sdt_active{
position:absolute; background:#002B60; /* Kleur grote blokken die naar beneden schuiven*/ top:62px; width:124px; 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{
margin-left:5px; //text-transform:uppercase; text-shadow:1px 1px 1px #222;
}
ul.sdt_menu li span span.sdt_link{
color:#fff; font-size:12px; float:left; clear:both;
} ul.sdt_menu li span span.sdt_descr{
color:#00A6D6; float:left; clear:both; width:124px; /*For dumbass IE7*/ font-size:10px; letter-spacing:1px;
} ul.sdt_menu li div.sdt_box{
display:block; position:absolute; width:124px; overflow: auto; height:124px; top:62px; left:0px; display:none; background:#00A6D6; /*Kleur submenu*/ z-index: 8;
} ul.sdt_menu li div.sdt_box a{
float:left; clear:both; line-height:20px; /*Grote regelafstand submenu*/ color:#fff; /*Kleur submenu tekst*/
} ul.sdt_menu li div.sdt_box a:first-child{
margin-top:10px;/*Afstand tekst van bovenkant submenu*/
} ul.sdt_menu li div.sdt_box a:hover{
color:#000;
}
/* End of menu stuff */
.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;
}