Team:OLS Canmore AB CA/main.css
From 2014hs.igem.org
Carterbehm (Talk | contribs) |
Carterbehm (Talk | contribs) |
||
(71 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
/* body attributes */ | /* body attributes */ | ||
body { | body { | ||
- | margin: | + | margin: 0 auto; |
color: #151515; | color: #151515; | ||
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; | ||
Line 15: | Line 15: | ||
min-width: 740px; | min-width: 740px; | ||
max-width: 1000px; | max-width: 1000px; | ||
- | margin | + | margin: 0 auto; |
- | + | ||
background-color: #FFfFFF; | background-color: #FFfFFF; | ||
} | } | ||
Line 28: | Line 27: | ||
background-color: #000000; | background-color: #000000; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* heading attributes*/ | /* heading attributes*/ | ||
Line 76: | Line 59: | ||
margin-left: 0%; | margin-left: 0%; | ||
float: left; | float: left; | ||
- | width: | + | width: 1000px; |
padding-left: 0px; | padding-left: 0px; | ||
text-align: center; | text-align: center; | ||
- | margin: 0; | + | margin: 0 auto; |
padding: 0; | padding: 0; | ||
} | } | ||
Line 121: | Line 104: | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
padding-left: 0px; | padding-left: 0px; | ||
- | background-color: # | + | background-color: #0D3477; |
color: #FFFFFF; | color: #FFFFFF; | ||
clear: left; | clear: left; | ||
Line 130: | Line 113: | ||
} | } | ||
a:link { | a:link { | ||
- | color: # | + | color: #00527A; |
} | } | ||
a:visited { | a:visited { | ||
- | color: # | + | color: #002442; |
} | } | ||
Line 167: | Line 150: | ||
padding-left: 0px; | padding-left: 0px; | ||
list-style-type: none; | list-style-type: none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 207: | Line 155: | ||
{ | { | ||
padding: 10px; | padding: 10px; | ||
- | |||
min-width: 0%; | min-width: 0%; | ||
- | + | text-align: centre; | |
padding-right: 10px; | padding-right: 10px; | ||
padding-left: 10px; | padding-left: 10px; | ||
Line 222: | Line 169: | ||
} | } | ||
- | + | /* iGEM reset starts here */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | iGEM | + | |
- | + | ||
div#top-section { | div#top-section { | ||
height: 20px; | height: 20px; | ||
margin-bottom: -63px !important; | margin-bottom: -63px !important; | ||
- | margin: | + | margin: 0 auto; |
- | width: | + | width: 1000px; |
border: none; | border: none; | ||
background-color: #E2EAFF; | background-color: #E2EAFF; | ||
} | } | ||
+ | |||
div#header { | div#header { | ||
width: 100%; | width: 100%; | ||
Line 259: | Line 201: | ||
} | } | ||
- | |||
#searchform { | #searchform { | ||
display: none; | display: none; | ||
Line 271: | Line 212: | ||
} | } | ||
- | + | /*the div containing the entire top bar*/ | |
+ | div#top-section { | ||
height: 20px; | height: 20px; | ||
margin-bottom: -63px !important; | margin-bottom: -63px !important; | ||
- | margin: | + | margin: 0 auto; |
- | width: | + | width: 1030px; |
+ | margin-left:-10px; | ||
border: none; | border: none; | ||
color: #000fff; | color: #000fff; | ||
- | background-color: # | + | background-color: #0D3477; |
} | } | ||
#content{ | #content{ | ||
- | margin: | + | margin: 0 auto; |
- | width: | + | width: 1000px; |
border: none; | border: none; | ||
} | } | ||
Line 309: | Line 252: | ||
color: #000fff; | color: #000fff; | ||
background-color: #003693; | background-color: #003693; | ||
+ | margin: auto; | ||
} | } | ||
Line 342: | Line 286: | ||
.mediawiki { | .mediawiki { | ||
border: none; | border: none; | ||
- | width: | + | width: 1000px; |
background: transparent; | background: transparent; | ||
} | } | ||
#globalWrapper { | #globalWrapper { | ||
- | background:# | + | background:#0D3477; |
min-width: 740px; | min-width: 740px; | ||
max-width: 1000px; | max-width: 1000px; | ||
Line 360: | Line 304: | ||
margin: 0px 0px 0px 93px; | margin: 0px 0px 0px 93px; | ||
border: 1px solid #c4c4c4; | border: 1px solid #c4c4c4; | ||
- | background | + | background:#6E9AE4; |
- | display:none; | + | color:#000000; |
+ | display:none; | ||
} | } | ||
- | + | /* Removes bullets from unordered lists */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
ul { | ul { | ||
list-style:none; | list-style:none; | ||
} | } | ||
+ | /* Fixes spacing of menu */ | ||
div.drop { | div.drop { | ||
padding-bottom: 35px; | padding-bottom: 35px; | ||
Line 482: | Line 423: | ||
text-shadow: none; | text-shadow: none; | ||
z-index:100; | z-index:100; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 493: | Line 430: | ||
body.mediawiki.ltr.ns-0.ns-subject.page-Team_OLS_Canmore_AB_CA { | body.mediawiki.ltr.ns-0.ns-subject.page-Team_OLS_Canmore_AB_CA { | ||
- | |||
- | |||
- | |||
- | |||
background:#0D3477; | background:#0D3477; | ||
} | } | ||
Line 515: | Line 448: | ||
div#menubar { | div#menubar { | ||
background:#0D3477; | background:#0D3477; | ||
+ | } | ||
+ | |||
+ | #logo { | ||
+ | padding-top: 35px; | ||
+ | } | ||
+ | |||
+ | div#p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | div.visualClear { | ||
+ | background:#0D3477; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | height: 100%; | ||
+ | margin-bottom: 0.01em; | ||
+ | } | ||
+ | |||
+ | DIY { | ||
+ | background-color: #ffffff; | ||
} | } |
Latest revision as of 03:32, 9 June 2014
@charset "utf-8";
/* body attributes */
body {
margin: 0 auto;
color: #151515;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
background-color: #999fFF; }
/* wrapper - attributes that are daughter to body since inside */
#wrapper { width: 1000px; min-width: 740px;
max-width: 1000px; margin: 0 auto; background-color: #FFfFFF;
}
/* please fill in what this does */
#top {
overflow: hidden; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-style: normal; font-weight: 200;
background-color: #000000; }
/* heading attributes*/
h1, h2 {
color: #FFFFFF; font-style: normal; font-weight: 600; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
} h1 {
font-size: 72px; margin-top: 0px; margin-bottom: 0px; text-align: center; text-transform: uppercase; color: #3100C7; background-color:#FFFFFF;
padding-top: 0px; padding-bottom: 0px; } h2 {
margin-top: 0em; color: #000000; background-color: #ffffff; text-align: center; padding-top: 0px; border-style: none;
}
- main {
margin-left: 0%;
float: left;
width: 1000px; padding-left: 0px; text-align: center;
margin: 0 auto; padding: 0;
}
figure {
display: inline-block;
width: 420px;
}
figure img {
padding: 10px;
-webkit-box-shadow: 1px 1px 15px #999999;
box-shadow: 1px 1px 15px #999999;
}
figcaption { font-size: 0.875em; font-weight: bold; text-align: center; display: inline-block; margin-top: 0.5em; } .centered { margin-left: auto; margin-right: auto; }
.floatleft { float: left; margin-left: 0px; margin-right: 10px; } .floatright { float: right; margin-left: 10px; margin-right: 0px; }
footer { padding-top: 2px; padding-bottom: 0px; padding-left: 0px; background-color: #0D3477; color: #FFFFFF; clear: left; } a { font-weight: bold; text-decoration: none; } a:link { color: #00527A; } a:visited { color: #002442;
}
- mainnav ul {
list-style-type: none; margin-top: 0px; margin-right: -10px; margin-bottom: 0px; margin-left: 0px; }
- mainnav a {
width: 100%; display: inline; float: left; text-align: center; text-transform: uppercase; background-color: #000000; color: #FFFFFF;
list-style-type: none;
}
- mainnav a {
width: 16.6%; text-align: center; text-transform: uppercase; background-color: #000000; color: #FFFFFF; padding-top: 12px; padding-bottom: 12px; padding-left: 0px;
list-style-type: none;
}
th,td { padding: 10px; min-width: 0%;
text-align: centre; padding-right: 10px;
padding-left: 10px;
padding-top: 10px; padding-bottom: 10px;
}
h3 { padding-top: 20px; padding-bottom: 0px; }
/* iGEM reset starts here */ div#top-section { height: 20px; margin-bottom: -63px !important; margin: 0 auto; width: 1000px; border: none; background-color: #E2EAFF; }
div#header { width: 100%; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; }
h1 {
color: #000fff; background-color: #FFFFFF; font-weight: bold; margin: 0; padding-top: 40px; padding-bottom: 0px; border-bottom: 0px solid #aaa;
}
h1.firstHeading {
display: none;
}
- searchform {
display: none;
}
.left-menu { background: none } .left-menu a {
color: #000;
}
/*the div containing the entire top bar*/ div#top-section { height: 20px; margin-bottom: -63px !important;
margin: 0 auto;
width: 1030px; margin-left:-10px; border: none;
color: #000fff;
background-color: #0D3477; }
- content{
margin: 0 auto; width: 1000px; border: none; }
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px; }
div#header {
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px !important;
}
- menubar {
position: absolute; color: #000fff;
background-color: #003693; margin: auto;
}
.left-menu, .right-menu{ position: absolute; background: #003693; color: white; }
.left-menu li a, .right-menu li a { color: #000 !important; }
.left-menu ul li, .right-menu ul li a{
background: none;
color: #000 !important;
}
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
color: #000 !important;
}
- catlinks{
display:none; }
/*important for background colours*/ .mediawiki{ background:#003693; }
.mediawiki { border: none; width: 1000px; background: transparent; }
- globalWrapper {
background:#0D3477;
min-width: 740px;
max-width: 1000px; margin: 0 auto;
height: 100%; margin-bottom: 0.01em;
}
- footer-box {
width: 990px; margin: 0px 0px 0px 93px; border: 1px solid #c4c4c4; background:#6E9AE4;
color:#000000; display:none;
}
/* Removes bullets from unordered lists */ ul {
list-style:none;
}
/* Fixes spacing of menu */ div.drop {
padding-bottom: 35px; background-color: #000000;
}
/* OLS menu */
- menu {
width: 1000px; height: 40px; clear: both;
z-index:100; }
ul#nav {
float: left; width: 1000px; margin: 0; padding-left: 40px; list-style: none; background: #000000 url(../img/menu-parent.png) repeat-x; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
z-index:100; }
ul#nav li {
display: inline;
z-index:100; }
ul#nav li a {
float: left; font: bold 1.1em arial,verdana,tahoma,sans-serif; line-height: 40px; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #880000; margin-left:50px; padding: 0 30px; background: #000000 url(../img/menu-parent.png) repeat-x; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
z-index:100; }
/* APPLIES THE ACTIVE STATE */ ul#nav .current a, ul#nav li:hover > a {
color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #330000; background: #6E9AE4; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
z-index:100; }
/* THE SUBMENU LIST HIDDEN BY DEFAULT */ ul#nav ul {
display: none;
z-index:100; }
/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */ ul#nav li:hover > ul {
position: absolute; display: block; width: 990px; height: 45px; position: absolute; margin: 40px 0 0 0;
margin-left:-40px; padding-left:10px;
background: #6E9AE4 url(../img/menu-child.png) repeat-x; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
z-index:100; }
ul#nav li:hover > ul li a {
float: left; font: bold 1.1em arial,verdana,tahoma,sans-serif; line-height: 45px; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #110000; margin: 0; padding: 0 30px 0 0; background: #6E9AE4 url(../img/menu-child.png) repeat-x;
z-index:100; }
ul#nav li:hover > ul li a:hover {
color: #120000; text-decoration: none; text-shadow: none;
z-index:100; }
div#content { background:#0D3477; }
body.mediawiki.ltr.ns-0.ns-subject.page-Team_OLS_Canmore_AB_CA { background:#0D3477; }
- homepagetable {
background-color: #FFFFFF; }
- homepagephoto {
padding-top:40px; background:#0D3477;
}
html { background:#0D3477; }
div#menubar { background:#0D3477; }
- logo {
padding-top: 35px;
}
div#p-logo {
display: none;
}
div.visualClear { background:#0D3477; }
html { height: 100%; margin-bottom: 0.01em; }
DIY { background-color: #ffffff; }