Team:Johns Hopkins-Software/Templates/cssindex

From 2012.igem.org

(Difference between revisions)
(Created page with "body { color: ffffff } #navigation { position: absolute; left:0px; top: 0px; height: 30px; width: 100%; background-color:000000 } #header_body { ...")
 
(740 intermediate revisions not shown)
Line 1: Line 1:
-
body
+
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: ffffff
+
color: black;
-
 
+
}
}
-
#navigation
 
-
{
 
-
 
-
  position: absolute;
 
-
  left:0px;
 
-
  top: 0px;
 
-
  height: 30px;
 
-
  width: 100%;
 
-
  background-color:000000
 
-
 
-
}
 
#header_body
#header_body
{  
{  
-
 
   filter:alpha(opacity=80);  
   filter:alpha(opacity=80);  
   /*-moz-opacity:1.8;*/  
   /*-moz-opacity:1.8;*/  
Line 26: Line 21:
   position: absolute;  
   position: absolute;  
   left: 0px;  
   left: 0px;  
-
   top: 30px;
+
   top: 17px;
   height: 170px;
   height: 170px;
   width: 100%;
   width: 100%;
-
   background-color:000000
+
   background: black;
-
+
  background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png")
}
}
-
#header
+
#footer_body
 +
{
 +
  filter:alpha(opacity=80);
 +
  /*-moz-opacity:1.8;*/
 +
  opacity: 0.80;
 +
 
 +
  left: 0px;
 +
  bottom: 2217px;
 +
  height: 2170px;
 +
}
 +
 
 +
 
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;
 +
}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;
 +
}
 +
#content {
 +
    border: none;
 +
    background-color: #000;
 +
}
 +
 
 +
#globalWrapper
{
{
 +
    border: none;
 +
    position: absolute;
 +
    top: 1px;
 +
    width: 100%;
 +
    left: 0px;
 +
}
-
  position: absolute;  
+
#bodyContent
-
  width: 900px
+
{
 +
    background-color: #000;
 +
}
 +
#project
 +
{
 +
    background-color: #000;
 +
    position: absolute;
 +
    top: 50px;
 +
    width: 68%;
 +
    left: 14%;
 +
}
 +
#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');
 +
   
 +
   
 +
}
 +
#project_logo
 +
{
 +
    width: 300px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;
 +
}
 +
#project_description
 +
{
 +
    position: relative;
 +
    top: 0px;
 +
    left: 13%;
 +
    width: 74%;
 +
   
}
}
-
#header_title
+
#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}
 +
#wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px}
 +
 +
#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; }
 +
 +
#back { position:absolute; top: 300px; left: 2%; background-image:url("https://static.igem.org/mediawiki/2012/6/6e/Btn_back.png");
 +
  filter:alpha(opacity=70);
 +
  /*-moz-opacity:1.7;*/
 +
  opacity: 0.70; }
 +
#next { position:absolute; top: 300px; right: 2%; background-image:url("https://static.igem.org/mediawiki/2012/1/1d/Btn_next.png");
 +
  filter:alpha(opacity=70);
 +
  /*-moz-opacity:1.7;*/
 +
  opacity: 0.70; }
 +
#control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); }
 +
}
 +
 +
 +
#header_new
 +
{
 +
  position: absolute;
 +
  width: 100%;
 +
  top: 17px;
 +
  background-color: 000000;
 +
 
 +
 +
}
 +
#header_title
 +
{
   position: absolute;
   position: absolute;
   width: 70%;  
   width: 70%;  
-
   left: 15%;  
+
   left: 14%;  
   top: 0px  
   top: 0px  
 +
}
 +
 +
#footer_new
 +
{
 +
  bottom: 2000px;
 +
}
 +
#footer_title
 +
{
 +
  width: 70%;
 +
  left: 14%;
 +
  bottom: 2700px
}
}
Line 56: Line 171:
   top: 125px;
   top: 125px;
   width: 100%;
   width: 100%;
-
   background-color: 000000
+
   background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png");
}
}
 +
#title
 +
{
 +
 +
 +
 +
    font-size: 19px;
 +
    color: #ffffff;
 +
    font-style: italic;
 +
    background-color: #E8512F;
 +
    display: block;
 +
    margin-bottom: 10px;
 +
    margin-top: 10px;
 +
    padding: 5px;
 +
}
#navigation_low
#navigation_low
{
{
-
   width: 75%;
+
   width: 70%;
   position: relative;
   position: relative;
-
   left:15%;
+
   left:14%;
-
   top: 0px
+
   top: 0px;
-
 
+
-
 
+
}
}
#Hopkins
#Hopkins
{
{
-
 
 
   position: absolute;
   position: absolute;
   width: 30%;
   width: 30%;
   top:130px;
   top:130px;
-
   left: 55%
+
   left: 80%
}
}
 +
.left-menu a {
 +
    background-color: black; }
 +
.right-menu a {
 +
    background-color: black; }
 +
#menubar
 +
{
 +
  background-image:url("https://static.igem.org/mediawiki/2012/e/e2/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;
 +
}
-
#description
+
.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');
 +
}
 +
 
 +
 
 +
#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');
-
  position: absolute;
 
-
  top: 87%;
 
-
  left: 0px;
 
-
  width: 100%;
 
-
  background-color: 000000
 
}
}

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"