Team:Johns Hopkins-Software/Templates/cssindex

From 2012.igem.org

(Difference between revisions)
 
(138 intermediate revisions not shown)
Line 3: Line 3:
     font: 12px Verdana, 'Times New Roman',serif;  
     font: 12px Verdana, 'Times New Roman',serif;  
     letter-spacing:1;
     letter-spacing:1;
-
     background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Solid_black.svg/200px-Solid_black.svg.png')
+
    background: black;
 +
     background-image: url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png')
}
}
Line 23: Line 24:
   height: 170px;
   height: 170px;
   width: 100%;
   width: 100%;
-
   background-image:url("http://web.cortland.edu/flteach/civ/davidweb/images/tychobw.jpg")
+
  background: black;
 +
   background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png")
}
}
Line 63: Line 65:
     background-color: #000;
     background-color: #000;
}
}
-
#project_wrapper
+
 
-
{
+
-
    position: absolute;
+
-
    top: 490px;
+
-
    width: 100%;
+
-
    background-image: url('http://nathanshippphotography.com/wp-content/themes/kingsize/images/upload/Black-Pattern-Wallpaper.jpg')
+
-
}
+
#project
#project
{
{
Line 75: Line 71:
     position: absolute;
     position: absolute;
     top: 50px;
     top: 50px;
-
     width: 76%;
+
     width: 68%;
     left: 14%;  
     left: 14%;  
}
}
Line 82: Line 78:
      
      
     text-align:justify;
     text-align:justify;
-
     line-height: 4;
+
     line-height: 1.6;
     position: absolute;
     position: absolute;
-
     top: 457px;
+
     top: 189px;
-
     width: 100%;
+
     width: 67.2%;
-
     left: 0%;
+
     left: 14%;
-
    background-image: url('https://static.igem.org/mediawiki/2012/a/ab/JHU_bg2.png');
+
     font-size: 140%;
     font-size: 140%;
-
     border: 3px solid #222222;
+
     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');
      
      
      
      
Line 103: Line 102:
{
{
     position: relative;
     position: relative;
-
     top: -366px;
+
     top: 0px;
-
     left: 315px;
+
     left: 13%;
-
     width: 60%;
+
     width: 74%;
      
      
}
}
Line 177: Line 176:
#title
#title
{
{
-
     font-size: 220%;
+
 
-
     font-weight: bold;
+
 
-
}
+
 
-
#largeFont
+
     font-size: 19px;
-
{
+
    color: #ffffff;
-
     font-size: 220%;
+
     font-style: italic;
 +
    background-color: #E8512F;
 +
    display: block;
 +
     margin-bottom: 10px;
 +
    margin-top: 10px;
 +
    padding: 5px;
}
}
Line 225: Line 229:
.droplinebar{
.droplinebar{
-
border-top: 1px solid #999999;
+
 
position: relative;
position: relative;
 +
border-top: 1px dotted #999999;
}
}
Line 236: Line 241:
width: 100%;
width: 100%;
line-height:20;
line-height:20;
-
font:  16px Verdana;
+
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*/
background: #000 url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png') repeat-x; /*default background of menu bar*/
}
}
Line 242: Line 247:
.droplinebar ul li{
.droplinebar ul li{
display: inline;
display: inline;
-
width: 190px;
+
 
}
}
Line 248: Line 253:
float: left;
float: left;
color: white;
color: white;
-
padding: 13px 20px;
+
text-align: center;
 +
padding: 13px 15px;
text-decoration: none;
text-decoration: none;
}
}
Line 258: Line 264:
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
color: white;
-
background: #E8512F url() center center repeat-x;
+
background: center center repeat-x;
-
}
+
background: #E8512F;
 +
}
/* Sub level menus*/
/* Sub level menus*/
.droplinebar ul li ul{
.droplinebar ul li ul{
Line 273: Line 280:
/* Sub level menu links style */
/* Sub level menu links style */
.droplinebar ul li ul li a{
.droplinebar ul li ul li a{
-
font: normal 15px Verdana;
+
font: normal 17px Verdana;
color:white;
color:white;
padding: 10px 26px;
padding: 10px 26px;
margin: 0;
margin: 0;
border-bottom: 1px solid #E8512F;
border-bottom: 1px solid #E8512F;
 +
width: 100px;
 +
background: #E8512F;
}
}
Line 409: Line 418:
.giovanni:hover {
.giovanni:hover {
   background-image: url('https://static.igem.org/mediawiki/2012/5/5b/Giovanni_bio.jpg');
   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');
 +
}
}

Latest revision as of 03:39, 27 October 2012

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');

}

Retrieved from "http://2012.igem.org/Team:Johns_Hopkins-Software/Templates/cssindex"