Team:EPF-Lausanne/Templates/thecss
From 2011.igem.org
(164 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | /* ----------------------- | |
- | + | BODY STYLE | |
+ | ----------------------- */ | ||
+ | |||
+ | h1 { | ||
+ | font-family: 'Raleway', sans; | ||
+ | font-weight: normal; | ||
+ | font-size: 22pt; | ||
} | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: 'Raleway', sans; | ||
+ | font-weight: normal; | ||
+ | font-size: 16pt; | ||
+ | clear: both; /* Place below any remaining floats */ | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-family: 'Raleway', sans; | ||
+ | font-weight: normal; | ||
+ | clear: left; /* don't place a title to the right of a float */ | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-family: 'Raleway', sans; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | /* font-size: 11pt; */ | ||
+ | text-align: justify; | ||
+ | /* color: #FF3366; (fuchsia) */ | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2011/c/c1/EPFL-background-plasmids.png"); | ||
+ | font-family: Helvetica, Nimbus Sans L, Arial, sans-serif; | ||
+ | /* color: #FF3366; (fuchsia) */ | ||
+ | |||
+ | } | ||
+ | |||
+ | #right a { | ||
+ | /* color: #006633; */ | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | width: 60%; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | .backlink { | ||
+ | color: #808080 | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | list-style-type: disc; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | /* ----------------------- | ||
+ | TABLE STYLE | ||
+ | (in body text) | ||
+ | ----------------------- */ | ||
+ | |||
+ | table.center { | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | table.left { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | table.right { | ||
+ | display: block; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #right table { | ||
+ | border-bottom: solid 1px black; | ||
+ | margin: auto; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | |||
+ | table#toc, table.toc { /* I still want the little "Table of Contents" to stay left */ | ||
+ | margin: 1em; | ||
+ | border-bottom: 1px solid #AAA; /* undo harm done to TOC border */ | ||
+ | } | ||
+ | |||
+ | #right th { | ||
+ | border-top: solid 1px black; | ||
+ | border-bottom: solid 1px black; | ||
+ | font-weight: bold; | ||
+ | padding: 0.2em 1em; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #right td { | ||
+ | padding: 0em 1em; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #right caption { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | table.thankstable { | ||
+ | border-bottom: solid 0px black; | ||
+ | } | ||
+ | |||
+ | .thankstable tr { | ||
+ | margin: 40px; | ||
+ | } | ||
+ | |||
+ | /* ----------------------- | ||
+ | FRONT PAGE | ||
+ | ----------------------- */ | ||
+ | |||
+ | #twitter-widget { | ||
+ | /* float: right; --- leaving this for the moment; let's fiddle later */ | ||
+ | } | ||
+ | |||
+ | .frontpagebox { | ||
+ | font-size: 110%; | ||
+ | margin-top: 20px; | ||
+ | -webkit-border-radius: 7px; | ||
+ | -moz-border-radius: 7px; | ||
+ | } | ||
+ | |||
+ | .frontpagebox ol { | ||
+ | align: justify; | ||
+ | } | ||
+ | |||
+ | .frontpagebox a { | ||
+ | color: #006633; | ||
+ | } | ||
+ | |||
+ | .odd { | ||
+ | padding: 20px; | ||
+ | width: 95%; | ||
+ | background-color: #e1f6c9; | ||
+ | } | ||
+ | |||
+ | .even { | ||
+ | padding: 20px; | ||
+ | width: 95%; | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | .frontpagebox h2 { | ||
+ | font-family: Helvetica, Nimbus Sans L, Arial, sans-serif; | ||
+ | text-weight: bold; | ||
+ | border-bottom: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* ----------------------- | ||
+ | SPECIFICS | ||
+ | ----------------------- */ | ||
+ | |||
+ | /* Add some spacing between the pictures of sponsors */ | ||
+ | span.sponsorpics img { | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | #picasaStream img { | ||
+ | border: 1px solid #000; margin: 0 5px 5px 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ----------------------- | ||
+ | MENU STYLE | ||
+ | ----------------------- */ | ||
#left { | #left { | ||
float:left; | float:left; | ||
width:200px; | width:200px; | ||
+ | margin-right: 20px; | ||
padding:10px; | padding:10px; | ||
- | background-color:#ddd; | + | /* background-color:#ddd; */ |
border-top:solid 5px #fff; | border-top:solid 5px #fff; | ||
+ | border-right: solid 0.5px #fff; | ||
} | } | ||
Line 23: | Line 195: | ||
padding-bottom:0px; | padding-bottom:0px; | ||
padding:none; | padding:none; | ||
- | font-family:verdana, Nobile; | + | /* font-family:verdana, Nobile; */ |
} | } | ||
#left ul.llmenu li{ | #left ul.llmenu li{ | ||
Line 69: | Line 241: | ||
#left a.hello{ | #left a.hello{ | ||
display:inline; | display:inline; | ||
+ | } | ||
+ | |||
+ | #right { | ||
+ | display: block; | ||
+ | float: right; | ||
+ | width: 700px; | ||
+ | margin-right: 20px; | ||
} | } | ||
Line 76: | Line 255: | ||
/* Thanks guys - Bill Collins */ | /* Thanks guys - Bill Collins */ | ||
/* +1 - Douglas Watson */ | /* +1 - Douglas Watson */ | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
#globalWrapper { | #globalWrapper { | ||
Line 95: | Line 278: | ||
#top-section { | #top-section { | ||
- | height: | + | height: 203px; |
- | margin-top: | + | margin-top: 0 px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
- | + | /* margin-bottom: 10px; */ | |
padding:0; | padding:0; | ||
border: none; | border: none; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2011/e/e5/EPFL-2011-banner.png"); | ||
} | } | ||
- | + | #p-logo { | |
- | height: | + | height: 203px; |
overflow:hidden; | overflow:hidden; | ||
border:none; | border:none; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #p-logo img { | ||
+ | display: none; | ||
} | } | ||
Line 118: | Line 307: | ||
top: 100px; | top: 100px; | ||
right: 40px; | right: 40px; | ||
- | } | + | } |
.left-menu { | .left-menu { | ||
- | width: | + | width: 410px; |
display: block; | display: block; | ||
+ | margin-top: 5px; | ||
float: left; | float: left; | ||
- | |||
margin-right: 30px; | margin-right: 30px; | ||
- | border: none | + | border: none |
left: 20px; | left: 20px; | ||
} | } | ||
- | .left-menu ul { border: none; } | + | .left-menu ul { |
+ | border: none; | ||
+ | height: 100% | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | line-height: 2em; | ||
+ | } | ||
+ | |||
#menubar.right-menu { | #menubar.right-menu { | ||
width:300px; | width:300px; | ||
+ | height: 100%; | ||
display:block; | display:block; | ||
float:left; | float:left; | ||
- | margin-top: | + | margin-top: 5px; |
padding-left:50px; | padding-left:50px; | ||
border: none; | border: none; | ||
Line 143: | Line 341: | ||
.right-menu ul { | .right-menu ul { | ||
- | + | border: none; | |
+ | } | ||
+ | |||
+ | .right-menu a { | ||
+ | background-color: transparent; | ||
} | } | ||
#menubar li a{ | #menubar li a{ | ||
- | color: | + | color: white; |
+ | background-color: transparent; | ||
} | } | ||
Line 157: | Line 360: | ||
#menubar li.selected a { | #menubar li.selected a { | ||
color:#555555; | color:#555555; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display: none; | ||
} | } | ||
Line 175: | Line 382: | ||
padding: 0; | padding: 0; | ||
background-color:white; | background-color:white; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 201: | Line 404: | ||
margin-right: 10px; | margin-right: 10px; | ||
padding: 0; | padding: 0; | ||
- | } | + | } |
/* Wiki Hacks - END */ | /* Wiki Hacks - END */ |
Latest revision as of 13:03, 23 October 2011
/* -----------------------
BODY STYLE ----------------------- */
h1 {
font-family: 'Raleway', sans; font-weight: normal; font-size: 22pt;
}
h2 {
font-family: 'Raleway', sans; font-weight: normal; font-size: 16pt; clear: both; /* Place below any remaining floats */
}
h3 {
font-family: 'Raleway', sans; font-weight: normal; clear: left; /* don't place a title to the right of a float */
}
h4 {
font-family: 'Raleway', sans; font-weight: normal;
}
p {
/* font-size: 11pt; */ text-align: justify; /* color: #FF3366; (fuchsia) */
}
body {
background-image: url(""); font-family: Helvetica, Nimbus Sans L, Arial, sans-serif; /* color: #FF3366; (fuchsia) */
}
- right a {
/* color: #006633; */
}
hr {
width: 60%; margin: auto;
}
.backlink {
color: #808080
}
ul {
list-style-type: disc; list-style-image: none;
}
/* -----------------------
TABLE STYLE (in body text) ----------------------- */
table.center {
margin: auto;
}
table.left {
display: block; float: left;
}
table.right {
display: block; float: right;
}
- right table {
border-bottom: solid 1px black; margin: auto; border-spacing: 0;
}
table#toc, table.toc { /* I still want the little "Table of Contents" to stay left */
margin: 1em; border-bottom: 1px solid #AAA; /* undo harm done to TOC border */
}
- right th {
border-top: solid 1px black; border-bottom: solid 1px black; font-weight: bold; padding: 0.2em 1em; margin: 0px;
}
- right td {
padding: 0em 1em; margin: 0px;
}
- right caption {
font-style: italic;
}
table.thankstable {
border-bottom: solid 0px black;
}
.thankstable tr {
margin: 40px;
}
/* -----------------------
FRONT PAGE ----------------------- */
- twitter-widget {
/* float: right; --- leaving this for the moment; let's fiddle later */
}
.frontpagebox {
font-size: 110%; margin-top: 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
}
.frontpagebox ol {
align: justify;
}
.frontpagebox a {
color: #006633;
}
.odd {
padding: 20px; width: 95%;
background-color: #e1f6c9; }
.even {
padding: 20px; width: 95%;
background-color: #eeeeee; }
.frontpagebox h2 {
font-family: Helvetica, Nimbus Sans L, Arial, sans-serif; text-weight: bold; border-bottom: 0px;
}
/* -----------------------
SPECIFICS ----------------------- */
/* Add some spacing between the pictures of sponsors */ span.sponsorpics img {
margin: 10px;
}
- picasaStream img {
border: 1px solid #000; margin: 0 5px 5px 0;
}
/* -----------------------
MENU STYLE ----------------------- */
- left {
float:left; width:200px;
margin-right: 20px;
padding:10px; /* background-color:#ddd; */ border-top:solid 5px #fff;
border-right: solid 0.5px #fff;
}
- 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; }
- right {
display: block; float: right; width: 700px; margin-right: 20px;
}
/* Wiki Hacks - START */ /* Author: Pieter van Boheemen */ /* Team: TU Delft */ /* Thanks guys - Bill Collins */ /* +1 - Douglas Watson */
.firstHeading { display: none; }
- 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: 203px; margin-top: 0 px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; /* margin-bottom: 10px; */ padding:0; border: none; background-image: url("");
}
- p-logo {
height: 203px; overflow:hidden; border:none; display: none;
}
- p-logo img {
display: none;
}
- search-controls {
overflow:hidden; display:none; background: none; position: absolute; top: 100px; right: 40px;
}
.left-menu { width: 410px; display: block;
margin-top: 5px;
float: left; margin-right: 30px; border: none left: 20px; }
.left-menu ul {
border: none; height: 100%
}
.left-menu ul {
line-height: 2em;
}
- menubar.right-menu {
width:300px; height: 100%; display:block; float:left; margin-top: 5px; padding-left:50px; border: none; right:50px;
}
.right-menu ul {
border: none;
}
.right-menu a {
background-color: transparent;
}
- menubar li a{
color: white; background-color: transparent;
}
- menubar li a:hover {
color:#73a631; text-decoration:underline;
}
- menubar li.selected a {
color:#555555;
}
- catlinks {
display: none;
}
- 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;
}
- 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 */