Team:Dundee/style.css

From 2011.igem.org

(Difference between revisions)
Line 6: Line 6:
body {
body {
font-family: Georgia, Trebuchet, Verdana, Arial;
font-family: Georgia, Trebuchet, Verdana, Arial;
-
font-size: 12px;
+
font-size: 8px;
text-align: center;
text-align: center;
vertical-align: top;
vertical-align: top;

Revision as of 09:36, 30 June 2011

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{ margin: 0; padding: 0; }

body { font-family: Georgia, Trebuchet, Verdana, Arial; font-size: 8px; text-align: center; vertical-align: top; background: #000; color: #2a423c;

}

h1,h2,h3,h4,h5,h6{ font-size: 16px; font-weight: bold; }

a { color: #2a423c; }

a:hover { text-decoration: none; }

a img { border: 0; }

p { padding: 10px 0 5px; }

p img { max-width: 100%; }

img.aligncenter { padding: 4px; border: 1px solid #ededed; }

img.alignright{ margin: 3px 0 2px 10px; padding: 4px; border: 1px solid #ededed; display: inline; }

img.alignleft { margin: 3px 10px 2px 0; padding: 4px; border: 1px solid #ededed; display: inline; }

.alignleft { float: left; }

.alignright { float: right }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.clear { margin: 0; padding: 0; clear: both; }

ul { list-style-type: square; }

  1. wrapper{

width: 960px; margin: 0 auto; text-align: left; background: #fff;

}

  1. header{

width: 960px; height: 180px; margin: 0; padding: 0; background-image:url(Header3.png)

}

  1. header h1 {

margin: 20px 0 0 30px; padding: 30px 0 0 0; }

  1. header h1 a{

margin: 10px 0 30px 0; color: #ffe9b7; font-size: 40px; text-decoration: none; font-weight: normal; letter-spacing: -3px; padding: 10px; background: rgb(0, 0, 0); /* fallback color */ 

  	background: rgba(0, 0, 0, 0.7);

}

  1. header h2 {

font-size: 22px; color: #ffe9b7; margin: 0px 0 0 30px; font-weight: normal; text-transform: normal; letter-spacing: -2px; }

  1. menu {

width: 960px; height: 45px; border-bottom: 5px #6e212e solid; background: #fff; 

      padding-bottom: 5px;

}

  1. menu ul{

margin: 5px auto; padding: 0 0 0 20px; list-style: none; list-style-type: none; font-size: 14px; }

  1. menu ul li{

float: left; margin: 5px 10px 5px 10px; font-size: 14px; border: 5px #fff solid; background: #b5463f; }


  1. menu ul li a{

display: block; padding: 5px 8px 8px 9px; text-decoration: none; color: #cddec6; font-weight: bold;

}

  1. menu ul li a:hover{

background: #6e212e; }


  1. menu ul li.current_page_item{

float: left; margin: 5px; font-size: 14px;

background: #6e212e; }

  1. container {

float: left; width: 960px; margin-top: 0px; background: #fff; }

  1. content {

float: left; width: 960px; margin-right: 1px; background: #fff; border-bottom: 1px #2a423c dotted; margin-top:10px; }

.sidebar {

float: left; width: 240px; margin-left: 12px;

}

.post { padding: 10px 10px; }

.post a{ font-weight: bold; text-decoration: underline; color: #2a423c; }

.post a:hover{ text-decoration: none; }

.post h2 { font-size: 36px; font-weight: normal; padding-bottom: 5px; border-bottom: 1px #2a423c dotted; }

.post h2 a { padding: 0; margin: 0; color: #b5463f; text-decoration: none; letter-spacing: -2px; font-weight: normal; }

.post h2 a:hover{ padding: 0; margin: 0; color: #2a423c; background: none; }

.meta { color: #6e212e; line-height: 22px; }

.meta p { margin: 0; padding: 0; }

.entry { line-height: 20px; color:#FFFFFF;

}


.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.entry h2 { font-size: 24px; border:none; } .entry h2 a { color: #8f3939; }

.entry h3 { font-size: 22px; font-weight: normal; }

.entry h4 { font-size: 20px; font-weight: normal; }

.entry h5 { font-size: 18px; font-weight: normal; }

.entry h6 { font-size: 16px; font-weight: normal; }


.post a img { margin: 10px; border: 2px solid #6e212e; }

.post a:hover img{ border: 2px solid #b5463f; }


.sidebar a { padding: 3px 5px 3px 5px; text-decoration: none; }

.sidebar a:hover{ padding: 3px 5px 3px 5px; background: #6e212e; color: #ffe9b7; }

.sidebar ul { list-style: none; margin: 0; padding: 0; }

.sidebar ul { margin: 0 0 10px; }

.sidebar ul li { padding: 10px 10px 0; }

.sidebar ul li h2 { border-bottom: 1px dotted #2a423c; padding: 8px 10px 9px; font-size: 24px; font-weight: normal; letter-spacing: -1px; }

.sidebar ul ul { margin: 0; padding: 6px 5px 0; margin: 0 5px 10px; line-height: 24px; list-style-type: square; }

.sidebar ul ul li { padding: 0; }

.sidebar ul ul ul { padding: 0 0 0 10px; }

.navigation { margin: 10px; padding: 10px 0; margin-bottom: 15px; font-size: 14px; font-family: Verdana, Arial; text-align: center; }


.navigation a{ padding: 3px 5px 3px 5px; margin: 1px 3px 1px 3px; font-weight: bold; text-decoration: none; color: #2a423c; font-weight: bold; }

.navigation a:hover{ padding: 3px 5px 3px 5px; margin: 1px 3px 1px 3px; background: #6e212e; color: #ffe9b7; text-decoration: none; }

.navigation_single { padding: 10px 0; font-size: 12px; font-family: Verdana, Arial; text-align: center; margin: 0 0 10px 0; }


.navigation_single a{ padding: 3px 5px 3px 5px; margin: 1px 3px 1px 3px; font-weight: bold; text-decoration: none; color: #2a423c; font-weight: bold; }

.navigation_single a:hover{ padding: 3px 5px 3px 5px; margin: 1px 3px 1px 3px; background: #6e212e; color: #ffe9b7; text-decoration: none; }

img.avatar { float: left; margin: 5px; }


  1. footer{

float: left; width: 960px; padding: 10px 0 10px 0; border-top: 5px solid #6e212e; text-align: left; line-height: 24px; background: #fff; }

.tagcloud { background: #6e212e; padding: 10px;

}

.tagcloud_up { background: url(images/tagcloud_up.png) top center no-repeat; width: 960px; height: 10px;

}

.tagcloud_bottom { background: url(images/tagcloud_bottom.png) bottom center no-repeat; width: 960px; height: 10px; }

.tagcloud a{ color: #ffe9b7; margin: 3px ; font-weight: bold; text-decoration: none; }

.tagcloud a:hover{ margin: 3px; color: #e3d185; text-decoration: none; }

  1. footer p{

margin: 0 10px 0 10px; }

  1. footer p a {

font-weight: bold; }

  1. footer p a:hover{

text-decoration: none; }

  1. footer a img {

width: 32px; height: 32px; }

.text1 { 

  position: relative;

}

.text1 h2 { 

  position: absolute;
  margin-left:840px;
  top: 10px;

}

.text1 h2 span { 

  color:#ffe9b7;
  letter-spacing: -1px;
  background: rgb(0, 0, 0); /* fallback color */
  background: rgba(0, 0, 0, 0.7);
  padding: 0px;

}

  1. lasttweet { 
  position: absolute;
  float: left;
  margin-left:60px;
  margin-top: -35px;
  font-size:14px;

}

.text2 { 

  position: relative;

}

.text2 h2 { 

  position: absolute;
  margin-left:620px;
  top: -30px;

}

.text2 h2 span { 

  color:#cddec6;
  letter-spacing: 0px;
  background: rgb(110, 33, 46); /* fallback color */
  background: rgba(110, 33, 46, 0.9);
  padding: 5px;
  font-family: Georgia, Trebuchet, Verdana, Arial;
  font-size:14px;

}

.text2 h2 a{ color: #cddec6; text-decoration:none;

}


.text3 { 

  position: relative;

}

.text3 h2 { 

  position: absolute;
  margin-left:790px;
  top: -30px;

}

.text3 h2 span { 

  color:#cddec6;
  letter-spacing: 0px;
  background: rgb(110, 33, 46); /* fallback color */
  background: rgba(110, 33, 46, 0.9);
  padding: 5px;
  font-family: Georgia, Trebuchet, Verdana, Arial;
  font-size:14px;

}

.text3 h2 a{ color: #cddec6; text-decoration:none;

}

.smallpost { float:left; padding: 10px 10px; width:530px; background: rgb(181, 70, 63); /* fallback color */ 

  	background: rgba(181, 70, 63, 0.9);
  	padding: 5px;

margin:10px; margin-top:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.smallpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.smallpost h2 { font-size: 24px; border:none; padding:10px; color: #671111; text-decoration:none; } .smallpost h2 a { color: #671111; text-decoration:none; }

.smallpost h2 a:hover { color: #671111; text-decoration:underline; }

.smallpost p { padding:10px; }

.imagepost { float:left; padding: 10px 10px; width:300px; margin-left:10px; margin-top:10px;

}

.imagepost img { float:left; width:320px; height:235px; margin-left:-15px;

}

.largepost { float:left; padding: 10px 10px; width:870px; background: rgb(97, 147, 132); /* fallback color */ 

  	background: rgba(97, 147, 132, 0.9);
  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; }


.largepost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.largepost h2 { font-size: 24px; border:none; color: #255748; padding:10px; } .largepost h2 a { color: #255748; text-decoration:none; padding:10px; }

.largepost h2 a:hover { color: #255748; text-decoration:underline; padding:10px; }

.largepost p { padding:10px; }


.leftpost { float:left; padding: 10px 10px; width:420px; background: rgb(73, 64, 83); /* fallback color */ 

  	background: rgba(73, 64, 83, 0.9);
  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.leftpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.leftpost h2 { font-size: 24px; border:none; color: #21182b; padding:10px; } .leftpost h2 a { color: #21182b; text-decoration:none; padding:10px; }

.leftpost h2 a:hover { color: #21182b; text-decoration:underline; padding:10px; }

.leftpost p { padding:10px; }

.rightpost { float:left; padding: 10px 10px; width:420px; background: rgb(73, 64, 83); /* fallback color */ 

  	background: rgba(73, 64, 83, 0.9);
  	padding: 5px;

margin:10px; margin-left:10px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.rightpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.rightpost h2 { font-size: 24px; border:none; color: #21182b; padding:10px; } .rightpost h2 a { color: #21182b; text-decoration:none; padding:10px; }

.rightpost h2 a:hover { color: #21182b; text-decoration:underline; padding:10px; }

.rightpost p { padding:10px; }

.rightimagepost { float:left; padding: 10px 10px; width:420px; 

  	padding: 5px;

margin-left:10px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.rightimagepost img { float:left; width:410px; height:122px;

}

.rightimagepost { float:left; padding: 10px 10px; width:420px; 

  	padding: 5px;

margin-left:10px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.rightimagepost img { float:left; width:410px; height:122px;

}


.leftpost-green { float:left; padding: 10px 10px; width:420px; background: rgb(97, 147, 132); /* fallback color */ 

  	background: rgba(97, 147, 132, 0.9);
  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.leftpost-green h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.leftpost-green h2 { font-size: 24px; border:none; color: #255748; text-decoration:none; padding:10px; } .leftpost-green h2 a { color: #255748; text-decoration:none; padding:10px; }

.leftpost-green h2 a:hover { color: #255748; text-decoration:underline; padding:10px; }

.leftpost-green p { padding:10px; }

.leftpost-red { float:left; padding: 10px 10px; width:420px; background: rgb(181, 70, 63); /* fallback color */ 

  	background: rgba(181, 70, 63, 0.9);
  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.leftpost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.leftpost-red h2 { font-size: 24px; border:none; color: #671111; text-decoration:none; padding:10px; } .leftpost-red h2 a { color: #671111; text-decoration:none; padding:10px; }

.leftpost-red h2 a:hover { color: #671111; text-decoration:underline; padding:10px; }

.leftpost-red p { padding:10px; }


.rightpost-green { float:left; padding: 10px 10px; width:420px; background: rgb(97, 147, 132); /* fallback color */ 

  	background: rgba(97, 147, 132, 0.9);
  	padding: 5px;

margin:10px; margin-left:10px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.rightpost-green h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.rightpost-green h2 { font-size: 24px; border:none; color: #255748; text-decoration:none; padding:10px; } .rightpost-green h2 a { color: #255748; text-decoration:none; padding:10px; }

.rightpost-green h2 a:hover { color: #255748; text-decoration:underline; padding:10px; }

.rightpost-green p { padding:10px; }

.rightpost-red { float:left; padding: 10px 10px; width:420px; background: rgb(181, 70, 63); /* fallback color */ 

  	background: rgba(181, 70, 63, 0.9);
  	padding: 5px;

margin:10px; margin-left:10px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.rightpost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.rightpost-red h2 { font-size: 24px; border:none; color: #671111; text-decoration:none; padding:10px; } .rightpost-red h2 a { color: #671111; text-decoration:none; padding:10px; }

.rightpost-red h2 a:hover { color: #671111; text-decoration:underline; padding:10px; }

.rightpost-red p { padding:10px; }

  1. left {

float:left; width:470px;

}

  1. right {

float:left; width:470px;

}

catLinks { 

    border: none;

}

  1. content {

border:none; border-bottom: 1px #2a423c dotted; }


  1. top-section{

height: 0px; border: 0px; }

  1. menu {

border:0; border-bottom: 5px #6e212e solid; }

  1. menu li {

border:0; }

Retrieved from "http://2011.igem.org/Team:Dundee/style.css"