Team:OLS Canmore AB CA/secondmain.css
From 2014hs.igem.org
Carterbehm (Talk | contribs) |
|||
(6 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
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; | ||
- | + | background-color: #000fFF; | |
} | } | ||
#wrapper { | #wrapper { | ||
- | width: | + | width: 1000px; |
min-width: 740px; | min-width: 740px; | ||
max-width: 1000px; | max-width: 1000px; | ||
Line 47: | Line 47: | ||
text-align: center; | text-align: center; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
- | color: # | + | color: #3100C7; |
background-color:#FFFFFF; | background-color:#FFFFFF; | ||
- | + | padding-top: 50 px; | |
} | } | ||
Line 59: | Line 59: | ||
padding-top: 0px; | padding-top: 0px; | ||
border-style: none; | border-style: none; | ||
- | |||
} | } | ||
+ | |||
+ | |||
#main { | #main { | ||
margin-left: 0%; | margin-left: 0%; | ||
float: left; | float: left; | ||
width: 60%; | width: 60%; | ||
- | padding-left: | + | padding-left: 0px; |
text-align: center; | text-align: center; | ||
} | } | ||
+ | |||
#sidebar { | #sidebar { | ||
width: 34%; | width: 34%; | ||
Line 74: | Line 76: | ||
text-align:center; | text-align:center; | ||
} | } | ||
+ | |||
figure { | figure { | ||
- | display: | + | display: block; |
width: 420px; | width: 420px; | ||
} | } | ||
Line 84: | Line 87: | ||
-webkit-box-shadow: 1px 1px 15px #999999; | -webkit-box-shadow: 1px 1px 15px #999999; | ||
box-shadow: 1px 1px 15px #999999; | box-shadow: 1px 1px 15px #999999; | ||
- | |||
- | |||
} | } | ||
Line 94: | Line 95: | ||
display: block; | display: block; | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
- | |||
} | } | ||
.centered { | .centered { | ||
Line 114: | Line 114: | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
padding-left: 2%; | padding-left: 2%; | ||
- | background-color: # | + | background-color: #000fff; |
color: #FFFFFF; | color: #FFFFFF; | ||
clear: left; | clear: left; | ||
Line 130: | Line 130: | ||
} | } | ||
+ | <!-- | ||
#mainnav ul { | #mainnav ul { | ||
list-style-type: none; | list-style-type: none; | ||
Line 138: | Line 139: | ||
} | } | ||
#mainnav a { | #mainnav a { | ||
- | width: | + | width: 100%; |
- | display: | + | display: inline; |
float: left; | float: left; | ||
text-align: center; | text-align: center; | ||
Line 145: | Line 146: | ||
background-color: #000000; | background-color: #000000; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
- | |||
- | |||
} | } | ||
#mainnav a { | #mainnav a { | ||
Line 157: | Line 156: | ||
padding-bottom: 12px; | padding-bottom: 12px; | ||
padding-left: 0px; | padding-left: 0px; | ||
+ | |||
+ | |||
#wrapper #top #mainnav ul li a { | #wrapper #top #mainnav ul li a { | ||
- | ; padding-right: | + | ; padding-right: 0px; |
- | padding-right: | + | padding-right: 0px; |
} | } | ||
#wrapper #top #mainnav ul li a { | #wrapper #top #mainnav ul li a { | ||
Line 166: | Line 167: | ||
} | } | ||
+ | --> | ||
+ | <!-- | ||
#mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage { | #mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage { | ||
- | background-color: # | + | background-color: #000fff; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
#hero article { | #hero article { | ||
Line 176: | Line 180: | ||
padding-right: 10px; | padding-right: 10px; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 30px; |
- | left: | + | left: 25px; |
- | + | background-color: #000fff; | |
border-radius: 34px; | border-radius: 34px; | ||
color: #000000; | color: #000000; | ||
Line 193: | Line 197: | ||
text-align: center; | text-align: center; | ||
min-width: 0%; | min-width: 0%; | ||
- | background-color: # | + | background-color: #000fFF; |
- | + | padding-right: 10px; | |
+ | padding-left: 10px; | ||
} | } | ||
- | + | --> | |
h3 | h3 | ||
{ | { | ||
Line 202: | Line 207: | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
} | } | ||
- | |||
#content h1.firstHeading { | #content h1.firstHeading { | ||
Line 208: | Line 212: | ||
}ewe | }ewe | ||
+ | |||
+ | iGEM Wiki Reset Starts Here | ||
div#top-section { | div#top-section { | ||
Line 215: | Line 221: | ||
width: 1222px; | width: 1222px; | ||
border: none; | border: none; | ||
- | + | background-color: #E2EAFF; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
div#header { | div#header { | ||
Line 256: | Line 232: | ||
h1 { | h1 { | ||
- | color: # | + | color: #000fff; |
- | background: | + | background-color: #FFFFFF; |
font-weight: bold; | font-weight: bold; | ||
margin: 0; | margin: 0; | ||
Line 284: | Line 260: | ||
height: 20px; | height: 20px; | ||
margin-bottom: -63px !important; | margin-bottom: -63px !important; | ||
- | + | margin: 0px 0px 0px 77px; | |
- | width: | + | width: 1032px; |
border: none; | border: none; | ||
+ | color: #000fff; | ||
+ | background-color: #FFFFFF; | ||
} | } | ||
Line 315: | Line 293: | ||
#menubar { | #menubar { | ||
position: absolute; | position: absolute; | ||
- | color: | + | color: #000fff; |
- | background-color: # | + | background-color: #FFFFFF; |
} | } | ||
Line 345: | Line 323: | ||
/*important for background colours*/ | /*important for background colours*/ | ||
.mediawiki{ | .mediawiki{ | ||
- | background: # | + | background: #000fFF; |
} | } | ||
Line 368: | Line 346: | ||
margin: 0px 0px 0px 93px; | margin: 0px 0px 0px 93px; | ||
border: 1px solid #c4c4c4; | border: 1px solid #c4c4c4; | ||
- | background-color: #f4f4ff | + | background-color: #f4f4ff |
+ | } | ||
+ | |||
+ | |||
+ | <!-- | ||
+ | nav ul ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | nav ul:hover > ul { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .nav ul { | ||
+ | |||
+ | padding: 0 20px; | ||
+ | border-radius: 10px; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); | ||
+ | background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); | ||
+ | background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%); | ||
+ | box-shadow: 0px 0px 9px rgba(0,0,0,0.15); | ||
+ | } | ||
+ | |||
+ | .nav ul li {float:left;} | ||
+ | |||
+ | .nav ul li a{ padding: 5px 10px 5px 10px; | ||
+ | display: block; | ||
+ | color: #757575; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .nav ul li:hover { | ||
+ | background: #4b545f; | ||
+ | background: linear-gradient(top, #4f5964 0%, #5f6975 40%); | ||
+ | background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); | ||
+ | background: -webkit-linear-gradient(top, #4f5964 0%, #5f6975 40%); | ||
+ | } | ||
+ | |||
+ | .nav ul li:hover a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .nav ul li:hover > ul { margin:0px; padding:0px;} | ||
+ | .nav ul li:hover > ul li { float:none; display:block;} | ||
+ | .nav ul li:hover > ul li a{color: #666; min-width:150px;} | ||
+ | .nav ul li:hover > ul li a:hover{color:#fff;} | ||
+ | |||
+ | .nav ul li { position:relative;} | ||
+ | .nav ul li ul {position:absolute; top:30px; left:0px;} | ||
+ | |||
+ | --> | ||
+ | |||
+ | |||
+ | /* CSSTerm.com Simple Horizontal DropDown CSS menu */ | ||
+ | |||
+ | .drop_menu { | ||
+ | background:#000000; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | list-style-type:none; | ||
+ | height:47px; | ||
+ | } | ||
+ | .drop_menu li { float: left; width: 166px; text-align: center; text-transform: uppercase;} | ||
+ | |||
+ | .drop_menu li a { | ||
+ | |||
+ | |||
+ | padding:15px 20px; | ||
+ | display:block; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | font:14px arial, verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* Submenu */ | ||
+ | .drop_menu ul { | ||
+ | position:absolute; | ||
+ | left:-9999px; | ||
+ | top:-9999px; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | .drop_menu li:hover { position:relative; background:#000fff; } | ||
+ | .drop_menu li:hover ul { | ||
+ | left:0px; | ||
+ | top:42px; | ||
+ | background:#000000; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | .drop_menu li:hover ul li a { | ||
+ | padding:0px; | ||
+ | display:block; | ||
+ | width:166px; | ||
+ | text-indent:5px; | ||
+ | background-color:#000000; | ||
} | } | ||
+ | .drop_menu li:hover ul li a:hover { background:#000fff; } |
Latest revision as of 03:09, 9 April 2014
@charset "utf-8"; body { margin: 0px; color: #151515; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
background-color: #000fFF;
}
- wrapper {
width: 1000px; min-width: 740px; max-width: 1000px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }
- top {
overflow: hidden; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-style: normal; font-weight: 200; }
- hero img {
max-width: 100%; margin-top: 0px; margin-right: -25px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-color: #ffffff; } 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: 50 px;
} 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: 60%; padding-left: 0px; text-align: center; }
- sidebar {
width: 34%; margin-left: 4%; float: left;
text-align:center;
}
figure { display: 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: 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: 2px; padding-left: 2%; background-color: #000fff; color: #FFFFFF; clear: left; } a { font-weight: bold; text-decoration: none; } a:link { color: #FF6600; } a:visited { color: #FF944C;
}
h3 { padding-top: 20px; padding-bottom: 0px; }
- content h1.firstHeading {
visibility: hidden; }ewe
iGEM Wiki Reset Starts Here
div#top-section { height: 20px; margin-bottom: -63px !important; margin: 0px 0px 0px -10px; width: 1222px; 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: 80px; padding-bottom: 0px; border-bottom: 0px solid #aaa;
}
h1.firstHeading {
display: none;
}
}
- searchform {
display: none;
}
.left-menu { background: none } .left-menu a {
color: #000;
}
div#top-section { /*the div containing the entire top bar*/ height: 20px; margin-bottom: -63px !important;
margin: 0px 0px 0px 77px;
width: 1032px; border: none;
color: #000fff;
background-color: #FFFFFF; }
- content{
margin: 0px 0px 0px -11px; width: 1200px; 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: #FFFFFF;
}
.left-menu, .right-menu{ position: absolute; background: none; color: black; }
.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: #000fFF; }
.mediawiki { border: none; width: 1200px; background: transparent; }
- globalWrapper {
background: transparent;
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-color: #f4f4ff }
/* CSSTerm.com Simple Horizontal DropDown CSS menu */
.drop_menu { background:#000000; padding:0;
margin:0;
list-style-type:none; height:47px; } .drop_menu li { float: left; width: 166px; text-align: center; text-transform: uppercase;}
.drop_menu li a {
padding:15px 20px;
display:block;
color:#fff;
text-decoration:none;
font:14px arial, verdana, sans-serif;
}
/* Submenu */ .drop_menu ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu li:hover { position:relative; background:#000fff; } .drop_menu li:hover ul { left:0px; top:42px; background:#000000; padding:0px; }
.drop_menu li:hover ul li a { padding:0px; display:block; width:166px; text-indent:5px; background-color:#000000; } .drop_menu li:hover ul li a:hover { background:#000fff; }