Team:Goettingen/suplement/stylesheets 1

From 2013.igem.org

(Difference between revisions)
(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;}

  1. 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');

}

  1. menu-bar a{padding: 10px 1.5% 10px 1.5%; color:#596678;margin-left:0.60%;border-left:1px;}
  1. menu-bar .deact{padding: 12px 1.5% 10px 1.5%;

color:white; background-color:#8f0000; text-decoration:none;}

  1. menu-bar a:hover{padding: 12px 1.5% 10px 1.5%;

color:white; background-color:#8f0000; text-decoration: none;}

  1. menu-bar ul{font-size:11pt;overflow:hidden;}
  2. 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;}

  1. menu-bar ul a:hover{background-color:#dddddd;

color:#596678; padding:0 0 0 0;}

  1. 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;}