Team:Heidelberg/Stylesheet
From 2013.igem.org
JuliaS1992 (Talk | contribs) m |
JuliaS1992 (Talk | contribs) m |
||
Line 26: | Line 26: | ||
#top-section, #footer-box { | #top-section, #footer-box { | ||
min-width:800px; | min-width:800px; | ||
- | width:89 | + | width:89%; |
max-width:3000px; | max-width:3000px; | ||
- | padding: | + | padding:1%; |
margin:0px; | margin:0px; | ||
display:inline-block; | display:inline-block; |
Revision as of 11:04, 19 August 2013
/* Hiding predefined html elements */ /***********************************/
- contentSub, #search-controls, #catlinks, #p-logo, .firstHeading {
display:none; padding:0px; margin:0px; }
/* Resize general layout */ /*************************/ body { background-color:#606060; text-align:center; }
- content {
display:inline-block; position:relative; min-width:800px; width:90%; max-width:3000px; margin:0px; padding:0px; text-align:left; z-index:888; }
- top-section, #footer-box {
min-width:800px; width:89%; max-width:3000px; padding:1%; margin:0px; display:inline-block; text-align:left; }
- top-section {
position:fixed; width:90%; height:5px; border:none; z-index:999; }
- bodyContent {
margin:0px; z-index:877; }
- top-matter {
width:100%; z-index:777; } .center-vert { display:inline-block; width:100%; color:#000000; background-color:white; } .content-hori { vertical-align:top; display:inline-block; }
- navigation-bar {
width:9.5%; }
- main-content {
width:89%; text-align:left; padding:1px; border-left-style:solid; border-left-width:0.5%; border-left-color:#606060; }
/* Override general formatting */ /*******************************/
- { font-family:sans-serif;}
p { margin:0px;}
/* Change user editing menu appearance */ /***************************************/
- menubar {
top:-5px; }
- menubar, #menubar:hover, .left-menu, .left-menu:hover, .right-menu, .right-menu:hover, .right-menu li a, .right-menu a:hover, #top-section, #top-section:hover {
background-color:transparent; } .left-menu li a { color:transparent; } .left-menu ul li:last-child, .right-menu li a { color:#AAAAAA; color:#AAAAAA !important; }
- top-section:hover .left-menu li a{
color:#AAAAAA; }
- menubar li a:hover {
color:#FFD83D; color:#FFD83D !important; }
/* Define top navigation bar */ /*****************************/
- main-menu {
height:50px; width:100%; z-index:999; background-color:#AAA; } .menu-item { display:inline-block; vertical-align:top; z-index:999; position:relative; top:40%; width:10%; background-color:transparent; } .menu-item a { display:block; border:none; width:100%; } .menu-item ul { width:100%; display:none; background-color:#93ADAE; list-style:none; border:none; margin:0pt; } .menu-item ul li { border-bottom: 1pt solid; } .menu-item a:hover + ul { display:block; }
/* Define title line containing logos */ /**************************************/
- title-line {
width:100%; z-index:888; padding:1%; text-align:left; }
- title-line * {
display:inline-block; }
- title-line a {
width:5%; margin-right:5%; }
- team-logo{
margin-left:5%; width:5%; z-index:4; }
- PS {
width:30%; margin-right:35%; z-index:3; }
- flubber {
width:100%; z-index:6; }
- igem-2013 {
width:100%; z-index:5; }
- top-separator {
background-color:#F5B800; height:20px; }
/* Style left navigation bar */ /*****************************/
- navigation-bar ul, #navigation-bar li {
margin-top:0px; margin-bottom:0px; margin-right:0px; padding:0px; line-height:20px; }
.navi-highlight { background-color:#AAA; }
/* Go to top and guided tour navigation */ /*********************************************/
- goto-top {
position:fixed; z-index:999; bottom:5%; margin-left:70%; }
- tour-navi {
position:fixed; z-index:999; bottom:5%; margin-left:60%; width:100px; height:50px; display:none; }
- tour-navi ul {
/* background-image:url(../png/Guided_Navigation.svg); */ background-repeat:no-repeat; background-position:top center; width:100%; height:100%; list-style:none; }
- tour-navi ul li {
float:left; }
- tour-navi ul .tour-text {
position:absolute; width:70px; top:40px; left:15px; display:none; }
- tour-navi #tour-rev, #tour-navi #tour-pause, #tour-navi #tour-fwd {
height: 80%; width: 33%;
}
- tour-navi ul li a {
display:block; text-decoration:none; width:100%; height:100%; }
- tour-navi #tour-fwd:hover + li, #tour-navi #tour-pause:hover + li, #tour-navi #tour-rev:hover + li {
display:block; }