Team:NYC Software/Templates/css
From 2011.igem.org
(Difference between revisions)
Line 22: | Line 22: | ||
</style> | </style> | ||
</html> | </html> | ||
+ | |||
+ | body{background:#191f46;} | ||
+ | |||
+ | div.thumb { | ||
+ | border:none; | ||
+ | } | ||
+ | div.thumb div{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | div.thumb div a{ | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | #bodyContent{ | ||
+ | position:relative; | ||
+ | width:970px; | ||
+ | font-family: "Lucida Sans Unicode", "Lucida Grande", Nobile, Verdana, Arial, Helvetica, sans-serif; | ||
+ | color:#323232; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2010/0/0a/Cam-Repeat.png'); | ||
+ | |||
+ | } | ||
+ | #bodyContent a{ | ||
+ | color:#73a631; | ||
+ | } | ||
+ | h1,h2,h3,h4,h5,h6{ | ||
+ | color:#424242; | ||
+ | } | ||
+ | #paddedcontent{padding:20px;} | ||
+ | #wrap { | ||
+ | position:relative; | ||
+ | top:-15px; | ||
+ | width:965px; | ||
+ | } | ||
+ | #header {} | ||
+ | #left { | ||
+ | float:left; | ||
+ | width:200px; | ||
+ | padding:10px; | ||
+ | background-color:#ddd; | ||
+ | border-top:solid 5px #fff; | ||
+ | } | ||
+ | .tophome{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .secheader{ | ||
+ | height:50px; | ||
+ | color:#ffffff; | ||
+ | padding-left:10px; | ||
+ | padding-top:15px; | ||
+ | font-size:2.0em; | ||
+ | text-align:left; | ||
+ | overflow:auto; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png'); | ||
+ | } | ||
+ | |||
+ | .contwrap{ | ||
+ | text-align:justify; | ||
+ | background:#f8f8f8; | ||
+ | color:#333333; | ||
+ | width:720px; | ||
+ | padding-left:10px; | ||
+ | padding-top:5px; | ||
+ | padding-right:10px; | ||
+ | padding-bottom:20px; | ||
+ | margin-top:5px; | ||
+ | margin-bottom:none; | ||
+ | } | ||
+ | |||
+ | #left ul{ | ||
+ | list-style:none; | ||
+ | overflow:hidden; | ||
+ | padding-left:0px; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | #left ul li{ | ||
+ | margin-bottom:8px; | ||
+ | position:relative; | ||
+ | padding-top:4px; | ||
+ | padding-bottom:0px; | ||
+ | padding:none; | ||
+ | font-family:verdana, Nobile; | ||
+ | } | ||
+ | #left ul.llmenu li{ | ||
+ | padding-left:10px; | ||
+ | } | ||
+ | #left ul li.backLava{ | ||
+ | background-color:#eeeeee; | ||
+ | border-left:solid; | ||
+ | border-color:#96d446; | ||
+ | border-width:5px; | ||
+ | height:23px; | ||
+ | } | ||
+ | |||
+ | #left ul.llmenugreen li{ | ||
+ | border-color:#96d446; | ||
+ | } | ||
+ | |||
+ | #left ul.llmenublue li{ | ||
+ | border-color:#386abc; | ||
+ | } | ||
+ | |||
+ | #left ul.llmenured li{ | ||
+ | border-color:#fb5c2b; | ||
+ | } | ||
+ | |||
+ | #left ul.llmenuyellow li{ | ||
+ | border-color:#fad72a; | ||
+ | } | ||
+ | |||
+ | #left a{ | ||
+ | color:#555; | ||
+ | font-size:15px; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none; | ||
+ | outline:none; | ||
+ | display:block; | ||
+ | width:200px; | ||
+ | } | ||
+ | |||
+ | #left a:hover { | ||
+ | color:#181818; | ||
+ | } | ||
+ | |||
+ | |||
+ | #left a.hello{ | ||
+ | display:inline; | ||
+ | } | ||
+ | h2 { | ||
+ | margin:0 0 1em; | ||
+ | } | ||
+ | |||
+ | #right{ | ||
+ | float:right; | ||
+ | width:735px; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | padding-top:5px; | ||
+ | //padding-bottom:5px; | ||
+ | margin-bottom:-15px; | ||
+ | background:#fff; | ||
+ | text-align:justify; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | #camfooter { | ||
+ | clear:both; | ||
+ | height:0px; | ||
+ | background:white; | ||
+ | } | ||
+ | #camfooter p { | ||
+ | margin:0; | ||
+ | } | ||
+ | * html #camfooter { | ||
+ | height:1px; | ||
+ | } | ||
+ | h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Wiki Hacks - START */ | ||
+ | /* Author: Pieter van Boheemen */ | ||
+ | /* Team: TU Delft */ | ||
+ | /* Thanks guys - Bill Collins */ | ||
+ | |||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | padding-bottom:0px; | ||
+ | border: none; | ||
+ | } | ||
+ | #content { | ||
+ | background-color: white; | ||
+ | border:none; | ||
+ | padding-bottom:none; | ||
+ | margin-bottom:none; | ||
+ | } | ||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | } | ||
+ | #top-section { | ||
+ | height: 14px; | ||
+ | margin-top: -14px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0 !important; | ||
+ | margin-bottom: 10px; | ||
+ | padding:0; | ||
+ | border: none; | ||
+ | } | ||
+ | #p-logo { | ||
+ | height:1px; | ||
+ | overflow:hidden; | ||
+ | border:none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | right: 40px; | ||
+ | } | ||
+ | .left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} | ||
+ | .left-menu ul { border: none; } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-62px; | ||
+ | padding-left:50px; | ||
+ | border: none; | ||
+ | right:50px; | ||
+ | } | ||
+ | .right-menu ul { border: none;} | ||
+ | |||
+ | #menubar li a{ | ||
+ | color:#73a631; | ||
+ | } | ||
+ | |||
+ | #menubar li a:hover { | ||
+ | color:#73a631; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | #menubar li.selected a { | ||
+ | color:#555555; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color: white; | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom:none; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | } | ||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background-color:white; | ||
+ | } .firstHeading { display: none;} | ||
+ | #f-list a { | ||
+ | color: #333; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | #f-list a:hover { | ||
+ | color: #666; | ||
+ | } | ||
+ | #footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #footer ul li { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Wiki Hacks - END */ |
Revision as of 00:58, 20 July 2011
body{background:#191f46;}
div.thumb {
border:none; }
div.thumb div{
background-color:transparent; border:none;
}
div.thumb div a{
border:none;
}
- bodyContent{
position:relative; width:970px; font-family: "Lucida Sans Unicode", "Lucida Grande", Nobile, Verdana, Arial, Helvetica, sans-serif; color:#323232; background-image:url('https://static.igem.org/mediawiki/2010/0/0a/Cam-Repeat.png'); }
- bodyContent a{
color:#73a631; }
h1,h2,h3,h4,h5,h6{
color:#424242;
}
- paddedcontent{padding:20px;}
- wrap {
position:relative; top:-15px; width:965px; }
- header {}
- left {
float:left; width:200px; padding:10px; background-color:#ddd; border-top:solid 5px #fff; }
.tophome{
text-align:center; }
.secheader{
height:50px; color:#ffffff; padding-left:10px; padding-top:15px; font-size:2.0em; text-align:left; overflow:auto; background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');
}
.contwrap{
text-align:justify; background:#f8f8f8; color:#333333; width:720px; padding-left:10px; padding-top:5px; padding-right:10px; padding-bottom:20px; margin-top:5px; margin-bottom:none;
}
- left ul{
list-style:none; overflow:hidden; padding-left:0px; margin-left:10px; }
- left ul li{
margin-bottom:8px; position:relative; padding-top:4px; padding-bottom:0px; padding:none; font-family:verdana, Nobile; }
- left ul.llmenu li{
padding-left:10px;
}
- left ul li.backLava{
background-color:#eeeeee; border-left:solid; border-color:#96d446; border-width:5px;
height:23px;
}
- left ul.llmenugreen li{
border-color:#96d446;
}
- left ul.llmenublue li{
border-color:#386abc;
}
- left ul.llmenured li{
border-color:#fb5c2b;
}
- left ul.llmenuyellow li{
border-color:#fad72a;
}
- left a{
color:#555; font-size:15px; font-weight:bold; text-decoration:none; outline:none; display:block; width:200px; }
- left a:hover {
color:#181818;
}
- left a.hello{
display:inline;
} h2 {
margin:0 0 1em; }
- right{
float:right; width:735px; padding-left:5px; padding-right:5px; padding-top:5px; //padding-bottom:5px; margin-bottom:-15px; background:#fff; text-align:justify; height:100%; }
- camfooter {
clear:both; height:0px; background:white; }
- camfooter p {
margin:0; }
- html #camfooter {
height:1px; }
h1.firstHeading {
display: none; }
/* Wiki Hacks - START */ /* Author: Pieter van Boheemen */ /* Team: TU Delft */ /* Thanks guys - Bill Collins */
- globalWrapper {
background-color: transparent; padding-bottom:0px; border: none; }
- content {
background-color: white; border:none; padding-bottom:none; margin-bottom:none; }
- bodyContent {
border: none; }
- top-section {
height: 14px; margin-top: -14px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none; }
- p-logo {
height:1px; overflow:hidden; border:none; }
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 100px; right: 40px; }
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} .left-menu ul { border: none; }
- menubar.right-menu {
width:300px; display:block; float:left; margin-top:-62px; padding-left:50px; border: none; right:50px; }
.right-menu ul { border: none;}
- menubar li a{
color:#73a631;
}
- menubar li a:hover {
color:#73a631; text-decoration:underline;
}
- menubar li.selected a {
color:#555555;
}
- footer-box {
background-color: white; border: none; width: 965px; margin: 0 auto; margin-bottom:none; padding-left:5px; padding-right:5px; }
- footer {
border: none; width: 965px; margin: 0; padding: 0; background-color:white; } .firstHeading { display: none;}
- f-list a {
color: #333; font-size: 10px; }
- f-list a:hover {
color: #666; }
- footer ul {
margin: 0; padding: 0; }
- footer ul li {
margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0; }
/* Wiki Hacks - END */