Team:UCL Academy/styles.css
From 2014hs.igem.org
(Created page with "body { background: url("images/body-bg.png") repeat-x scroll 0 0 #FFFFFF; color: #666666; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px;...") |
|||
Line 1: | Line 1: | ||
body { | body { | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014hs/2/2f/Body-bg.png") repeat-x scroll 0 0 #FFFFFF; |
color: #666666; | color: #666666; | ||
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; | font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; | ||
Line 153: | Line 153: | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
} | } | ||
+ | |||
h5 { | h5 { | ||
color: #0173CB; | color: #0173CB; | ||
Line 158: | Line 159: | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
} | } | ||
+ | |||
ul, ol { | ul, ol { | ||
margin: 0 0 35px 35px; | margin: 0 0 35px 35px; | ||
} | } | ||
+ | |||
li { | li { | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
+ | |||
li ol, li ul { | li ol, li ul { | ||
font-size: 1em; | font-size: 1em; | ||
Line 169: | Line 173: | ||
padding-top: 5px; | padding-top: 5px; | ||
} | } | ||
+ | |||
#container { | #container { | ||
box-shadow: 0 5px 18px #000000; | box-shadow: 0 5px 18px #000000; | ||
Line 315: | Line 320: | ||
} | } | ||
.nivo-directionNav a { | .nivo-directionNav a { | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014hs/f/f0/Arrows.png") no-repeat scroll 0 0 transparent; |
cursor: pointer; | cursor: pointer; | ||
display: block; | display: block; | ||
Line 339: | Line 344: | ||
} | } | ||
.nivo-controlNav a { | .nivo-controlNav a { | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014hs/c/c3/Bullets.png") no-repeat scroll 0 0 transparent; |
cursor: pointer; | cursor: pointer; | ||
float: left; | float: left; |
Latest revision as of 16:33, 24 May 2014
body {
background: url("") repeat-x scroll 0 0 #FFFFFF; color: #666666; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; margin: 0; padding: 0;
}
- {
margin: 0; padding: 0;
} table {
text-align: left; width: 100%;
} th, td {
padding: 10px;
} th {
background: none repeat-x scroll left top #0173CB; color: #FFFFFF;
} td {
border-bottom: 1px solid #CCCCCC;
} code, blockquote {
border-left: 5px solid #222222; display: block; margin-bottom: 20px; padding: 10px;
} code {
background-color: #222222; border: medium none; color: #CCCCCC;
} blockquote {
border-left: 5px solid #222222;
} blockquote p {
color: #333333; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; height: 1%; margin: 0;
} p {
font-size: 12px; line-height: 1.9em; margin-bottom: 20px;
} a {
color: #000000;
} a:hover {
color: #0173CB; text-decoration: underline;
} a:focus {
outline: medium none;
} fieldset {
-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #CCCCCC -moz-use-text-color -moz-use-text-color; border-right: medium none; border-style: solid none none; border-width: 1px medium medium; display: block;
} fieldset legend {
color: #333333; font-size: 13px; font-weight: bold; padding-right: 10px;
} fieldset form {
padding-top: 15px;
} fieldset p label {
float: left; width: 150px;
} form input, form select, form textarea {
-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD; border-style: solid; border-width: 1px; color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 13px; padding: 5px;
} form input.formbutton {
background: none repeat scroll 0 0 #0173CB; border: medium none; color: #FFFFFF; font-family: Tahoma,Geneva,sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; overflow: visible; padding: 6px 10px; width: auto;
} form.searchform p {
margin: 5px 0;
} span.required {
color: #FF0000;
} .imgleft {
border: 1px solid #CCCCCC; float: left; margin-bottom: 5px; margin-right: 5px; padding: 5px;
} h1 {
color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 35px;
} h2 {
color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 27px; font-weight: normal; letter-spacing: 0; margin: 0; padding: 0 0 5px;
} h3 {
color: #888888; font-family: Arial,Helvetica,sans-serif; font-size: 24px; font-weight: normal; letter-spacing: -1px; margin-bottom: 10px;
} h4 {
color: #0173CB; font-size: 15px; padding-bottom: 10px;
}
h5 {
color: #0173CB; font-size: 13px; padding-bottom: 10px;
}
ul, ol {
margin: 0 0 35px 35px;
}
li {
padding-bottom: 5px;
}
li ol, li ul {
font-size: 1em; margin-bottom: 0; padding-top: 5px;
}
- container {
box-shadow: 0 5px 18px #000000; margin: 0 auto; padding: 0; width: 980px;
}
- inner {
margin: 0 auto; padding: 0; width: 960px;
}
- header {
margin: 10px auto 0; padding: 10px 15px;
}
- header h1 a {
color: #FFFFFF; font-size: 50px; font-weight: normal; letter-spacing: -3px; text-decoration: none;
}
- header h2 {
color: #000000; font-family: Georgia,"Times New Roman",Times,serif; font-size: 13px; letter-spacing: 0; margin-top: 3px; padding-left: 4px;
}
- nav {
background-color: #000000;
box-shadow: 0 4px 7px #BBBBBB;
height: 45px; margin-bottom: 0; margin-top: 10px; width: 960px;
}
- nav ul {
height: 45px; list-style: none outside none; margin: 0; padding: 0;
}
- nav ul li {
display: block; float: left; padding: 0;
}
- nav ul li a {
color: #FFFFFF; display: block; font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif; font-size: 11px; font-weight: bold; padding: 15px 20px; text-decoration: none; text-transform: uppercase;
}
- nav ul li a:hover {
color: #FFFFFF; text-decoration: underline;
}
- banner {
margin: 0 auto;
}
- slider-wrapper {
box-shadow: 0 4px 7px #BBBBBB; height: 250px;
}
- slider {
background: url("images/loading.gif") no-repeat scroll 50% 50% transparent; height: 250px; position: relative; width: 960px;
}
- slider img {
display: none; left: 0; position: absolute; top: 0;
}
- slider a {
border: 0 none; display: block;
} .nivoSlider {
position: relative;
} .nivoSlider img {
left: 0; position: absolute; top: 0;
} .nivoSlider a.nivo-imageLink {
border: 0 none; display: none; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 6;
} .nivo-slice {
display: block; height: 100%; position: absolute; z-index: 5;
} .nivo-box {
display: block; position: absolute; z-index: 5;
} .nivo-caption {
background: none repeat scroll 0 0 #000000; bottom: 0; color: #FFFFFF; font-family: arial; left: 0; opacity: 0.8; position: absolute; text-transform: uppercase; width: 100%; z-index: 8;
} .nivo-caption p {
margin: 0; padding: 5px;
} .nivo-caption a {
color: red; display: inline !important; text-decoration: none;
} .nivo-caption a:hover {
color: blue; text-decoration: underline;
} .nivo-html-caption {
display: none;
} .nivo-directionNav a {
background: url("") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 30px; position: absolute; text-indent: -9999px; top: 45%; width: 30px; z-index: 9;
} a.nivo-prevNav {
left: 15px;
} a.nivo-nextNav {
background-position: -30px 50%; right: 15px;
} .nivo-controlNav {
bottom: -30px; left: 50%; margin-left: -40px; position: absolute;
} .nivo-controlNav a {
background: url("") no-repeat scroll 0 0 transparent; cursor: pointer; float: left; height: 22px; margin-top: 250px; position: relative; text-indent: -9999px; width: 22px; z-index: 9;
} .nivo-controlNav a.active {
background-position: 0 -22px;
} .welcome-bar {
background: none repeat scroll 0 0 #FBC00C; margin-top: 40px;
} .bar-top {
padding: 23px 30px;
} .bar-title {
float: left; width: 720px;
} .bar-title h3 {
color: #000000; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; letter-spacing: 0; line-height: 1.5em; margin: 0;
} .bar-button {
float: right; height: 42px; margin-top: 7px;
} .button {
background: none repeat scroll 0 0 #FFFFFF; border-radius: 10px 10px 10px 10px; color: #FBC00C; cursor: pointer; display: inline-block; font: 12px/100% Arial,Helvetica,sans-serif; outline: medium none; padding: 0.6em 1.5em; position: relative; text-align: center; text-decoration: none; vertical-align: baseline;
} .button:active {
position: relative; top: 1px;
} .medium {
font-size: 16px; padding: 0.8em 1.4em 0.7em;
}
- main {
background: none repeat scroll 0 0 transparent; margin: 0 auto; padding: 20px 12px 0; width: 936px;
}
- content {
float: left; width: 635px;
}
- content-home {
float: left; width: 935px;
} .sidebar {
float: right; padding: 10px 0 0; width: 250px;
} .sidebar ul {
list-style: none outside none; margin: 0; padding: 0;
} .sidebar ul li {
line-height: 1.9em; margin-bottom: 20px;
} .sidebar li ul { } .sidebar li ul li {
border: medium none; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.5em; margin: 0; padding: 6px 2px;
} .sidebar li ul li a {
color: #222222; font-weight: normal;
} .sidebar li ul li a:hover {
color: #0173CB;
} .sidebar li ul.blocklist li {
display: inline; padding: 0;
} .sidebar li ul.blocklist li a {
border-bottom: 1px solid #EEEEEE; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 1px; padding: 7px 10px; text-decoration: none; text-transform: uppercase;
} .sidebar li ul.blocklist li a:hover {
background-color: #0173CB; color: #FFFFFF;
} .clear {
clear: both;
}
- content-bottom {
margin: 0 auto; width: 960px;
}
- content-bottom p {
color: #CCCCCC; font-size: 12px; margin: 0; padding: 0; text-align: left;
}
- content-bottom p a {
color: #CCCCCC; font-weight: bold;
} .content-bottom-inner {
padding: 20px 0 30px;
}
- content-bottom .content-bottom-inner ul {
background-color: #FFFFFF; border-radius: 10px 10px 10px 10px; float: left; list-style: none outside none; margin: 0 15px 0 0; padding: 15px; width: 280px;
}
- content-bottom .content-bottom-inner li {
padding: 7px 5px;
}
- content-bottom .content-bottom-inner h4 {
border-bottom: 1px solid #CCCCCC;
}
- content-bottom .content-bottom-inner li a {
background-color: #FBC00C; border-radius: 5px 5px 5px 5px; color: #FFFFFF; padding: 7px; text-decoration: none;
}
- content-bottom .content-bottom-inner h4 {
color: #FBC00C; font-size: 25px; font-weight: normal; padding-bottom: 0;
}
- content-bottom .content-bottom-inner ul.lastcol {
margin-right: 0;
}
- content-bottom .content-bottom-inner span.sitename {
color: #AAAAAA; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 40px; font-weight: normal; letter-spacing: -2px;
} .footer {
border-top: 1px solid #CCCCCC; padding: 10px; text-align: center;
} .footer p {
margin-bottom: 10px; text-align: center;
} .footer p, .footer p a {
color: #666666; font-size: 10px;
}