Team:Goettingen/suplement/stylesheets 1
From 2013.igem.org
(Created page with "#menu-bar ul{font-size:11pt;overflow:hidden;} #menu-bar li:hover{background-color:#dddddd;color:#596678;} .flyout {background-color:#efefef; width:20%; z-index:6; position:abs...") |
|||
Line 1: | Line 1: | ||
+ | /*top region*/ | ||
+ | .flyout{display:none} | ||
+ | |||
+ | .spanning{position:relative;margin:0 auto 0 auto;padding:0 0;z-index:2;} | ||
+ | |||
+ | #menu-bar {background-color:#efefef; | ||
+ | height:36px; | ||
+ | width:1000px; | ||
+ | position:relative; | ||
+ | font-size:130%; | ||
+ | line-height:2em; | ||
+ | padding-left:0.4%; | ||
+ | margin:0 auto 0 auto; | ||
+ | z-index:3} | ||
+ | .shadow{ | ||
+ | -moz-box-shadow: 0px 2px 2px #888888; | ||
+ | -webkit-box-shadow: 0px 2px 2px #888888; | ||
+ | box-shadow: 0px 2px 2px #888888; | ||
+ | /* For IE 8 */ | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#888888')"; | ||
+ | /* For IE 5.5 - 7 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#888888'); | ||
+ | } | ||
+ | |||
+ | #menu-bar a{padding: 10px 1.5% 10px 1.5%; color:#596678;margin-left:0.60%;border-left:1px;} | ||
+ | |||
+ | #menu-bar .deact{padding: 12px 1.5% 10px 1.5%; | ||
+ | color:white; | ||
+ | background-color:#8f0000; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menu-bar a:hover{padding: 12px 1.5% 10px 1.5%; | ||
+ | color:white; | ||
+ | background-color:#8f0000; | ||
+ | text-decoration: none;} | ||
+ | |||
#menu-bar ul{font-size:11pt;overflow:hidden;} | #menu-bar ul{font-size:11pt;overflow:hidden;} | ||
#menu-bar li:hover{background-color:#dddddd;color:#596678;} | #menu-bar li:hover{background-color:#dddddd;color:#596678;} | ||
Line 15: | Line 51: | ||
padding:0 0 0 0;} | padding:0 0 0 0;} | ||
#menu-bar ul a {padding:0 0 0 0;} | #menu-bar ul a {padding:0 0 0 0;} | ||
+ | .top {z-index:999; | ||
+ | position:fixed; | ||
+ | bottom:3%; | ||
+ | right:2.5%; | ||
+ | _position:absolute; /* for IE6 */ | ||
+ | /* IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); | ||
+ | overflow:visible;} |
Revision as of 21:10, 3 June 2013
/*top region*/ .flyout{display:none}
.spanning{position:relative;margin:0 auto 0 auto;padding:0 0;z-index:2;}
- menu-bar {background-color:#efefef;
height:36px; width:1000px; position:relative; font-size:130%; line-height:2em; padding-left:0.4%; margin:0 auto 0 auto; z-index:3} .shadow{
-moz-box-shadow: 0px 2px 2px #888888; -webkit-box-shadow: 0px 2px 2px #888888; box-shadow: 0px 2px 2px #888888; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#888888')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#888888');
}
- menu-bar a{padding: 10px 1.5% 10px 1.5%; color:#596678;margin-left:0.60%;border-left:1px;}
- menu-bar .deact{padding: 12px 1.5% 10px 1.5%;
color:white; background-color:#8f0000; text-decoration:none;}
- menu-bar a:hover{padding: 12px 1.5% 10px 1.5%;
color:white; background-color:#8f0000; text-decoration: none;}
- menu-bar ul{font-size:11pt;overflow:hidden;}
- menu-bar li:hover{background-color:#dddddd;color:#596678;}
.flyout {background-color:#efefef; width:20%; z-index:6; position:absolute; left:8.6%; border-left:4px solid #ddd; top:90%;} .flyout li{ border-bottom:1px solid #ddd; padding:10px 0 10px 10px;}
- menu-bar ul a:hover{background-color:#dddddd;
color:#596678; padding:0 0 0 0;}
- menu-bar ul a {padding:0 0 0 0;}
.top {z-index:999; position:fixed; bottom:3%; right:2.5%; _position:absolute; /* for IE6 */ /* IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:visible;}