Team:OLS Canmore AB CA/css
From 2014hs.igem.org
@charset "utf-8"; body { margin: 0px; color: #151515; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; background-color: #EFF5F8; }
- wrapper {
width: 100%; 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;
}
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: 100%; padding-left: 0px; text-align: center; }
- sidebar {
width: 34%; margin-left: 4%; float: left; }
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: #3100C7; color: #FFFFFF; clear: left; } a { font-weight: bold; text-decoration: none; } a:link { color: #FF6600; } a:visited { color: #FF944C;
}
- mainnav ul {
list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -50px; }
- mainnav a {
width: 0%; display: block; float: left; text-align: center; text-transform: uppercase; background-color: #000000; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; }
- mainnav a {
width: 20%; text-align: center; text-transform: uppercase; background-color: #000000; color: #FFFFFF; padding-top: 12px; padding-bottom: 12px; padding-left: 0px;
- wrapper #top #mainnav ul li a {
- padding-right
- 12px;
padding-right: 6px; }
- wrapper #top #mainnav ul li a {
background-color: #000000; }
}
- mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
background-color: #3100C7; text-decoration: none; }
- hero article {
width: 36%; padding-left: 10px; padding-right: 10px; position: absolute; top: 62px; left: 16px; background-color: #97B0F3; border-radius: 34px; color: #000000; font-size: large; }
- hero {
position: relative; }
th,td { padding: 0px; text-align: center; min-width: 0%; background-color: #97B0F3; }
h3 { padding-top: 20px; padding-bottom: 0px; }
#header {height: 48px;width: 100%;z-index: 1000;}
.fixed {background: url(http://static.tumblr.com/njty47g/Omoleufdi/topbar_bg.png) left top repeat-x; position: fixed;left: 0; -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);}
.inner {width: 940px;margin: 0 auto;height: 48px;}
.shadow{width: 100%;height: 5px;position: absolute;left: 0;bottom: -5px;z-index: 500;display: none;}