Team:Dundee/style.css
From 2011.igem.org
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: 12px; text-align: center; vertical-align: top; background: #000; color: #2a423c;
}
h1,h2,h3,h4,h5,h6{ font-size: 16px; font-weight: bold; }
a { text-decoration: underline;
color : #ffffff;
}
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; }
- wrapper{
width: 960px; margin: 0 auto; text-align: left; background: #fff;
}
- header{
width: 960px; height: 180px; margin: 0; padding: 0;
background: black;
background-image:url()
}
- header h1 {
margin: 0px 0 0 30px; padding: 30px 0 0 0; }
- header h1 a{
margin: 10px 0 30px 0; color: #ffe9b7; font-size: 42px; text-decoration: none; font-weight: bold; padding: 10px; background: rgb(0, 0, 0); /* fallback color */
background: rgba(0, 0, 0, 0.7);
}
- header h2 {
font-size: 22px; color: #ffe9b7; margin: 0px 0 0 30px; font-weight: normal; text-transform: normal; letter-spacing: -2px; }
- menu {
width: 960px; height: 45px; border-bottom: 5px #6e212e solid; background: #fff;
padding-bottom: 5px;
}
- menu ul{
margin: 5px auto; padding: 0 0 0 0px; list-style: none; list-style-type: none; font-size: 13px;
margin-left:20px;
}
- menu ul li{
float: left; margin: 5px 3px 5px 3px; font-size: 13px; border: 5px #fff solid; background: #b5463f;
letter-spacing:1px; padding: 0 0 0 0px;
}
- menu ul li a{
display: block; padding: 3px 7px 1px 12px; text-decoration: none; color: #cddec6; font-weight: bold;
}
- menu ul li a:hover{
background: #6e212e; }
- menu ul li.current_page_item{
float: left; margin: 5px 3px 5px 3px; font-size: 13px;
background: #6e212e; }
- container {
float: left; width: 960px; margin-top: 0px; background: #fff;
}
- content {
float:left;
width: 960px; margin-right: 0px; 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; }
- footer{
float: left; width: 960px; padding: 10px 0 10px 0; border-top: 5px solid #6e212e; text-align: left; line-height: 24px; background: #fff;
height: 20px;
}
.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; }
- footer p{
margin: 0 10px 0 10px; }
- footer p a {
font-weight: bold; }
- footer p a:hover{
text-decoration: none; }
- 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;
}
- lasttweet {
position: absolute; float: left; margin-left:60px; margin-top: -35px; font-size:12px; font-family: Arial; font-weight:bold; color:#6f212f;
}
.text2 {
position: relative;
}
.text2 h2 {
position: absolute; margin-left:10px; top: 2px;
}
.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:150px; top: 2px;
}
.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:420px; 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;
text-align:justify;
}
.smallpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }
.smallpost h2 { font-size: 22px; border:none; padding:5px; color: #671111; font-weight:bold; } .smallpost h2 a { color: #671111; font-weight:bold;
font-size: 22px;
}
.smallpost h2 a:hover { color: #671111; text-decoration:underline;
}
.smallpost p { padding: 5px; font-size:14px; }
.imagepost { float:left; padding: 10px 10px; width:420px; margin-left:10px; margin-top:10px;
}
.imagepost img { float:left; width:420px; margin-left:-15px;
}
.imagepost p { font-size:14px; color: #671111; }
.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; text-align:justify; }
.largepost h2, .entry h3, .entry h4, .entry h5, .entry h6 {
padding: 5px 0 5px;
}
.largepost h2 { font-size: 22px; border:none;
color: #255748; padding:5px; font-weight:bold;
} .largepost h2 a { color: #255748; text-decoration:none;
font-weight:bold; font-size: 22px;
}
.largepost h2 a:hover { color: #255748; text-decoration:underline; }
.largepost h3 {
font-size: 16px;
border:none;
padding:0px; padding-left:5px; font-weight:bold; color:#FFFFFF;
} .largepost h3 a { color:#FFFFFF; text-decoration:none;
font-weight:bold; font-size: 16px;
}
.largepost h3 a:hover { text-decoration:underline;
color:#FFFFFF;
}
.largepost p { padding: 5px; font-size:14px; }
.largepost p a { padding: 5px; font-size:14px; color:#FFFFFF; font-weight:bold }
.largepost p a:hover { text-decoration:underline; color:#FFFFFF; font-weight:bold }
.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; text-align:justify; }
.leftpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }
.leftpost h2 { font-size: 22px; border:none; color: #21182b; padding:5px;
font-weight:bold;
} .leftpost h2 a { color: #21182b; text-decoration:none;
font-weight:bold; font-size: 22px;
}
.leftpost h2 a:hover { color: #21182b; text-decoration:underline; }
.leftpost p { padding:5px; font-size:14px; }
.leftpost p a { font-size:14px; color: #ffffff; text-decoration:underline; }
.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; text-align:justify; }
.rightpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }
.rightpost h2 { font-size: 22px; border:none; color: #21182b; padding:5px;
font-weight:bold;
} .rightpost h2 a { color: #21182b; text-decoration:none;
font-weight:bold; font-size: 22px;
}
.rightpost h2 a:hover { color: #21182b; text-decoration:underline; }
.rightpost p { padding:5px; font-size:14px; }
.rightimagepost { float:right; padding: 10px 10px; width:420px;
padding: 5px;
margin-right:50px; line-height: 20px; color:#FFFFFF; font-family: Arial; }
.rightimagepost img { float:right; width:410px; height:200px;
}
.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; text-align:justify; }
.leftpost-green h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }
.leftpost-green h2 { font-size: 24px; border:none; color: #255748; text-decoration:none; padding:5px; } .leftpost-green h2 a { color: #255748; text-decoration:none; }
.leftpost-green h2 a:hover { color: #255748; text-decoration:underline; }
.leftpost-green p { padding:5px; font-size:14px; }
.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; text-align:justify; }
.leftpost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }
.leftpost-red h2 { font-size: 24px; border:none; color: #671111; text-decoration:none; padding:5px; } .leftpost-red h2 a { color: #671111; text-decoration:none; }
.leftpost-red h2 a:hover { color: #671111; text-decoration:underline; }
.leftpost-red p { padding:5px; font-size:14px; }
.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; text-align:justify; }
.rightpost-green h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }
.rightpost-green h2 { font-size: 24px; border:none; color: #255748; text-decoration:none; padding:5px; } .rightpost-green h2 a { color: #255748; text-decoration:none; }
.rightpost-green h2 a:hover { color: #255748; text-decoration:underline; }
.rightpost-green p { padding:5px; font-size:14px; }
.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; text-align:justify; }
.rightpost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }
.rightpost-red h2 { font-size: 24px; border:none; color: #671111; text-decoration:none; padding:5px; } .rightpost-red h2 a { color: #671111; text-decoration:none; }
.rightpost-red h2 a:hover { color: #671111; text-decoration:underline; }
.rightpost-red p { padding:5px; font-size:14px; }
- left {
float:left; width:470px;
}
- right {
float:left; width:470px;
}
catLinks {
border: none;
}
- content {
border:none; border-bottom: 1px #2a423c dotted; padding:0px; margin:none; }
- top-section{
font-size:16px; border:none; margin-top:0px; margin-bottom:0px; height:15px;
}
- menu {
border:0; border-bottom: 5px #6e212e solid; }
- menu li {
border:0; }
- wrapper {
padding:0; }
body{ width:100%; margin:0 auto; }
- globalWrapper {
width: 960px; padding: 0; margin: 0 auto; }
.largepost2 { float:left; padding: 10px 10px; width:870px;
padding: 5px;
margin:10px; margin-left:30px; line-height: 20px; color:#000000; font-family: Arial; }
.largepost2 h2, .entry h3, .entry h4, .entry h5, .entry h6 {
padding: 5px 0 5px;
}
.largepost2 h2 { font-size: 22px; border:none;
color: #671111; padding:5px; font-weight:bold;
} .largepost2 h2 a { color: #671111; text-decoration:none;
font-weight:bold; font-size: 22px;
}
.largepost2 h2 a:hover { color: #671111; text-decoration:underline; }
.largepost2 h3 { font-size: 18px; border:none;
color: #000000; padding:5px; font-weight:bold;
}
.largepost2 p {
padding: 5px;
font-size:14px;
text-align:justify;
color:#000000;
}
largepost2 p a { padding: 5px; font-size:14px; color:#000000; font-weight:bold }
.largepost2 p a:hover { color:#000000; font-weight:bold; }
.largepost2 p a:visited{ color:#000000; font-weight:bold; }
.largeimagepost { width:960px; }
.largeimagepost img { width:840px;
margin-left:90px;
height:483px;
}
- pt-log{
background:black; color: #ffe9b7; }
- menubar{
background:black; color: #ffe9b7; margin-top:5px; }
- menubar ul{
margin-top:5px; background:black; color: #ffe9b7; }
.right-menu ul li a { background:black; color: #ffe9b7; }
.left-menu ul li a { background:black; color: #ffe9b7; }
.largepost3 { float:left; padding: 10px 10px; width:870px;
padding: 5px;
margin:10px; margin-left:90px; line-height: 20px; color:#000000; font-family: Arial; }
- rightContent {
float:left; width: 290px; margin: 5px; margin-top:50px; padding:0px 10px 10px 0px; font-size: 14px
}
- rightContent h1 {
font-size:1.7em; color:#4a3242; margin-left:5px; }
- rightContent p {
font-size: 14px color:#000000; margin:5px; font-family: Arial; text-align:justify; }
- rightContent img {
width: 280px; margin-top: 120px; margin: 5px; }
- leftContent {
float:left; width: 290px; margin: 5px; margin-top:50px; margin-left:25px; padding:0px 10px 10px 0px; font-size: 14px }
- leftContent h1 {
font-size:1.7em; color:#4a3242; margin-left:5px; }
- leftContent img {
width: 280px; margin-top: 120px; margin: 5px; }
- leftContent p {
font-size: 14px color:#000000; margin:5px; font-family: Arial; text-align:justify; }
- middleContent {
float:left; width: 290px; margin: 5px; margin-top:50px; padding:0px 10px 10px 0px; font-size: 14px }
- middleContent h1 {
font-size:1.7em; color:#4a3242; margin-left:5px; }
- middleContent p {
font-size: 14px; color:#000000; margin:5px; font-family: Arial; text-align:justify; }
- middleContent img {
width: 280px; margin-top: 120px; margin: 5px; }
.leftimagepost { position:absolute; float:left; padding: 10px 10px; width:420px;
padding: 5px;
margin-left:20px; line-height: 20px; color:black; font-family: Arial;
margin-top:930px;
}
.leftimagepost img { float:left; width:150px; height:115px; }
.leftimagepost p { font-family: Arial;
color:#6f212f;
font-size: 16px; position: absolute;
}
.igemtext {
position: relative;
}
.igemtext h2 {
position: absolute; margin-left:170px; margin-top:500px; top: 10px;
}
.igemtext h2 span {
letter-spacing: -1px; padding: 0px; font-size:18px; font-family: Arial; font-weight:bold; color:#6f212f;
}
.largepost-red { float:left; padding: 10px 10px; width:870px; 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;
text-align:justify;
}
.largepost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }
.largepost-red h2 { font-size: 22px; border:none; padding:5px; color: #671111; font-weight:bold; } .largepost-red h2 a { color: #671111; font-weight:bold;
font-size: 22px;
}
.largepost-red h2 a:hover { color: #671111; text-decoration:underline;
}
.largepost-red p { padding: 5px; font-size:14px; }