Team:Johns Hopkins-Software/Templates/cssindex

From 2012.igem.org

body{

   color: #000;
   font: 12px Verdana, 'Times New Roman',serif; 
   letter-spacing:1;
   background: black;
   background-image: url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png')

}

table, th, td { border: 1px solid black; color: black; }

  1. header_body

{

  filter:alpha(opacity=80); 
  /*-moz-opacity:1.8;*/ 
  opacity: 0.80; 
  position: absolute; 
  left: 0px; 
  top: 17px;
  height: 170px;
  width: 100%;
  background: black;
  background-image:url("Jhu_bg1.png")

}

  1. footer_body

{

  filter:alpha(opacity=80); 
  /*-moz-opacity:1.8;*/ 
  opacity: 0.80; 
  left: 0px; 
  bottom: 2217px;
  height: 2170px;

}


  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;

}

  1. top-section {
   border: none;
   height: 0px;

}

  1. content {
   border: none;
   background-color: #000;

}

  1. globalWrapper

{

   border: none;
   position: absolute;
   top: 1px;
   width: 100%;
   left: 0px;

}

  1. bodyContent

{

   background-color: #000;

}

  1. project

{

   background-color: #000;
   position: absolute;
   top: 50px;
   width: 68%;
   left: 14%; 

}

  1. project_temp

{

   text-align:justify;
   line-height: 1.6;
   position: absolute;
   top: 189px;
   width: 67.2%;
   left: 14%;
   font-size: 140%;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-top: 40px;
   background-image: url('https://static.igem.org/mediawiki/2012/a/ab/JHU_bg2.png');
   
   

}

  1. project_logo

{

   width: 300px;
   position: relative;
   top: 0px;
   left: 0px;

}

  1. project_description

{

   position: relative;
   top: 0px;
   left: 13%;
   width: 74%;
   

}

  1. menuBar

{

   width: 100%;

}

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

.break { clear:both; }

  • {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_new { height:100%; position:absolute; width:100%}

.headerimg { width:100%; height:440px; position:absolute; left: 0px; top: 17px} .btn { height:37px; width:32px; float:left; cursor:pointer; }

  1. back { position:absolute; top: 300px; left: 2%; background-image:url("Btn_back.png");
  filter:alpha(opacity=70); 
  /*-moz-opacity:1.7;*/ 
  opacity: 0.70; }
  1. next { position:absolute; top: 300px; right: 2%; background-image:url("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"); }

}


  1. header_new

{

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

}

  1. header_title

{

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

}

  1. footer_new

{

  bottom: 2000px;

}

  1. footer_title

{

  width: 70%; 
  left: 14%; 
  bottom: 2700px

}


  1. navigation_wrapper

{

  position:absolute;
  top: 125px;
  width: 100%;
  background-image:url("Jhu_bg1.png");

}

  1. title

{


    font-size: 19px;
    color: #ffffff;
    font-style: italic;
    background-color: #E8512F;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;

}

  1. navigation_low

{

  width: 70%;
  position: relative;
  left:14%;
  top: 0px;

}

  1. Hopkins

{

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

} .left-menu a {

   background-color: black; }

.right-menu a {

   background-color: black; }
  1. menubar

{

  background-image:url("Jhu_bg1.png")

}

.right-menu li a:link{

 padding-top: 10px;
 background-color:transparent;
 text-decoration: none;
 color: #fff;

}

.right-menu li a:hover{

 padding-top: 10px;
 background:transparent;
 text-decoration: underline;
 color: #fff;

}

.droplinebar{

position: relative; border-top: 1px dotted #999999; }

.droplinebar ul{

margin: 0; padding: 0; float: left; width: 100%; line-height:20; font: italic 17px Verdana; background: #000 url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png') repeat-x; /*default background of menu bar*/ }

.droplinebar ul li{ display: inline;

}

.droplinebar ul li a{ float: left; color: white; text-align: center; padding: 13px 15px; text-decoration: none; }

.droplinebar ul li a:visited{ color: white; }

.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/ color: white; background: center center repeat-x; background: #E8512F;

} /* Sub level menus*/ .droplinebar ul li ul{ position: absolute; z-index: 100; left: 0; top: 0; background: #E8512F; /*sub menu background color */ visibility: hidden; }

/* Sub level menu links style */ .droplinebar ul li ul li a{ font: normal 17px Verdana; color:white; padding: 10px 26px; margin: 0; border-bottom: 1px solid #E8512F; width: 100px; background: #E8512F; }

.droplinebar ul li ul li a:visited { color:white; }

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ background: #BA3114; }


.returnLink {

position: absolute;
right: -10%;
top: -6px;
margin-bottom: 0px;
height: 160px;
width: 200px;
display: block;
background:transparent url('https://static.igem.org/mediawiki/2012/5/54/Return2.png') center top no-repeat; 

}

.returnLink:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/2/2e/Return1.png');

}


  1. navigation_temp

{ background-image: ('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png'); position: absolute; top: 0px; height: 17px; width: 100%; }

.emily {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/2/28/Emily.png'); 

}

.emily:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/e/ec/Emily_bio.png');

}

.robert {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/0/0f/JHU_Robert.png'); 

}

.robert:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/4/45/Robert_bio.png');

}

.album {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/2/2a/Album.png'); 

}

.album:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/f/f5/Album_bio.png');

}

.george {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/7/78/George.png'); 

}

.george:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/7/7a/George_bio.png');

}


.boeke {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/a/a8/Boeke.jpg'); 

}

.boeke:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/e/e3/Boeke_bio.jpg');

}

.bader {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/7/75/Bader.png'); 

}

.bader:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/0/0a/Bader_bio.png');

}

.patrick {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/4/46/Patrick.jpg'); 

}

.patrick:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/c/c3/Patrick_bio.jpg');

}

.giovanni {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/c/c9/Giovanni.jpg'); 

}

.giovanni:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/5/5b/Giovanni_bio.jpg');

}

img{ border: 8px solid #e8e8e8; background-color: white;

-moz-box-shadow: 2px 2px 3px #222; -webkit-box-shadow: 2px 2px 3px #222; box-shadow: 2px 2px 3px #222; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222');

}