Team:Virginia/firstcss

From 2013.igem.org

Revision as of 14:02, 12 June 2013 by Emcmillen (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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 */

  1. wrapper {

overflow: hidden; margin: 4em auto; background: #141414 url(images/bg02.png) repeat; }

  1. featured-wrapper {

overflow: hidden; padding: 6em 50px; background: #E54732; color: #2D2D2D; }

  1. featured-wrapper h2

{ margin-bottom: 30px; text-transform: uppercase; font-weight: 300; font-size: 1.8em; color: #FFF; }

  1. featured-wrapper span

{ font-size: 0.80em !important; color: #323232; }

  1. footer-wrapper {

overflow: hidden; padding: 10em 0em; }

.container { width: 1200px; margin: 0px auto; }

.clearfix { clear: both; }

/** HEADER */

  1. header {

overflow: hidden; padding-top: 8em; }

/* Logo */

  1. logo {

height: 150px; margin: 0px auto 30px auto; }

  1. logo h1, #logo p {

margin: 0; padding: 0; }

  1. logo h1 {

text-align: center; text-transform: uppercase; }

  1. logo h1 a {

font-size: 2em; color: #FFF; }

  1. logo h1 span {

color: #E94730; }

  1. logo p {

text-align: center; text-transform: uppercase; font-size: 1.3em; font-family: 'Raleway', sans-serif; color: #595959; }

  1. logo p a {

color: #595959; }

  1. logo a {

border: none; background: none; text-decoration: none; color: #1F1F1F; }

/** MENU */

  1. menu {

overflow: hidden; width: 1100px; margin: 0px 50px; height: 80px; color: #000000; border-bottom: 1px solid #272727; }

  1. menu ul {

margin: 0px 0px 0px 0px; padding: 0px 0px; list-style: none; line-height: normal; text-align: center; }

  1. menu li {

display: inline-block; border-left: 1px solid #272727; }

  1. 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; }

  1. menu a:hover, #menu .current_page_item a {

text-decoration: none; color: #FFFFFF; }

  1. menu .current_page_item a {

color: #FFFFFF; }

  1. menu .first {

border-left: none; }

/** PAGE */

  1. page {

overflow: hidden; height: 26em; padding-top: 4em; padding-left: 50px; background: url(images/iGEMlogo4.jpg) no-repeat right bottom; color: #6A6A6A; }

  1. page .content

{ width: 400px; }

  1. page .content p

{ font-size: 1.1em; }

  1. page h2

{ display: block; padding-bottom: 0.20em; letter-spacing: -1px; text-transform: uppercase; font-size: 3em; font-weight: 600; color: #FFF; }

  1. page span

{ display: block; padding-bottom: 0.50em; letter-spacing: -1px; text-transform: uppercase; font-size: 1.8em; font-weight: 200; color: #E94730; }

/** CONTENT */

  1. content {

}

/** SIDEBAR */

  1. sidebar {

}

/* Footer */

  1. footer-content

{ overflow: hidden; padding: 5em 0em; color: #4D4D4D; }

  1. footer-content a

{ color: #515151; }

  1. footer-content h2

{ margin-bottom: 30px; text-transform: uppercase; font-weight: 300; color: #FFF; }

  1. footer-content strong

{ color: #9F9F9F; }

  1. footer-content .button-style

{ color: #FFFFFF !important; }

  1. footer-content #fbox1

{ float: left; width: 314px; margin-right: 24px; padding-left: 50px; }

  1. footer-content #fbox2

{ float: left; width: 446px; padding: 0px 20px; }

  1. footer-content #fbox3

{ float: right; width: 252px; padding-right: 50px; }


  1. box1

{ float: left; width: 324px; margin-right: 24px; }

  1. box1 .style4

{ padding-top: 1em; }

  1. box2

{ float: left; width: 436px; padding: 0px 20px; }

  1. box3

{ float: right; width: 252px; }

/* Footer */

  1. footer {

overflow: hidden; padding-bottom: 3em; }

  1. 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; }

  1. 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; }