Team:ETH Zurich/Templates/StyleSheet
From 2011.igem.org
(2 intermediate revisions not shown) | |||
Line 16: | Line 16: | ||
#top-section | #top-section | ||
{ | { | ||
- | margin-top: 10px; | + | margin-top: 10px; |
- | padding-bottom:55px; | + | padding-bottom:55px; |
- | border: none; | + | border: none; |
- | border-top-left-radius: 10px; | + | border-top-left-radius: 10px; |
- | border-top-right-radius: 10px; | + | border-top-right-radius: 10px; |
} | } | ||
.left-menu | .left-menu | ||
{ | { | ||
- | border: none; | + | border: none; |
- | border-top-left-radius: 10px; | + | border-top-left-radius: 10px; |
} | } | ||
.right-menu | .right-menu | ||
{ | { | ||
- | border: none; | + | border: none; |
- | border-top-right-radius: 10px; | + | border-top-right-radius: 10px; |
} | } | ||
Line 159: | Line 159: | ||
} | } | ||
#p-logo { | #p-logo { | ||
- | |||
display: none; | display: none; | ||
} | } | ||
Line 170: | Line 169: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
- | .left-menu | + | .left-menu, .right-menu |
{ | { | ||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
- | #top-section:hover .left-menu | + | #top-section:hover .left-menu, #top-section:hover .right-menu |
{ | { | ||
visibility: visible; | visibility: visible; | ||
Line 189: | Line 188: | ||
right:0px; | right:0px; | ||
} | } | ||
- | #pt-userpage, #pt-logout, #pt-preferences {background-color: transparent} | + | #pt-userpage, #pt-logout, #pt-preferences |
- | #menubar a:active, #menubar a:hover, #menubar a:link, #menubar a:visited { | + | { |
+ | background-color: transparent | ||
+ | } | ||
+ | |||
+ | #menubar a:active, #menubar a:hover, #menubar a:link, #menubar a:visited | ||
+ | { | ||
color: #000000; | color: #000000; | ||
- | background-color: transparent; | + | background-color: transparent; |
} | } | ||
#footer-box { | #footer-box { | ||
Line 208: | Line 212: | ||
font-family: helvetica, arial, sans-serif; | font-family: helvetica, arial, sans-serif; | ||
color: #555555; | color: #555555; | ||
- | border-bottom-left-radius: 10px; | + | border-bottom-left-radius: 10px; |
- | border-bottom-right-radius: 10px; | + | border-bottom-right-radius: 10px; |
- | padding-bottom: 10px; | + | padding-bottom: 10px; |
} | } | ||
#title { | #title { | ||
Line 226: | Line 230: | ||
top: -70px; | top: -70px; | ||
left: 0px; | left: 0px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#slogan { | #slogan { | ||
Line 247: | Line 244: | ||
top:20px; | top:20px; | ||
left:785px; | left:785px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
img { | img { | ||
border:0px; | border:0px; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#menu { | #menu { | ||
width:900px; | width:900px; | ||
Line 321: | Line 308: | ||
top: 0em; | top: 0em; | ||
right: 10px; | right: 10px; | ||
- | height: 30px; | + | height: 30px; |
- | line-height: 30px; | + | line-height: 30px; |
- | vertical-align: middle; | + | vertical-align: middle; |
- | border: 0; padding: 0; margin: 0; | + | border: 0; padding: 0; margin: 0; |
} | } | ||
Line 373: | Line 360: | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
- | margin-left: 10px; | + | margin-left: 10px; |
padding-top: 0px; | padding-top: 0px; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
Line 402: | Line 389: | ||
.submenu | .submenu | ||
{ | { | ||
- | display: none; | + | display: none; |
} | } |
Latest revision as of 09:49, 12 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 {
display: none; }
- search-controls {
display: none; }
- menubar, #menubar ul, #menubar ul li
{ background-color: transparent; } .left-menu, .right-menu { visibility: hidden; }
- top-section:hover .left-menu, #top-section:hover .right-menu
{ visibility: visible; }
- 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; }
- slogan {
width:400px; height:14px;
font-size: larger;
position: absolute; top: 63px; left: 230px; }
- igemlogo {
position:absolute; top:20px; left:785px; } img { border:0px; }
- 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; }