Team:Dundee/common.css
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
- | |||
body | body | ||
{ | { | ||
- | + | font-family: "Segoe UI Light", | |
- | + | "Segoe UI", | |
- | + | Verdana, | |
- | + | "DejaVu Sans", | |
- | + | "Trebuchet MS", | |
- | font-family: "Segoe UI Light","Segoe UI",Verdana,"DejaVu Sans","Trebuchet MS","Liberation Sans",Tahoma,Candara,"Bitstream Vera Sans",sans-serif; | + | "Liberation Sans", |
+ | Tahoma, | ||
+ | Candara, | ||
+ | "Bitstream Vera Sans", | ||
+ | sans-serif; | ||
+ | background-image: url('https://static.igem.org/mediawiki/igem.org/5/56/Dundee12bg.png'); | ||
+ | background-repeat:repeat; | ||
+ | background-attachment:fixed; | ||
+ | background-color: #CCCCBB; | ||
font-size: 0.8em; | font-size: 0.8em; | ||
} | } | ||
- | + | a | |
{ | { | ||
- | + | color: #002175; | |
} | } | ||
- | + | #bodyContent hr | |
{ | { | ||
- | + | clear: both; | |
+ | height: 5px; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
- | # | + | #bodyContent h1, h2, h3, h4, h5, h6 |
{ | { | ||
- | + | font-weight: bolder; | |
+ | border: 0px; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | color: #002175; | ||
+ | margin-bottom: 0px; | ||
} | } | ||
+ | #bodyContent h1 | ||
+ | { | ||
+ | font-size: 2.8em; | ||
+ | line-height:130%; | ||
+ | } | ||
- | # | + | #bodyContent h2 |
{ | { | ||
- | + | font-size: 1.1em; | |
} | } | ||
- | # | + | #bodyContent h3 |
{ | { | ||
- | + | font-size: 1.0em; | |
} | } | ||
- | + | #top-section | |
{ | { | ||
- | + | background-image: url('https://static.igem.org/mediawiki/2012/d/d9/Dundee12bannerbg.png'); | |
- | + | height: 276px; | |
+ | border: 1px solid #777777; | ||
+ | border-top: 0px; | ||
} | } | ||
- | + | .firstHeading | |
- | + | { | |
- | + | display: none; | |
+ | } | ||
- | # | + | #headerText |
{ | { | ||
- | + | color: #FFFFFF; | |
- | + | font-weight: bolder; | |
- | + | position: absolute; | |
- | + | left: 30px; | |
- | + | top: -220px; | |
- | + | width: 200px; | |
} | } | ||
- | # | + | #menuDiv |
{ | { | ||
- | + | position: absolute; | |
- | + | background-color: #6666FF; | |
width: 975px; | width: 975px; | ||
- | height: | + | height: 30px; |
- | + | border: 0px; | |
- | + | left: -0px; | |
- | + | top: -1px; | |
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-weight: bolder; | ||
+ | display: block; | ||
+ | z-index:100; | ||
} | } | ||
- | # | + | #menuDiv ul |
+ | { | ||
+ | list-style: none; | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #menuDiv ul li | ||
{ | { | ||
- | |||
- | |||
- | |||
- | |||
- | |||
position: relative; | position: relative; | ||
- | width: | + | width: 100px; |
+ | top: -5px; | ||
+ | height: 25px; | ||
+ | float: left; | ||
+ | display: block; | ||
+ | vertical-align: center; | ||
+ | margin-bottom: 0px; | ||
+ | text-align: center; | ||
} | } | ||
- | # | + | #menuDiv ul li a |
{ | { | ||
- | + | ||
- | + | color: #FFFFFF; | |
- | + | text-decoration: none; | |
- | + | white-space: nowrap; | |
- | + | display: block; | |
- | + | height: 100%; | |
- | + | padding: 5px 10px 0px 10px; | |
+ | font-size: 0.9em; | ||
+ | width: 100px; | ||
} | } | ||
- | # | + | #menuDiv ul li a:hover |
{ | { | ||
- | + | background: #C7C7FF; | |
- | + | color: #6666FF; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | #content | ||
+ | { | ||
+ | border: 1px solid #777777; | ||
+ | border-top: 0px; | ||
+ | } | ||
+ | #mainContent | ||
+ | { | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #p-logo | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
- | + | #catlinks | |
+ | { | ||
+ | display: none; | ||
+ | } | ||
- | + | #footer-box | |
{ | { | ||
- | + | display: none; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .box |
- | { | + | { |
- | + | position: relative; | |
+ | display: inline-block; | ||
+ | border-radius: 10px; | ||
+ | padding: 1%; | ||
+ | -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: #E5E5E5 #BBBBBB #BBBBBB #E5E5E5; | ||
+ | border-style: solid; | ||
+ | border-width: 1px 3px 3px 1px; | ||
+ | width: 95%; | ||
+ | margin-bottom: 20px; | ||
+ | font-size:90%; | ||
+ | text-align: justify; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | |||
+ | .red | ||
+ | { | ||
+ | background-color: #FFC0BD; | ||
+ | } | ||
+ | |||
+ | .blue | ||
+ | { | ||
+ | background-color: #C7C7FF; | ||
+ | } | ||
+ | |||
+ | .green | ||
+ | { | ||
+ | background-color: #CAFFBF; | ||
} | } | ||
- | . | + | .yellow |
{ | { | ||
- | + | background-color: #FBFFBD; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 148: | Line 211: | ||
.full | .full | ||
{ | { | ||
- | width: | + | width: 900px; |
font-size 1.2em; | font-size 1.2em; | ||
} | } | ||
- | . | + | .left |
{ | { | ||
- | + | float: left; | |
} | } | ||
- | . | + | .right |
{ | { | ||
- | + | float: right; | |
} | } | ||
- | . | + | .centre |
{ | { | ||
- | + | margin-left: 20px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .icon |
{ | { | ||
- | + | width:45px; | |
- | + | height: 45px; | |
+ | padding: 5px; | ||
} | } | ||
- | + | #logo | |
{ | { | ||
- | + | position: absolute; | |
- | + | height: 115px; | |
+ | top: -150px; | ||
+ | text-align: right; | ||
+ | width: 965px; | ||
+ | margin 0 auto 0 auto; | ||
+ | z-index: 110; | ||
} | } | ||
- | . | + | .pic |
{ | { | ||
- | + | width: 150px; | |
- | + | border-width: 2px; | |
- | text-align: | + | border-color: #2222DD; |
- | + | border-style: solid; | |
+ | margin-right: 5px; | ||
+ | text-align: top; | ||
+ | float: left; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.clearfix:after | .clearfix:after | ||
Line 224: | Line 284: | ||
} | } | ||
- | + | .sponsorCol | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
{ | { | ||
- | + | width: 280px; | |
- | + | float:left; | |
- | + | text-align: justify; | |
- | + | padding: 10px 5px 10px 5px; | |
- | + | font-size: 0.9em; | |
- | + | border-radius: 10px; | |
- | + | -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: #E5E5E5 #BBBBBB #BBBBBB #E5E5E5; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | float: left; | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | font-size: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | border-color: | + | |
border-style: solid; | border-style: solid; | ||
- | border-width: | + | border-width: 1px 3px 3px 1px; |
- | + | margin-left: 20px; | |
- | + | margin-bottom:20px; | |
- | + | ||
- | margin- | + | |
} | } | ||
- | + | .sponsorCol img | |
- | + | ||
- | + | ||
{ | { | ||
- | |||
- | |||
- | |||
- | |||
- | |||
display: block; | display: block; | ||
- | - | + | margin-left: auto; |
- | + | margin-right: auto; | |
- | + | z-index:100; | |
- | + | ||
} | } | ||
- | + | .caption | |
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
- | + | width: 440px; | |
- | + | font-size: 0.8em; | |
- | + | line-height: 120%; | |
- | + | text-align: center; | |
- | + | ||
- | + | ||
- | + | ||
- | text-align: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } |
Revision as of 12:33, 24 July 2012
body {
font-family: "Segoe UI Light", "Segoe UI", Verdana, "DejaVu Sans", "Trebuchet MS", "Liberation Sans", Tahoma, Candara, "Bitstream Vera Sans", sans-serif; background-image: url('https://static.igem.org/mediawiki/igem.org/5/56/Dundee12bg.png'); background-repeat:repeat; background-attachment:fixed; background-color: #CCCCBB; font-size: 0.8em;
}
a {
color: #002175;
}
- bodyContent hr
{
clear: both; height: 5px; margin-top: 20px; margin-bottom: 20px;
}
- bodyContent h1, h2, h3, h4, h5, h6
{
font-weight: bolder; border: 0px; margin: 0px; padding: 0px; color: #002175; margin-bottom: 0px;
}
- bodyContent h1
{
font-size: 2.8em; line-height:130%;
}
- bodyContent h2
{
font-size: 1.1em;
}
- bodyContent h3
{
font-size: 1.0em;
}
- top-section
{
background-image: url('https://static.igem.org/mediawiki/2012/d/d9/Dundee12bannerbg.png'); height: 276px; border: 1px solid #777777; border-top: 0px;
}
.firstHeading {
display: none;
}
- headerText
{
color: #FFFFFF; font-weight: bolder; position: absolute; left: 30px; top: -220px; width: 200px;
}
- menuDiv
{
position: absolute; background-color: #6666FF; width: 975px; height: 30px; border: 0px; left: -0px; top: -1px; margin-left: auto; margin-right: auto; font-weight: bolder; display: block; z-index:100;
}
- menuDiv ul
{
list-style: none; text-align: center; display: block;
}
- menuDiv ul li
{
position: relative; width: 100px; top: -5px; height: 25px; float: left; display: block; vertical-align: center; margin-bottom: 0px; text-align: center;
}
- menuDiv ul li a
{
color: #FFFFFF; text-decoration: none; white-space: nowrap; display: block; height: 100%; padding: 5px 10px 0px 10px; font-size: 0.9em; width: 100px;
}
- menuDiv ul li a:hover
{
background: #C7C7FF; color: #6666FF;
}
- content
{
border: 1px solid #777777; border-top: 0px;
}
- mainContent
{
margin-top:50px;
}
- p-logo
{
display: none;
}
- catlinks
{
display: none;
}
- footer-box
{
display: none;
}
.box {
position: relative; display: inline-block; border-radius: 10px; padding: 1%; -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: #E5E5E5 #BBBBBB #BBBBBB #E5E5E5; border-style: solid; border-width: 1px 3px 3px 1px; width: 95%; margin-bottom: 20px; font-size:90%; text-align: justify; line-height: 1.3em;
}
.red {
background-color: #FFC0BD;
}
.blue {
background-color: #C7C7FF;
}
.green {
background-color: #CAFFBF;
}
.yellow {
background-color: #FBFFBD;
}
.half {
width: 440px; font-size 1.2em;
}
.full {
width: 900px; font-size 1.2em;
}
.left {
float: left;
}
.right {
float: right;
}
.centre {
margin-left: 20px;
}
.icon {
width:45px; height: 45px; padding: 5px;
}
- logo
{
position: absolute; height: 115px; top: -150px; text-align: right; width: 965px; margin 0 auto 0 auto; z-index: 110;
}
.pic {
width: 150px; border-width: 2px; border-color: #2222DD; border-style: solid; margin-right: 5px; text-align: top; float: left;
}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
- html .clearfix
{ height: 1%; }
.sponsorCol {
width: 280px; float:left; text-align: justify; padding: 10px 5px 10px 5px; font-size: 0.9em; border-radius: 10px; -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: #E5E5E5 #BBBBBB #BBBBBB #E5E5E5; border-style: solid; border-width: 1px 3px 3px 1px; margin-left: 20px; margin-bottom:20px;
}
.sponsorCol img {
display: block; margin-left: auto; margin-right: auto; z-index:100;
}
.caption {
width: 440px; font-size: 0.8em; line-height: 120%; text-align: center;
}