Team:Johns Hopkins-Software/Templates/cssindex

From 2012.igem.org

(Difference between revisions)
Line 85: Line 85:
     position: absolute;
     position: absolute;
     top: 457px;
     top: 457px;
-
     width: 69%;
+
     width: 70%;
-
     left: 14%;
+
     left: 13%;
-
   
+
     font-size: 140%;
     font-size: 140%;
-
 
 
     padding: 20px;
     padding: 20px;
      
      

Revision as of 05:03, 3 October 2012

body{

   color: #000;
   font: 12px Verdana, 'Times New Roman',serif; 
   letter-spacing:1;
   background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Solid_black.svg/200px-Solid_black.svg.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-image:url("http://web.cortland.edu/flteach/civ/davidweb/images/tychobw.jpg")

}

  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_wrapper

{

   position: absolute;
   top: 490px;
   width: 100%;
   background-image: url('http://nathanshippphotography.com/wp-content/themes/kingsize/images/upload/Black-Pattern-Wallpaper.jpg')

}

  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: 457px;
   width: 70%;
   left: 13%;
   font-size: 140%;
   padding: 20px;
   

}

  1. project_logo

{

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

}

  1. project_description

{

   position: relative;
   top: -366px;
   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: 200%;
    font-weight: bold;

}

  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{ border-top: 1px solid #999999; position: relative; }

.droplinebar ul{

margin: 0; padding: 0; float: left; width: 100%; line-height:20; font: 16px 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; width: 190px; }

.droplinebar ul li a{ float: left; color: white; padding: 13px 20px; 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: #E8512F url() center center repeat-x; }

/* 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 15px Verdana; color:white; padding: 10px 26px; margin: 0; border-bottom: 1px solid #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');

}