Team:Bielefeld-Germany/css/home-style.css

From 2013.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
-
<html>
+
/* changing original css*/
-
<style type="text/css">
+
#content-1,#top ul{list-style-type: none;list-style-image:url('');margin-left:1em;font-size:11pt}
 +
 
 +
#content,#p-logo,#catlinks{display:none}
 +
 
 +
#top-section{height:0px;padding:0 0 0 0;width:100%}
 +
 
 +
div#menubar.right-menu li a{color:#596678;font-family:Cambria,Calibri;background-color:transparent}
 +
#footer-box{position:relative;top:0px;width:990px;border-color:#aaa}
 +
 
 +
body{background-color:#00334a;
 +
background-color:#4a7ebb;
 +
background-image:url('https://static.igem.org/mediawiki/2013/2/2f/Goe-transition.jpg');
 +
background-repeat:repeat-x;
 +
    font-family:Helvetica,Arial,sans-serif,Georgia;
 +
    }
#globalWrapper {padding-bottom:0;width:1002px;position:relative;margin:0 auto 0 auto;}
#globalWrapper {padding-bottom:0;width:1002px;position:relative;margin:0 auto 0 auto;}
-
</style>
+
 
-
</html>
+
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}
 +
 
 +
h3 {line-height:1.2em;color:#8f0000;font-size:17pt;font-family:Cambria;padding-top:0}
 +
 
 +
h6 {color:white;}
 +
p{font-size:12pt;font-weight:normal;color:black;text-align:justify}
 +
 
 +
.editsection{color:white;font-size:10pt}
 +
span.editsection a{color:white}
 +
 
 +
#toc{display:none;position:absolute}
 +
 
 +
 
 +
/*Abbrev*/
 +
.bl{border-left:1px solid #aaa;}
 +
.bt{border-top:1px solid #aaa;right:10px}
 +
.bb{border-bottom:1px solid #aaa;right:10px}
 +
.br{border-right:1px solid #aaa;}
 +
 
 +
.fl{float:left}
 +
.fr{float:right}
 +
.cen{margin:0 auto 0 auto}
 +
 
 +
/* header region*/
 +
#header{border:1px solid #666666;}
 +
.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;}
 +
 
 +
/*menu-bar*/
 +
 
 +
div.menu-bar {background-color:#fff;
 +
height:42px;
 +
font-size:130%;
 +
line-height:2.5em;
 +
z-index:3;
 +
width:1000px;
 +
padding: 0 0 0 0;
 +
margin:0 0 0 0;
 +
overflow:show;
 +
}
 +
.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');
 +
}
 +
 
 +
/*slides*/
 +
#pic-slide{background-color:#222;height:430px;position:relative;width:1000px}
 +
#slide-ctrl img{cursor:pointer;z-index:4;padding:0px 5px 0 5px}
 +
#pause,#resume{top:10px;
 +
  left:940px;
 +
  position:absolute;}
 +
#slide-ctrl-1{position:absolute;
 +
  bottom:5px;
 +
  z-index:6;
 +
  right:20px;
 +
  }
 +
 
 +
 
 +
#illus{position:absolute;padding:0px 10px;display:none;background-color:black;opacity:0.6;cursor:pointer}
 +
 +
div.menu-bar a{height:100%;width:100px; color:#596678;display:block;float:left;text-align:center;margin-left:10px}
 +
 +
div.menu-bar .deact{
 +
color:white;
 +
background-color:#8f0000;
 +
text-decoration:none;}
 +
 
 +
div.menu-bar a:hover{ color:white;
 +
  background-color:#8f0000;
 +
  text-decoration: none;}
 +
 
 +
div.flyout{background-color:#fff;
 +
width:230px;
 +
z-index:12;
 +
position:absolute;
 +
border-left:4px solid #ddd;
 +
border-top:1px solid #ddd;
 +
    display:none;
 +
top:42px;
 +
}
 +
 +
div.flyout a{width:210px;
 +
height:36px;
 +
margin-left:0;
 +
line-height:2em;
 +
text-align:left;
 +
padding-left:20px;
 +
}
 +
div.flyout:first-child>a{border-bottom:1px solid #ddd}
 +
 +
div.flyout a:hover{background-color:#eee;color:#596678}

Revision as of 21:56, 30 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;width:100%}

div#menubar.right-menu li a{color:#596678;font-family:Cambria,Calibri;background-color:transparent}

  1. footer-box{position:relative;top:0px;width:990px;border-color:#aaa}

body{background-color:#00334a; background-color:#4a7ebb; background-image:url('https://static.igem.org/mediawiki/2013/2/2f/Goe-transition.jpg'); background-repeat:repeat-x; 

    font-family:Helvetica,Arial,sans-serif,Georgia;
    }
  1. globalWrapper {padding-bottom:0;width:1002px;position:relative;margin:0 auto 0 auto;}

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}

h3 {line-height:1.2em;color:#8f0000;font-size:17pt;font-family:Cambria;padding-top:0}

h6 {color:white;} p{font-size:12pt;font-weight:normal;color:black;text-align:justify}

.editsection{color:white;font-size:10pt} span.editsection a{color:white}

  1. toc{display:none;position:absolute}


/*Abbrev*/ .bl{border-left:1px solid #aaa;} .bt{border-top:1px solid #aaa;right:10px} .bb{border-bottom:1px solid #aaa;right:10px} .br{border-right:1px solid #aaa;}

.fl{float:left} .fr{float:right} .cen{margin:0 auto 0 auto}

/* header region*/

  1. header{border:1px solid #666666;}

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

/*menu-bar*/

div.menu-bar {background-color:#fff; height:42px; font-size:130%; line-height:2.5em; z-index:3; width:1000px; padding: 0 0 0 0; margin:0 0 0 0; overflow:show; } .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');

}

/*slides*/

  1. pic-slide{background-color:#222;height:430px;position:relative;width:1000px}
  2. slide-ctrl img{cursor:pointer;z-index:4;padding:0px 5px 0 5px}
  3. pause,#resume{top:10px;

left:940px; position:absolute;}

  1. slide-ctrl-1{position:absolute;

bottom:5px; z-index:6; right:20px; }


  1. illus{position:absolute;padding:0px 10px;display:none;background-color:black;opacity:0.6;cursor:pointer}

div.menu-bar a{height:100%;width:100px; color:#596678;display:block;float:left;text-align:center;margin-left:10px}

div.menu-bar .deact{ color:white; background-color:#8f0000; text-decoration:none;}

div.menu-bar a:hover{ color:white; background-color:#8f0000; text-decoration: none;}

div.flyout{background-color:#fff; width:230px; z-index:12; position:absolute; border-left:4px solid #ddd; border-top:1px solid #ddd; 

   display:none;

top:42px; }

div.flyout a{width:210px; height:36px; margin-left:0; line-height:2em; text-align:left; padding-left:20px; } div.flyout:first-child>a{border-bottom:1px solid #ddd}

div.flyout a:hover{background-color:#eee;color:#596678}

Retrieved from "http://2013.igem.org/Team:Bielefeld-Germany/css/home-style.css"