Team:Goettingen/suplement/stylesheets

From 2013.igem.org

Revision as of 20:58, 3 June 2013

/* changing original css*/

1. content-1,#top ul{list-style-type: none;list-style-image:url();margin-left:1em;font-size:11pt}

1. content,#p-logo,#catlinks{display:none}

1. top-section{height:0px;padding:0 0 0 0;}

1. footer-box{position:relative;top:0px}

body{background-color:#00334a;

    background-image:url('https://static.igem.org/mediawiki/2013/9/99/Test-fill.png');
    font-family:Verdana,Arial,sans-serif,Georgia}

1. globalWrapper {padding-bottom:0}

h1 {line-height:1.6em;

   bold:true;border-bottom:0;
   font-size:14pt;}

h2 {line-height:1.4em;color:#005073;border-bottom:0;font-weight:bold;font-size:12pt}

p{font-size:11pt;font-weight:normal;color:black} /*new css*/

1. content-1{ position: relative;top:0px;width: 935px;

           #    margin-left: 10px;
           margin: 0 auto;
           padding: 5px 20px 5px 20px;;
           background: white;
           color: black;
           border-left: 1px solid #444444;
           border-right: 1px solid #444444;
           line-height: 1.5em;
           z-index: 2;}

/*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;

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

text-decoration:none;}

1. col-left{ position:relative;

float:left; margin:1.5% auto 0 auto; width:27%; color:#596678;

       font-size:11pt}
                

1. col-left a{padding: 3px .5% 3px .5%;color:#596678;}

1. col-left .box{ background-color:#f9f9f9;

padding:5px 10px 10px 10px; position:fixed; width:20%; top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}

1. col-left h3{font-size:12pt;color:#8f0000;cursor:pointer}

.f-larger,.f-smaller,.f-medium{border:0;

                              outline:0;
                              font-size:12pt;
                              background-color:#f9f9f9;
                              cursor:pointer;
                              color:#596678}	  

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

1. col-right{ position:relative;

float:right; margin:0 auto 0 auto; padding:0 0 0 20px; background-color:white; width:70%;}

/*only for team page*/

.profilephoto{width:27%;float:left;margin:auto 1.5% auto auto}