"
Team:Groningen/files/overall.css
From 2010.igem.org
Joelkuiper (Talk | contribs) |
Joelkuiper (Talk | contribs) |
||
| Line 187: | Line 187: | ||
width: 670px; | width: 670px; | ||
} | } | ||
| - | |||
| - | |||
#contentWrapper { | #contentWrapper { | ||
height: 100%; | height: 100%; | ||
| Line 236: | Line 234: | ||
line-height: 1!important; | line-height: 1!important; | ||
margin: 0; /* again oh boy do I screw up */ | margin: 0; /* again oh boy do I screw up */ | ||
| - | + | margin-bottom: 10px; | |
font-weight: bold; | font-weight: bold; | ||
font-size: 16pt; | font-size: 16pt; | ||
Revision as of 11:51, 26 August 2010
/* BEGIN CSS RESET v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; line-height: 1; } body { line-height: 1; } html { height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; }
- focus {
outline: 0; }
ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* END CSS RESET */
/* Wiki Hacks - START - - Thanks TU-Delft remember to look at their wiki, saved a lot of trouble*/
- globalWrapper {
background-color: transparent; border: none; margin: 0; padding: 0; }
- content {
background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; }
- bodyContent {
border: none; padding:0; margin:0; width:100%; } .editsection { font-size: 0.7; }
- top-section
{ width:900px; border: 0; border-bottom: 1px solid gray; color: white; margin-top: 4px; height: 15px; overflow: visible; }
- p-logo {
height:1px; overflow:hidden; display: none; }
- search-controls {
display: none } .left-menu { width: 400px; display:block; float:left; margin-top:-80px; border: none; }
.left-menu ul { border: none; }
- menubar li a {
color: white; }
- menubar.right-menu {
width:300px; display:block; float:left; margin-top:-80px; border: none; }
.right-menu ul { border: none; }
- footer-box {
background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0; color: white; }
- footer {
border: none; width: 965px; margin: 0; padding: 0; }
.firstHeading { display: none; }
- f-list a {
color: #333; font-size: 10px; }
- f-list a:hover {
color: #666; }
- footer ul {
margin: 0; padding: 0; }
- footer ul li {
margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0; }
/* Wiki Hacks - END - Thanks TU-Delft remember to look at their wiki, saved a lot of trouble!*/
- overallMask {
position: relative; margin: 2% auto 2em auto; width: 900px; }
.tabbed_content .slide_content { overflow: hidden; width: 670px; } .slide_content { margin-top: -2em!important; } .tabslider { width: 10000px; overflow: auto; }
.tabslider ul { float: left; width: 670px; }
- contentWrapper {
height: 100%; padding-bottom: 4em; min-height: 800px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px; box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;; background-color: #fffbe7; } @font-face { font-family: Sertig; src: url('http://casualconnect.net/iGEM/Sertig.otf'); }
- headerWrapper {
font-family: Sertig, Futura, Impact, sans-serif;
-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
font-size: 21pt; color: #fffbe7;
background: url("
") repeat;
height: 100px;
padding-top: 50px;
}
- headerWrapper img {
margin-left: 20px; margin-top: -40px; }
- otherContent {
padding: 50px 0 2em 20px; width: 670px; }
- otherContent * {
line-height: 1.3em; }
- textWrapper {
width: 670px; text-align: left; font-family: Verdana, sans-serif; font-size: 9pt; }
- textWrapper {
margin-top: 20px; }
- textWrapper .head, .mw-headline {
font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif; color: #a1bf29; line-height: 1!important; margin: 0; /* again oh boy do I screw up */ margin-bottom: 10px; font-weight: bold; font-size: 16pt; }
- sponsorWrapper {
position: absolute; left: 740px; z-index: 500; width: 150px; height: auto; margin-top: 50px; background-color: #fffbe7; }
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
- tab_nav {
position: absolute;
z-index: 1000;
}
ul#topnav {
float: left;
width: 900px;
list-style: none;
position: relative;
background: url("
") repeat-x;
}
ul#topnav li {
float: left;
border-right: 1px solid #555;
}
ul#topnav li a {
padding: 10px 15px;
font-weight: bold;
display: block;
color: #f0f0f0;
text-decoration: none;
}
ul#topnav li a:hover {
text-decoration: underline;
}
ul#topnav li:hover { background: #b5cc86 url("
") repeat-x; }
ul#topnav li span {
float: left;
padding: 15px 0;
position: absolute;
left: 0; top:30px;
display: none;
width:900px;
background: #b5cc86;
color: #fff;
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; font-weight; normal; }
ul#topnav li span a:hover {text-decoration: underline;}
- groupparts {
width: 650px!important; }
