Team:Virginia/firstcss
From 2013.igem.org
html, body { height: 100%; }
body { margin: 0px; padding: 0px; background: #252525 url(images/bg01.png) repeat; font-family: 'Open Sans', sans-serif; font-size: 10pt; color: #000000; }
h1, h2, h3 {
margin: 0;
padding: 0;
font-family: 'Raleway', sans-serif;
}
p, ol, ul { margin-top: 0px; }
p { line-height: 180%; }
strong { }
a { color: #0000FF; }
a:hover { text-decoration: none; }
a img { border: none; }
.image { display: inline-block; }
.image img { display: block; width: 100%; border-radius: 5px; }
.image-full { display: block; width: 100%; margin: 0 0 2em 0; }
.image-left { float: left; margin: 0 2em 2em 0; }
.image-centered { display: block; margin: 0 0 2em 0; }
.image-centered img { margin: 0 auto; width: auto; }
hr { display: none; }
ul.style1 { margin: 0px; padding: 0px; list-style: none; }
ul.style1 li { padding: 10px 0px 20px 0px; border-top: 1px solid #242424; }
ul.style1 a { color: #4E4E4E; }
ul.style1 .first { padding-top: 0px; border-top: none; }
ul.style2 { margin: 30px 0px 0px 0px; padding: 0px; list-style: none; }
ul.style2 li { float: left; margin-right: 10px; }
ul.style2 img { display: block; border-radius: 4px; }
ul.style3
{
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
color: #6c6c6c
}
ul.style3 li { padding: 1.6em 0em 0em 0em; margin: 0 0 1em 0; }
ul.style3 p { margin: 0; }
ul.style3 a { display: block; text-decoration: none; color: #2D2D2D; }
ul.style3 a:hover { text-decoration: underline; }
ul.style3 h3 { padding: 1em 0em 5px 0em; text-transform: uppercase; font-size: 1.1em; font-weight: 300; color: #FFFFFF; }
ul.style3 .first { padding-top: 0; background: none; }
ul.style3 .date { float: left; position: relative; width: 60px; height: 54px; margin: 0.5em 1.5em 0em 0.5em; padding: 8px 0em 0em 0em; background: #262626; border-radius: 5px; box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1); line-height: normal; text-align: center; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,.2); font-size: 1em; font-weight: 400; color: #FFF; }
ul.style3 .date:after { content: ; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 6px; }
ul.style3 .date b { margin: 0; padding: 0; display: block; margin-top: -5px; font-size: 1.8em; font-weight: 700; color: #FFFFFF; }
ul.style3 .date a { color: #FFFFFF !important; }
ul.style3 .date a:hover { text-decoration: none; }
ul.style4 { margin: 0px; padding: 0px; list-style: none; }
ul.style4 li { padding: 10px 0px 20px 0px; border-top: 1px solid rgba(255,255,255,0.3); }
ul.style4 a { color: #2D2D2D; }
ul.style4 .first { padding-top: 0px; border-top: none; }
/** WRAPPER */
- wrapper {
overflow: hidden; margin: 4em auto; background: #141414 url(images/bg02.png) repeat; }
- featured-wrapper {
overflow: hidden; padding: 6em 50px; background: #E54732; color: #2D2D2D; }
- featured-wrapper h2
{ margin-bottom: 30px; text-transform: uppercase; font-weight: 300; font-size: 1.8em; color: #FFF; }
- featured-wrapper span
{ font-size: 0.80em !important; color: #323232; }
- footer-wrapper {
overflow: hidden; padding: 10em 0em; }
.container { width: 1200px; margin: 0px auto; }
.clearfix { clear: both; }
/** HEADER */
- header {
overflow: hidden; padding-top: 8em; }
/* Logo */
- logo {
height: 150px; margin: 0px auto 30px auto; }
- logo h1, #logo p {
margin: 0; padding: 0; }
- logo h1 {
text-align: center; text-transform: uppercase; }
- logo h1 a {
font-size: 2em; color: #FFF; }
- logo h1 span {
color: #E94730; }
- logo p {
text-align: center; text-transform: uppercase; font-size: 1.3em; font-family: 'Raleway', sans-serif; color: #595959; }
- logo p a {
color: #595959; }
- logo a {
border: none; background: none; text-decoration: none; color: #1F1F1F; }
/** MENU */
- menu {
overflow: hidden; width: 1100px; margin: 0px 50px; height: 80px; color: #000000; border-bottom: 1px solid #272727; }
- menu ul {
margin: 0px 0px 0px 0px; padding: 0px 0px; list-style: none; line-height: normal; text-align: center; }
- menu li {
display: inline-block; border-left: 1px solid #272727; }
- menu a {
display: block; margin: 0em 3em; padding: 1em 0em; text-decoration: none; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,0.5); text-align: center; font-size: 1.2; font-weight: 200; font-family: 'Raleway', sans-serif; color: #666666; border: none; }
- menu a:hover, #menu .current_page_item a {
text-decoration: none; color: #FFFFFF; }
- menu .current_page_item a {
color: #FFFFFF; }
- menu .first {
border-left: none; }
/** PAGE */
- page {
overflow: hidden; height: 26em; padding-top: 4em; padding-left: 50px; background: url(images/iGEMlogo4.jpg) no-repeat right bottom; color: #6A6A6A; }
- page .content
{ width: 400px; }
- page .content p
{ font-size: 1.1em; }
- page h2
{ display: block; padding-bottom: 0.20em; letter-spacing: -1px; text-transform: uppercase; font-size: 3em; font-weight: 600; color: #FFF; }
- page span
{ display: block; padding-bottom: 0.50em; letter-spacing: -1px; text-transform: uppercase; font-size: 1.8em; font-weight: 200; color: #E94730; }
/** CONTENT */
- content {
}
/** SIDEBAR */
- sidebar {
}
/* Footer */
- footer-content
{ overflow: hidden; padding: 5em 0em; color: #4D4D4D; }
- footer-content a
{ color: #515151; }
- footer-content h2
{ margin-bottom: 30px; text-transform: uppercase; font-weight: 300; color: #FFF; }
- footer-content strong
{ color: #9F9F9F; }
- footer-content .button-style
{ color: #FFFFFF !important; }
- footer-content #fbox1
{ float: left; width: 314px; margin-right: 24px; padding-left: 50px; }
- footer-content #fbox2
{ float: left; width: 446px; padding: 0px 20px; }
- footer-content #fbox3
{ float: right; width: 252px; padding-right: 50px; }
- box1
{ float: left; width: 324px; margin-right: 24px; }
- box1 .style4
{ padding-top: 1em; }
- box2
{ float: left; width: 436px; padding: 0px 20px; }
- box3
{ float: right; width: 252px; }
/* Footer */
- footer {
overflow: hidden; padding-bottom: 3em; }
- footer p {
text-align: center; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); font-size: 0.80em; color: #525252; }
- footer a {
color: #666666; }
/* Button Style 1 */
.button-style { display: inline-block; margin-top: 20px; padding: 7px 20px; background: #272727; border-radius: 5px; text-decoration: none; text-transform: uppercase; color: #FFFFFF; }
.button-style-alt { background: #E94730; padding: 15px 20px; font-size: 1.3em; font-weight: 600; }