Team:ETH Zurich/Templates/StyleSheet
From 2011.igem.org
(Created page with "div#preload { display: none; } div.thumb { border-color: transparent; } #catlinks { display: none; } #top-section { margin-top: 10px; padding-bottom:55px; border: non...") |
|||
Line 84: | Line 84: | ||
margin:0 !important; | margin:0 !important; | ||
} | } | ||
- | |||
- | |||
- | |||
.roundContainer | .roundContainer | ||
Line 137: | Line 134: | ||
text-align: center; | text-align: center; | ||
white-space: nowrap; | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | a:link { | ||
+ | color:#20548f; | ||
+ | } | ||
+ | a:visited { | ||
+ | color:#20548f; | ||
+ | } | ||
+ | a:hover { | ||
+ | color:#20548f; | ||
+ | } | ||
+ | a:active { | ||
+ | color:#20548f; | ||
+ | }*/ | ||
+ | #top-section { | ||
+ | background-color: #ffffff; | ||
+ | height: 100px; | ||
+ | border: none; | ||
+ | width:910px; | ||
+ | height:20px | ||
+ | } | ||
+ | #p-logo { | ||
+ | position: absolute; | ||
+ | display: none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | #menubar, #menubar ul, #menubar ul li | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #menubar.left-menu { | ||
+ | position: absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | } | ||
+ | #menubar.right-menu { | ||
+ | position: absolute; | ||
+ | top:0px; | ||
+ | right:0px; | ||
+ | } | ||
+ | #pt-userpage, #pt-logout, #pt-preferences {background-color: transparent} | ||
+ | #menubar a:active, #menubar a:hover, #menubar a:link, #menubar a:visited { | ||
+ | color: #000000; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #footer-box { | ||
+ | width:900px; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #AAAAAA | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | #content { | ||
+ | width: 900px; | ||
+ | border: none; | ||
+ | font-family: helvetica, arial, sans-serif; | ||
+ | color: #555555; | ||
+ | border-bottom-left-radius: 10px; | ||
+ | border-bottom-right-radius: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | #title { | ||
+ | width:900px; | ||
+ | height:80px; | ||
+ | position: relative; | ||
+ | background-color: #FFFFFF; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | #smocolilogo { | ||
+ | width:400px; | ||
+ | height:55px; | ||
+ | position: relative; | ||
+ | top: -70px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | #bsselogo { | ||
+ | width:200px; | ||
+ | height:50px; | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | left: 435px; | ||
+ | } | ||
+ | #slogan { | ||
+ | width:400px; | ||
+ | height:14px; | ||
+ | font-size: larger; | ||
+ | position: absolute; | ||
+ | top: 63px; | ||
+ | left: 230px; | ||
+ | } | ||
+ | #igemlogo { | ||
+ | |||
+ | position:absolute; | ||
+ | top:20px; | ||
+ | left:785px; | ||
+ | } | ||
+ | #ethlogo { | ||
+ | width:140px; | ||
+ | height:55px; | ||
+ | position:absolute; | ||
+ | top:30px; | ||
+ | left:570px; | ||
+ | } | ||
+ | img { | ||
+ | border:0px; | ||
+ | } | ||
+ | #csbl { | ||
+ | width:140px; | ||
+ | height:35px; | ||
+ | } | ||
+ | #menu { | ||
+ | width:900px; | ||
+ | height:180px; | ||
+ | position: relative; | ||
+ | top: 20px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | #menuback { | ||
+ | width:150px; | ||
+ | height:180px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | #headpic { | ||
+ | width:750px; | ||
+ | height:180px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 150px; | ||
+ | background-color: #888888; | ||
+ | |||
+ | border:1px; | ||
+ | border-radius : 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | } | ||
+ | #headover { | ||
+ | width: 750px; | ||
+ | height: 180px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | z-index: 10000; | ||
+ | } | ||
+ | #overlay, #overlayFront, #overlayBack { | ||
+ | width: 750px; | ||
+ | height: 180px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | background-image: none; | ||
+ | border:1px; | ||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | } | ||
+ | #overlayBack { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/3/3f/ETHZ-bg-smoke.png); | ||
+ | } | ||
+ | a { | ||
+ | outline:none; | ||
+ | } | ||
+ | #headtit { | ||
+ | font-family: helvetica, arial, sans-serif; | ||
+ | font-size: 1.2em; | ||
+ | color: #ffffff; | ||
+ | position: absolute; | ||
+ | top: 0em; | ||
+ | right: 10px; | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | vertical-align: middle; | ||
+ | border: 0; padding: 0; margin: 0; | ||
+ | } | ||
+ | |||
+ | .dark { | ||
+ | color: #dddddd; | ||
+ | } | ||
+ | .highlight { | ||
+ | color: #ea8828; | ||
+ | } | ||
+ | #menulist { | ||
+ | position: absolute; | ||
+ | top: 0px; /* 16px; */ | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | left: 0px; | ||
+ | width:100%; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #menulist li { | ||
+ | padding-left: 8px; | ||
+ | line-height: 30px; | ||
+ | height: 30px; | ||
+ | width: 100%; | ||
+ | vertical-align: bottom; | ||
+ | border: 1px; | ||
+ | border-top-left-radius: 5px; | ||
+ | border-bottom-left-radius: 5px; | ||
+ | -moz-border-radius-topleft: 5px; | ||
+ | -moz-border-radius-bottomleft: 5px; | ||
+ | margin: 0px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #menulist a { | ||
+ | font-weight: 600; | ||
+ | font-size: 1.2em; | ||
+ | text-decoration: none; | ||
+ | font-family: helvetica, arial, sans-serif; | ||
+ | |||
+ | /* color: #ffffff; */} | ||
+ | |||
+ | #headover ul { | ||
+ | |||
+ | /* display: none; */ | ||
+ | position: absolute; | ||
+ | top: 0px; /* 1.2em; */ | ||
+ | border: 0px; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: 10px; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | left: 20px; /* 0.2em; */ | ||
+ | list-style:none; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | #headover ul ul { | ||
+ | position: absolute; | ||
+ | width:15em; | ||
+ | top:-10px; | ||
+ | left: 15em; | ||
+ | list-style:none; | ||
+ | } | ||
+ | #headover ul li { | ||
+ | list-style: none; | ||
+ | line-height: 40px; | ||
+ | height: 40px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | #headover ul li a { | ||
+ | font-weight: 600; | ||
+ | font-size: 1.2em; | ||
+ | text-decoration: none; | ||
+ | font-family: helvetica, arial, sans-serif; | ||
+ | color: #dddddd; | ||
+ | } | ||
+ | .submenu | ||
+ | { | ||
+ | display: none; | ||
} | } |
Revision as of 11:55, 11 October 2011
div#preload {
display: none;
}
div.thumb {
border-color: transparent;
}
- catlinks
{
display: none;
}
- top-section
{ margin-top: 10px; padding-bottom:55px; border: none; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.left-menu { border: none; border-top-left-radius: 10px; }
.right-menu { border: none; border-top-right-radius: 10px; }
- footer-box
{
border: none; border-radius: 10px; margin-top: 10px;
}
/*
- globalWrapper
{
width: 900px; margin: 0px auto 0px auto;
}*/
table {
background-color:transparent;
} .overview, .overview a { color: #548C82 } .biology, .biology a { color: #31695E } .process, .process a { color: #26584F } .modeling, .modeling a { color: #1A473F } .achievements, .achievements a { color: #09241F } .team, .team a { color: #000D0A }
div.gallerybox[style] div.thumb[style] { border: none !important; padding:0 !important; margin:0 !important; } div.gallerybox[style] { border:none !important; padding:0 !important; margin:0 !important; }
.roundContainer { width:900px; background:#f0f0f0; text-align:justify; font-family: helvetica, arial, sans-serif; /* font-size: 10pt; */ margin-top:25px; border-radius:10px; border-spacing:6px; }
.roundContainer td { padding:4px; }
.linkMap, .linkMapJournal { border: none; border-radius: 10px; border-spacing: 0px; font-family: helvetica, arial, sans-serif; font-size:1.4em; }
.linkMap td { border-left: 1px white solid; padding-left: 10px; padding-right: 10px; margin: 0px; text-align: center; white-space: nowrap; }
.linkMapJournal { padding-left: 5px; padding-right: 5px; }
.linkMapJournal td { width: 1.5em; border-left: 1px white solid; margin: 0px; text-align: center; white-space: nowrap; }
/* a:link { color:#20548f; } a:visited { color:#20548f; } a:hover { color:#20548f; } a:active { color:#20548f; }*/
- top-section {
background-color: #ffffff; height: 100px; border: none; width:910px; height:20px }
- p-logo {
position: absolute; display: none; }
- search-controls {
display: none; }
- menubar, #menubar ul, #menubar ul li
{ background-color: transparent; }
- menubar.left-menu {
position: absolute; top:0px; left:0px; }
- menubar.right-menu {
position: absolute; top:0px; right:0px; }
- pt-userpage, #pt-logout, #pt-preferences {background-color: transparent}
- menubar a:active, #menubar a:hover, #menubar a:link, #menubar a:visited {
color: #000000; background-color: transparent; }
- footer-box {
width:900px; } body { background-color: #AAAAAA } .firstHeading { display: none; }
- content {
width: 900px; border: none; font-family: helvetica, arial, sans-serif; color: #555555; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-bottom: 10px; }
- title {
width:900px; height:80px; position: relative; background-color: #FFFFFF; top: 0px; left: 0px; }
- smocolilogo {
width:400px; height:55px; position: relative; top: -70px; left: 0px; }
- bsselogo {
width:200px; height:50px; position: absolute; top: 10px; left: 435px; }
- slogan {
width:400px; height:14px;
font-size: larger;
position: absolute; top: 63px; left: 230px; }
- igemlogo {
position:absolute; top:20px; left:785px; }
- ethlogo {
width:140px; height:55px; position:absolute; top:30px; left:570px; } img { border:0px; }
- csbl {
width:140px; height:35px; }
- menu {
width:900px; height:180px; position: relative; top: 20px; left: 0px; }
- menuback {
width:150px; height:180px; position: absolute; top: 0px; left: 0px; background-color: #ffffff; }
- headpic {
width:750px; height:180px; position: absolute; top: 0px; left: 150px; background-color: #888888;
border:1px; border-radius : 10px; -moz-border-radius: 10px; }
- headover {
width: 750px; height: 180px; position: absolute; top: 0px; left: 0px; z-index: 10000; }
- overlay, #overlayFront, #overlayBack {
width: 750px; height: 180px; position: absolute; top: 0px; left: 0px; background-image: none; border:1px; border-radius: 10px; -moz-border-radius: 10px; }
- overlayBack {
background-image: url(); } a { outline:none; }
- headtit {
font-family: helvetica, arial, sans-serif; font-size: 1.2em; color: #ffffff; position: absolute; top: 0em; right: 10px; height: 30px; line-height: 30px; vertical-align: middle; border: 0; padding: 0; margin: 0; }
.dark { color: #dddddd; } .highlight { color: #ea8828; }
- menulist {
position: absolute; top: 0px; /* 16px; */ border: 0; margin: 0; padding: 0; left: 0px; width:100%; list-style: none; }
- menulist li {
padding-left: 8px;
line-height: 30px; height: 30px; width: 100%; vertical-align: bottom; border: 1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; margin: 0px; list-style: none; }
- menulist a {
font-weight: 600;
font-size: 1.2em;
text-decoration: none; font-family: helvetica, arial, sans-serif;
/* color: #ffffff; */}
- headover ul {
/* display: none; */ position: absolute; top: 0px; /* 1.2em; */ border: 0px; margin-top: 10px; margin-bottom: 0px; margin-left: 10px; padding-top: 0px; padding-bottom: 0px; left: 20px; /* 0.2em; */ list-style:none; list-style-image: none; }
- headover ul ul {
position: absolute; width:15em; top:-10px; left: 15em; list-style:none; }
- headover ul li {
list-style: none; line-height: 40px;
height: 40px;
margin: 0px; }
- headover ul li a {
font-weight: 600; font-size: 1.2em; text-decoration: none; font-family: helvetica, arial, sans-serif; color: #dddddd; } .submenu { display: none; }