Team:Johns Hopkins-Software/Templates/cssindex

From 2012.igem.org

(Difference between revisions)
Line 38: Line 38:
-
#navigation
+
.navigation
{
{
Line 50: Line 50:
}  
}  
-
#header_body
+
.header_body
{  
{  
   
   
Line 66: Line 66:
}
}
-
#header
+
.header
{
{
Line 74: Line 74:
}
}
-
#header_title
+
.header_title
{
{
Line 84: Line 84:
-
#navigation_wrapper
+
.navigation_wrapper
{
{
   position:absolute;
   position:absolute;
Line 93: Line 93:
-
#navigation_low
+
.navigation_low
{
{
Line 103: Line 103:
}
}
-
#Hopkins
+
.Hopkins
{
{
    
    

Revision as of 03:17, 12 September 2012

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

body { background-color:#1b2940; font:75% Georgia,'Times New Roman',serif; letter-spacing:1; }

.break { clear:both; }

.dropdown {float:left; padding-right:5px} .dropdown dt { border:0px solid #9ac1c9; padding:16px; padding-right: 14px; font-weight:bold; cursor:pointer;} .dropdown dt:hover {} .dropdown dd {position:absolute; overflow:hidden; width:142px; display:none; background:#fff; z-index:200; opacity:0} .dropdown ul {width:144px; border:0px solid #9ac1c9; list-style:none; border-top:none} .dropdown li {display:inline} .dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:144px}

.dropdown a:hover {background:#d9e1e4; color:#000} .dropdown .underline {border-bottom:0px solid #b9d6dc}

  • {margin:0; padding:0}

p {line-height:1.4; margin-bottom:12px}

  1. wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px}
  1. header { height:100%; position:absolute; width:100%}

.headerimg { width:100%; height:100%; position:absolute; left: 0px; top: 0px}

.btn { height:37px; width:32px; float:left; cursor:pointer; }

  1. back { position:absolute; top: 55%; left: 2%; background-image:url("../images/btn_back.png");
  filter:alpha(opacity=70); 
  /*-moz-opacity:1.7;*/ 
  opacity: 0.70; }
  1. next { position:absolute; top: 55%; right: 2%; background-image:url("../images/btn_next.png");
  filter:alpha(opacity=70); 
  /*-moz-opacity:1.7;*/ 
  opacity: 0.70; }
  1. control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); }


}


.navigation {

  position: absolute;
  left:0px;
  top: 0px;
  height: 30px;
  width: 100%;
  background-color:000000 

}

.header_body {

  filter:alpha(opacity=80); 
  /*-moz-opacity:1.8;*/ 
  opacity: 0.80; 
  position: absolute; 
  left: 0px; 
  top: 30px;
  height: 170px;
  width: 100%;
  background-color:000000

}

.header {

  position: absolute; 
  width: 900px

}

.header_title {

  position: absolute;
  width: 70%; 
  left: 15%; 
  top: 0px 

}


.navigation_wrapper {

  position:absolute;
  top: 125px;
  width: 100%;
  background-color: 000000

}


.navigation_low {

  width: 75%;
  position: relative;
  left:15%;
  top: 0px
  

} .Hopkins {

  position: absolute;
  width: 30%;
  top:130px;
  left: 55%

}



.description {

  position: absolute;
  top: 0%;
  left: 0px;
  width: 100%;
  background-color: 000000

}