Difference between revisions of "Editing Team:OLS Canmore AB CA/CSS"
| Line 16: | Line 16: | ||
line-height: 1.00 em; | line-height: 1.00 em; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* wrapper - attributes that are daughter to body since inside */ | /* wrapper - attributes that are daughter to body since inside */ | ||
Revision as of 21:24, 16 September 2015
@charset "UTF-8"; @import url(font-awesome.min.css); @import url("http://fonts.googleapis.com/css?family=Roboto:500,300");
/* Basic */
body { background: #000; }
body, input, select, textarea { color: #555f66; font-family: "Roboto", Helvetica, sans-serif; font-size: 14pt; font-weight: 300; line-height: 1.00 em; }
/* 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; }