Team:Groningen/files/overall.css

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* 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;
 
-
}
 
-
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 */
/* Wiki Hacks - START */
/* Author: Pieter van Boheemen */
/* Author: Pieter van Boheemen */
Line 99: Line 48:
.tabslider ul {
.tabslider ul {
 +
list-style-type: none;
float: left;
float: left;
width: 670px;
width: 670px;
Line 176: Line 126:
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
#tab_nav {  
#tab_nav {  
-
position: absolute;
+
position: absolute;
-
z-index: 1000;
+
z-index: 1000;
}
}
ul#topnav {
ul#topnav {
-
float: left;
+
list-style-type: none;
-
width: 900px;
+
float: left;
-
list-style: none;
+
width: 900px;
-
position: relative;
+
list-style: none;
-
background: url("https://static.igem.org/mediawiki/2010/8/80/Groningen_topnav_stretch.gif") repeat-x;
+
position: relative;
 +
background: url("https://static.igem.org/mediawiki/2010/8/80/Groningen_topnav_stretch.gif") repeat-x;
}
}
ul#topnav li {
ul#topnav li {
-
float: left;
+
list-style-type: none;
-
border-right: 1px solid #555;
+
float: left;
 +
border-right: 1px solid #555;
}
}
ul#topnav li a {
ul#topnav li a {
-
padding: 10px 15px;
+
padding: 10px 15px;
-
font-weight: bold;
+
font-weight: bold;
-
display: block;
+
display: block;
-
color: #f0f0f0;
+
color: #f0f0f0;
-
text-decoration: none;
+
text-decoration: none;
}
}
ul#topnav li a:hover {
ul#topnav li a:hover {
-
      text-decoration: underline;
+
text-decoration: underline;
}
}
ul#topnav li:hover { background: #b5cc86 url("https://static.igem.org/mediawiki/2010/2/29/Groningen_topnav_active.gif") repeat-x; }
ul#topnav li:hover { background: #b5cc86 url("https://static.igem.org/mediawiki/2010/2/29/Groningen_topnav_active.gif") repeat-x; }
ul#topnav li span {
ul#topnav li span {
-
float: left;
+
float: left;
-
padding: 15px 0;
+
padding: 15px 0;
-
position: absolute;
+
position: absolute;
-
left: 0; top:30px;
+
left: 0; top:30px;
-
display: none;
+
display: none;
-
width:900px;
+
width:900px;
-
background: #b5cc86;
+
background: #b5cc86;
-
color: #fff;
+
color: #fff;
-
-moz-border-radius-bottomright: 5px;
+
-moz-border-radius-bottomright: 5px;
-
-khtml-border-radius-bottomright: 5px;
+
-khtml-border-radius-bottomright: 5px;
-
-webkit-border-bottom-right-radius: 5px;
+
-webkit-border-bottom-right-radius: 5px;
-
-moz-border-radius-bottomleft: 5px;
+
-moz-border-radius-bottomleft: 5px;
-
-khtml-border-radius-bottomleft: 5px;
+
-khtml-border-radius-bottomleft: 5px;
-
-webkit-border-bottom-left-radius: 5px;
+
-webkit-border-bottom-left-radius: 5px;
}
}
ul#topnav li:hover span { display: block; }
ul#topnav li:hover span { display: block; }
Line 221: Line 173:
ul#topnav li span a:hover {text-decoration: underline;}
ul#topnav li span a:hover {text-decoration: underline;}
#groupparts {
#groupparts {
-
width: 650px!important;
+
width: 650px!important;
}
}

Revision as of 18:53, 24 October 2010

/* Wiki Hacks - START */ /* Author: Pieter van Boheemen */ /* Team: TU Delft */

  1. globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
  2. content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
  3. bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
  4. top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
  5. p-logo { height:1px; overflow:hidden; display: none;}
  6. search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}

.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;} .left-menu ul { border: none; }

  1. menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}

.right-menu ul { border: none; width: 300px;}

  1. footer-box { border: none; background-color: transparent; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}

.visualClear { display: none; }

  1. footer { border: none; width: 965px; margin: 0 auto; padding: 0;}

.firstHeading { display: none;}

  1. f-list a { color: #333; font-size: 10px;}
  2. f-list a:hover { color: #666;}

.printfooter { display: none; }

  1. footer ul { margin: 0; padding: 0;}
  2. footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
  3. search-controls { display:none; }

h3#siteSub { display: none;}

  1. contentSub {display: none;}

p:first-child { display: none;} /* Wiki Hacks - END */


  1. 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 { list-style-type: none; float: left; width: 670px; } .tabslider ul ul { width: auto!important }

  1. 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'); }

  1. 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("94acce-50.png") repeat; height: 100px; padding-top: 50px; }

  1. headerWrapper img {

margin-left: 20px; margin-top: -40px; }

  1. otherContent {

padding: 50px 0 2em 20px; width: 670px; }

  1. textWrapper {

width: 670px; text-align: left; font-family: Verdana, sans-serif; font-size: 9pt; }

  1. textWrapper {

margin-top: 20px; }

  1. textWrapper img {

padding: 1em 0 1em 0; }

  1. textWrapper p {

margin-bottom: 1em; }

  1. textWrapper .head, .mw-headline {

font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif; color: #a1bf29; line-height: 1!important; font-weight: bold; font-size: 16pt; margin: 0important; } h3 .mw-headline { font-size: 13pt !important; }

  1. 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/ */

  1. tab_nav {

position: absolute; z-index: 1000; } ul#topnav { list-style-type: none; float: left; width: 900px; list-style: none; position: relative; background: url("Groningen_topnav_stretch.gif") repeat-x; } ul#topnav li { list-style-type: none; 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("Groningen_topnav_active.gif") 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;}

  1. groupparts {

width: 650px!important; }

Retrieved from "http://2010.igem.org/Team:Groningen/files/overall.css"