Team:Johns Hopkins/Templates/css/default

From 2011.igem.org

(Difference between revisions)
 
(384 intermediate revisions not shown)
Line 1: Line 1:
-
*{
+
#globalWrapper, body {
-
padding: 0px;
+
background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x;
-
margin: 0px;
+
/*background: #f6b3a3 url('bg1.jpg') no-repeat;
-
}
+
background-size: 100%; */
-
 
+
font-size: 10pt
-
body
+
-
{
+
-
background: #F9F9F7 url('images/a1.gif') repeat-x;
+
-
font-size: 11px;
+
font-family: "trebuchet ms", helvetica, sans-serif;
font-family: "trebuchet ms", helvetica, sans-serif;
-
color: #8C8C73;
+
color: #575757;
line-height: 18px;
line-height: 18px;
 +
text-align:justify;
}
}
-
a
+
 
-
{
+
a{
-
color: #FF7800;
+
        color: #e8512f;
-
text-decoration: underline;
+
}
}
-
a:hover
+
a:visited{
-
{
+
        color: #e8512f;
-
text-decoration: none;
+
}
}
-
sup
+
a:hover{
-
{
+
        color: #6d6d6a;
-
font-size: 0.5em;
+
        text-decoration:none;
}
}
-
p
+
#content
{
{
-
margin-bottom: 14px;
+
position: relative;
-
text-align: justify;
+
top: 0px;
 +
margin: 0 auto;
 +
background: #fff;
 +
width: 963px;
 +
z-index: 1;
 +
border: 1px solid #efefef;
}
}
-
img.picA
+
#content {
-
{
+
    background-color: white;
-
position: relative;
+
    border:none;
-
top: -2px;
+
    padding-bottom:none;
-
background: url('images/a47.gif') no-repeat;
+
    margin-bottom:none;
-
width: 76px;
+
    border: 1px solid #efefef;
-
height: 74px;
+
-
padding: 8px;
+
}
}
-
img.picB
+
#primarycontent {
-
{
+
margin-left:40px;
-
position: relative;
+
position:relative;
-
top: -2px;
+
width:610px;
-
background: url('images/a26.gif') no-repeat;
+
float:left;
-
width: 146px;
+
-
height: 75px;
+
-
padding: 7px;
+
}
}
-
img.floatleft
+
#primaryprofilecontent {
-
{
+
        margin-top:10px;
-
float: left;
+
margin-left:20px;
-
margin: 0px 14px 3px 0px;
+
position:relative;
 +
width:670px;
 +
float:left;
 +
        line-height:175%;
}
}
 +
#primaryprofilecontent ul {
 +
        float: left; list-style: none;
 +
        margin-left: 0px;
 +
}
-
ul.linklist
+
#primaryprofilecontent ul li {
-
{
+
        display: inline;  
-
list-style: none;
+
}
}
-
ul.linklist li
+
#primaryprofilecontent ul li ul li {  
-
{
+
display:block;  
-
border-top: solid 1px #EEEEEE;
+
width:210px;
-
padding-top: 5px;
+
height:300px;
-
margin: 5px 0px 0px 0px;
+
text-align:center;
}
}
-
ul.linklist li.first
+
#primaryprofilecontent a{
-
{
+
        color: #6d6d6a;
-
border-top: 0px;
+
-
margin-top: 0px;
+
-
padding-top: 0px;
+
}
}
-
#upbg
+
#primaryprofilecontent a:hover{
-
{
+
        color: #e8512f;
-
position: absolute;
+
        text-decoration:none;
-
top: 0px;
+
-
left: 0px;
+
-
background: #fff url('images/upbg.gif') no-repeat;
+
-
width: 747px;
+
-
height: 264px;
+
-
z-index: 1;
+
}
}
-
#outer
+
 
-
{
+
#bigcontent {
-
position: relative;
+
position:relative;
-
width: 100%;
+
        margin-left:40px;
-
margin: 0 auto;
+
        margin-right:40px;
-
background: #fff url('images/abg.gif') repeat-y;
+
}
}
-
#inner
+
#secondarycontent {
-
{
+
position:relative;
-
position: relative;
+
width:225px;
-
padding: 13px 30px 13px 30px;
+
float:right;
-
z-index: 2;
+
margin-right:40px;
 +
border: 1px solid #ebebe9;
 +
border-top: 3px solid #6f59ff;
 +
        text-align:left;
}
}
-
#header
+
#secondarycontenttshirt {
-
{
+
        margin-top:30px;
-
position: absolute;
+
position:relative;
-
background: #FF7800 url('images/a8.gif') repeat-x;
+
width:225px;
-
width: 25%;
+
float:right;
-
height: 92px;
+
margin-right:40px;
-
color: #fff;
+
border: 1px solid #ebebe9;
-
padding-left: 20px;
+
border-top: 3px solid #e6c146;
 +
        text-align:left;
}
}
-
#header span
+
#secondarycontentblue {
-
{
+
        margin-top:30px;
-
font-weight: normal;
+
float:right;
 +
position:fixed;
 +
width:220px;
 +
margin-right:40px;
 +
border: 1px solid #ebebe9;
 +
border-top: 3px solid #6f59ff;
 +
        margin-left:700px;
 +
        text-align:left;
}
}
-
#header h1
+
#secondarycontentblue a{
-
{
+
        color: #6f59ff;
-
position: absolute;
+
-
font-size: 23px;
+
-
letter-spacing: -1px;
+
-
top: 30px;
+
-
height: 92px;
+
}
}
-
#header h2
+
#secondarycontentblue a:visited{
-
{
+
        color: #6f59ff;
-
position: absolute;
+
-
font-size: 10px;
+
-
font-weight: normal;
+
-
color: #FCE2CA;
+
-
top: 51px;
+
}
}
-
#header sup
+
#secondarycontentblue a:hover{
-
{
+
        color: #6d6d6a;
-
color: #FCE2CA;
+
        text-decoration:none;
}
}
-
#splash
+
#secondarycontentgreen {
-
{
+
        margin-top:30px;
-
position: absolute;
+
float:right;
-
right: 30px;
+
position:fixed;
-
background: #EAEAE2 url('images/a10.jpg') no-repeat;
+
width:220px;
-
width: 66%;
+
margin-right:40px;
-
height: 92px;
+
border: 1px solid #ebebe9;
 +
border-top: 3px solid #22a556;
 +
        margin-left:700px;
 +
        text-align:left;
}
}
-
#menu
+
#secondarycontentgreen a{
-
{
+
        color: #22a556;
-
position: relative;
+
-
background: #46461F url('images/a16.gif') repeat-x;
+
-
height: 67px;
+
-
padding: 0px 20px 0px 5px;
+
-
margin: 98px 0px 20px 0px;
+
}
}
-
#menu ul
+
#secondarycontentgreen a:visited{
-
{
+
        color: #22a556;
}
}
-
#menu ul li
+
#secondarycontentgreen a:hover{
-
{
+
        color: #6d6d6a;
-
display: inline;
+
        text-decoration:none;
-
line-height: 52px;
+
}
-
padding-left: 3px;
+
#secondarycontentpurple {
 +
        margin-top:30px;
 +
float:right;
 +
position:fixed;
 +
width:220px;
 +
margin-right:40px;
 +
border: 1px solid #ebebe9;
 +
border-top: 3px solid #8d39cc;
 +
        margin-left:700px;
 +
        text-align:left;
}
}
-
#menu ul li.first
+
#secondarycontentpurple a{
-
{
+
        color: #8d39cc;
-
border-left: 0px;
+
}
}
-
#menu ul li a
+
#secondarycontentpurple a:visited{
-
{
+
        color: #8d39cc;
-
background-color: transparent;
+
-
background-repeat: repeat-x;
+
-
padding: 8px 12px 8px 12px;
+
-
font-size: 12px;
+
-
color: #fff;
+
-
font-weight: bold;
+
}
}
-
#menu ul li a:hover
+
#secondarycontentpurple a:hover{
-
{
+
        color: #6d6d6a;
-
background: #fff url('images/a18.gif') repeat-x top;
+
        text-decoration:none;
-
color: #4A4A24;
+
-
text-decoration: none;
+
}
}
-
#date
+
#secondarycontentyellow {
-
{
+
        margin-top:30px;
-
position: absolute;
+
float:right;
-
top: 0px;
+
position:fixed;
-
line-height: 52px;
+
width:220px;
-
color: #BDBDA2;
+
margin-right:40px;
-
right: 30px;
+
border: 1px solid #ebebe9;
-
font-weight: bold;
+
border-top: 3px solid #e6c146;
-
font-size: 12px;
+
        margin-left:700px;
-
letter-spacing: -1px;
+
        text-align:left;
}
}
-
#secondarycontent
+
#secondarycontentyellow a{
-
{
+
        color: #e6c146;
-
position: relative;
+
-
width: 25%;
+
-
float: right;
+
}
}
-
#secondarycontent h3
+
#secondarycontentyellow a:visited{
-
{
+
        color: #e6c146;
-
position: relative;
+
-
top: 4px;
+
-
font-size: 16px;
+
-
line-height: 25px;
+
-
color: #656551;
+
-
letter-spacing: -1px;
+
-
background: url('images/a22.gif') bottom repeat-x;
+
-
padding: 0px 0px 10px 10px;
+
-
margin-bottom: 20px;
+
}
}
-
#secondarycontent .content
+
#secondarycontentyellow a:hover{
-
{
+
        color: #6d6d6a;
-
padding: 0px 10px 0px 10px;
+
        text-decoration:none;
-
margin-bottom: 20px;
+
}
}
-
#primarycontent
+
#profilecontent {
-
{
+
        margin-top:10px;
-
position: relative;
+
float:right;
-
width: 75%;
+
position:fixed;
-
float: left;
+
width:275px;
 +
margin-right:20px;
 +
border: 1px solid #ebebe9;
 +
border-top: 3px solid #6f59ff;
 +
        margin-left:670px;
 +
        text-align:left;
}
}
-
#primarycontent h3
+
#ackcontent {
-
{
+
        margin-top:40px;
-
position: relative;
+
position:relative;
-
top: 4px;
+
width:275px;
-
font-size: 18px;
+
float:right;
-
line-height: 25px;
+
margin-right:40px;
-
color: #656551;
+
border: 1px solid #ebebe9;
-
letter-spacing: -1px;
+
border-top: 3px solid #6f59ff;
-
background: url('images/a22.gif') bottom repeat-x;
+
-
padding: 0px 0px 10px 15px;
+
-
margin-bottom: 20px;
+
}
}
-
#primarycontent .content
+
.boxleft{
-
{
+
position:relative;
-
padding: 0px 15px 0px 15px;
+
float:left;
-
margin-bottom: 20px;
+
width:250px;
 +
margin-left:40px;
 +
border: 1px solid #ebebe9;
 +
border-top: 3px solid #22a356;
}
}
-
#primarycontent .post
+
.boxmiddle{
-
{
+
position:relative;
-
margin-bottom: 30px;
+
width:250px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
border: 1px solid #ebebe9;
 +
border-top: 3px solid #6f59ff;
}
}
-
#primarycontent .post .header
+
.boxright{
-
{
+
position:relative;
-
position: relative;
+
float:right;
 +
width:250px;
 +
margin-right:40px;
 +
border: 1px solid #ebebe9;
 +
border-top: 3px solid #e6c146;
}
}
-
#primarycontent .post .date
+
.boxbig{
-
{
+
position:relative;
-
position: absolute;
+
width: 887px;
-
right: 15px;
+
margin-left:auto;
-
top: 0px;
+
margin-right:auto;
-
line-height: 35px;
+
border: 1px solid #ebebe9;
-
color: #AFAFA4;
+
border-top: 3px solid #8d39cc;
-
font-weight: bold;
+
}
}
-
#primarycontent .post .content
+
#boxheading{
-
{
+
background:url('https://static.igem.org/mediawiki/2011/0/08/Igem_jhu_a22.gif') bottom repeat-x;
-
margin-bottom: 0px;
+
padding:0px 0px 10px 10px;
 +
margin-top:10px;
 +
        font-size:120%;
 +
        font-weight:bold;
}
}
-
#primarycontent .post .footer
+
#boxcontent{
-
{
+
padding:10px 10px 10px 10px;
-
position: relative;
+
-
top: -10px;
+
-
background: url('images/a33.gif') repeat-x;
+
-
height: 64px;
+
}
}
-
#primarycontent .post .footer ul
+
 
-
{
+
#boxcontent .heading{
-
list-style: none;
+
        font-style: italic;
-
position: absolute;
+
        font-size:110%;
-
right: 15px;
+
        line-height:170%;
-
bottom: 15px;
+
        border-bottom: 1px solid #EBEBE9;
 +
        margin-bottom: 6px;
 +
        padding-left:2px;
}
}
-
#primarycontent .post .footer ul li
+
#boxlist ul {
-
{
+
        float: left; list-style: none;
 +
        margin-left: 0px;
 +
}
 +
 
 +
#boxlist ul li {
 +
        display: inline;
 +
}
 +
 
 +
#boxlist ul li ul li {
 +
display:block;
 +
width:280px;
 +
height:70px;
 +
text-align:center;
 +
}
 +
 
 +
#boxlist ul li ul li a{
 +
        color: #6d6d6a;
 +
}
 +
 
 +
#boxlist ul li ul li a:hover{
 +
        color: #e8512f;
 +
        text-decoration:none;
 +
}
 +
 
 +
#maintitle {
 +
        color: #e8512f;
 +
        font-size:20px;
 +
        text-align:center;
 +
}
 +
 
 +
.droplinebar{
 +
overflow: hidden;
 +
}
 +
 
 +
.droplinebar ul{
 +
margin: 0;
 +
padding: 0;
 +
float: left;
 +
width: 100%;
 +
line-height:20;
 +
font: bold 13px Arial;
 +
background: #fff url('https://static.igem.org/mediawiki/2011/5/51/Jhunavbg.png') repeat-x; /*default background of menu bar*/
 +
}
 +
 
 +
.droplinebar ul li{
display: inline;
display: inline;
-
line-height: 14px;
+
width:190px;
-
padding-left: 17px;
+
-
margin-left: 25px;
+
-
background-repeat: no-repeat;
+
-
background-position: 0px 2px;
+
}
}
-
#primarycontent .post .footer ul li.printerfriendly
+
.droplinebar ul li a{
-
{
+
float: left;
-
background-image: url('images/a41.gif');
+
color: black;
 +
padding: 16px 31px;
 +
text-decoration: none;
}
}
-
#primarycontent .post .footer ul li.comments
+
.droplinebar ul li a:visited{
-
{
+
color: black;
-
background-image: url('images/a36.gif');
+
}
}
-
#primarycontent .post .footer ul li.readmore
+
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
-
{
+
color: white;
-
background-image: url('images/a38.gif');
+
background: #E8512F url() center center repeat-x;
}
}
-
#footer
+
/* Sub level menus*/
-
{
+
.droplinebar ul li ul{
-
position: relative;
+
position: absolute;
-
clear: both;
+
z-index: 100;
-
height: 66px;
+
left: 0;
-
text-align: center;
+
top: 0;
-
line-height: 66px;
+
background: #E8512F; /*sub menu background color */
-
background-image: url('images/a50.gif');
+
visibility: hidden;
-
color: #A8A88D;
+
}
}
-
#footer a
+
/* Sub level menu links style */
-
{
+
.droplinebar ul li ul li a{
-
color: #8C8C73;
+
font: normal 12px 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;
 +
 +
}
 +
 +
.theme-default #slider {
 +
    margin:25px auto 0 auto;
 +
    width:885px; /* Make sure your images are the same size */
 +
    height:300px; /* Make sure your images are the same size */
 +
}
 +
 +
.clear {
 +
clear:both;
 +
}
-
/* WIKI HACKS */  
+
/* Wiki hacks */
.firstHeading {
.firstHeading {
-
  display : none;
+
  display:none;
}
}
Line 361: Line 413:
     padding-bottom:none;
     padding-bottom:none;
     margin-bottom:none;
     margin-bottom:none;
 +
    border: 1px solid #efefef;
 +
}
}
#bodyContent {
#bodyContent {
     border: none;
     border: none;
 +
    padding:0px;
 +
    margin:0px;   
}
}
#top-section {
#top-section {
-
     height: 203px;
+
     height: 0px;
     margin-top: 0 px;
     margin-top: 0 px;
     margin-left: auto;
     margin-left: auto;
Line 376: Line 432:
     padding:0;
     padding:0;
     border: none;
     border: none;
-
     display: none;
+
     display: display;
}
}
Line 390: Line 446:
}
}
-
#footer-box{
+
 
 +
 
 +
#catlinks{
   display: none;
   display: none;
}
}
 +
 +
#search-controls {
 +
    overflow:hidden;
 +
    display:none;
 +
    background: none;
 +
    position: absolute;
 +
    top: 100px;
 +
    right: 40px;
 +
}
 +
 +
.right-menu li a:link{
 +
  padding-top: 10px;
 +
  background:transparent;
 +
  text-decoration: none;
 +
  color: #000;
 +
}
 +
 +
.right-menu li a:hover{
 +
  padding-top: 10px;
 +
  background:transparent;
 +
  text-decoration: underline;
 +
  color: #000;
 +
}
 +
 +
.right-menu li a:visited{
 +
  padding-top: 10px;
 +
  background:transparent;
 +
  text-decoration: none;
 +
  color: #000;
 +
}
 +
 +
.mw-headline{
 +
position: relative;
 +
top: 4px;
 +
font-size: 18px;
 +
line-height: 25px;
 +
color: #656551;
 +
letter-spacing: -1px;
 +
 +
padding: 0px 0px 10px 15px;
 +
margin-bottom: 20px;
 +
}
 +
 +
.mw-headline :before{
 +
content: '=';
 +
}
 +
 +
.right-menu {
 +
position:relative;
 +
}
 +
 +
#top-section {
 +
width:965;
 +
}
 +
 +
#menubar{
 +
padding-top:5px;
 +
}
 +
 +
#footer-box {
 +
position: relative;
 +
border: none;
 +
margin-top: 40px;
 +
margin-bottom: 20px;
 +
bottom: 10px;
 +
padding: -5px;
 +
background:transparent;
 +
}
 +
 +
#footer {
 +
position: relative;
 +
width: 965px;
 +
float: right;
 +
padding: 5px;
 +
margin-right: -5px;
 +
}
 +
 +
/* Headings */
 +
 +
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
 +
 +
h1 { font-size:12px; }
 +
h2 { font-size:12px; }
 +
h3 { font-size:12px; }
 +
h4 { font-size:14px; padding-left:20px;}
 +
h5 { font-size:16px; padding-left:10px;}
 +
h6 { font-size:18px; padding-bottom:9px; border-bottom: 1px solid #EBEBE9; margin-bottom: 15px; }

Latest revision as of 21:46, 28 September 2011

  1. globalWrapper, body {

background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x; /*background: #f6b3a3 url('bg1.jpg') no-repeat; background-size: 100%; */ font-size: 10pt font-family: "trebuchet ms", helvetica, sans-serif; color: #575757; line-height: 18px; text-align:justify; }


a{ 

       color: #e8512f;

}

a:visited{ 

       color: #e8512f;

}

a:hover{ 

       color: #6d6d6a;
       text-decoration:none;

}


  1. content

{ position: relative; top: 0px; margin: 0 auto; background: #fff; width: 963px; z-index: 1; border: 1px solid #efefef; }

  1. content { 
   background-color: white;
   border:none;
   padding-bottom:none;
   margin-bottom:none;
   border: 1px solid #efefef;

}

  1. primarycontent {

margin-left:40px; position:relative; width:610px; float:left; }

  1. primaryprofilecontent { 
       margin-top:10px;

margin-left:20px; position:relative; width:670px; float:left; 

       line-height:175%;

}

  1. primaryprofilecontent ul { 
        float: left; list-style: none; 
        margin-left: 0px;

}

  1. primaryprofilecontent ul li { 
       display: inline;

}

  1. primaryprofilecontent ul li ul li {

display:block; width:210px; height:300px; text-align:center; }

  1. primaryprofilecontent a{ 
       color: #6d6d6a;

}

  1. primaryprofilecontent a:hover{ 
       color: #e8512f;
       text-decoration:none;

}


  1. bigcontent {

position:relative; 

       margin-left:40px;
       margin-right:40px;

}

  1. secondarycontent {

position:relative; width:225px; float:right; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff; 

       text-align:left;

}

  1. secondarycontenttshirt { 
       margin-top:30px;

position:relative; width:225px; float:right; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #e6c146; 

       text-align:left;

}

  1. secondarycontentblue { 
       margin-top:30px;

float:right; position:fixed; width:220px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff; 

       margin-left:700px;
       text-align:left;

}

  1. secondarycontentblue a{ 
       color: #6f59ff;

}

  1. secondarycontentblue a:visited{ 
       color: #6f59ff;

}

  1. secondarycontentblue a:hover{ 
       color: #6d6d6a;
       text-decoration:none;

}

  1. secondarycontentgreen { 
       margin-top:30px;

float:right; position:fixed; width:220px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #22a556; 

       margin-left:700px;
       text-align:left;

}

  1. secondarycontentgreen a{ 
       color: #22a556;

}

  1. secondarycontentgreen a:visited{ 
       color: #22a556;

}

  1. secondarycontentgreen a:hover{ 
       color: #6d6d6a;
       text-decoration:none;

}

  1. secondarycontentpurple { 
       margin-top:30px;

float:right; position:fixed; width:220px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #8d39cc; 

       margin-left:700px;
       text-align:left;

}

  1. secondarycontentpurple a{ 
       color: #8d39cc;

}

  1. secondarycontentpurple a:visited{ 
       color: #8d39cc;

}

  1. secondarycontentpurple a:hover{ 
       color: #6d6d6a;
       text-decoration:none;

}

  1. secondarycontentyellow { 
       margin-top:30px;

float:right; position:fixed; width:220px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #e6c146; 

       margin-left:700px;
       text-align:left;

}

  1. secondarycontentyellow a{ 
       color: #e6c146;

}

  1. secondarycontentyellow a:visited{ 
       color: #e6c146;

}

  1. secondarycontentyellow a:hover{ 
       color: #6d6d6a;
       text-decoration:none;

}

  1. profilecontent { 
       margin-top:10px;

float:right; position:fixed; width:275px; margin-right:20px; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff; 

       margin-left:670px;
       text-align:left;

}

  1. ackcontent { 
       margin-top:40px;

position:relative; width:275px; float:right; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff; }

.boxleft{ position:relative; float:left; width:250px; margin-left:40px; border: 1px solid #ebebe9; border-top: 3px solid #22a356; }

.boxmiddle{ position:relative; width:250px; margin-left:auto; margin-right:auto; border: 1px solid #ebebe9; border-top: 3px solid #6f59ff; }

.boxright{ position:relative; float:right; width:250px; margin-right:40px; border: 1px solid #ebebe9; border-top: 3px solid #e6c146; }

.boxbig{ position:relative; width: 887px; margin-left:auto; margin-right:auto; border: 1px solid #ebebe9; border-top: 3px solid #8d39cc; }

  1. boxheading{

background:url('https://static.igem.org/mediawiki/2011/0/08/Igem_jhu_a22.gif') bottom repeat-x; padding:0px 0px 10px 10px; margin-top:10px; 

       font-size:120%;
       font-weight:bold;

}

  1. boxcontent{

padding:10px 10px 10px 10px; }


  1. boxcontent .heading{ 
       font-style: italic;
       font-size:110%;
       line-height:170%;
       border-bottom: 1px solid #EBEBE9;
       margin-bottom: 6px;
       padding-left:2px;

}

  1. boxlist ul { 
        float: left; list-style: none; 
        margin-left: 0px;

}

  1. boxlist ul li { 
       display: inline;

}

  1. boxlist ul li ul li {

display:block; width:280px; height:70px; text-align:center; }

  1. boxlist ul li ul li a{ 
       color: #6d6d6a;

}

  1. boxlist ul li ul li a:hover{ 
       color: #e8512f;
       text-decoration:none;

}

  1. maintitle { 
       color: #e8512f;
       font-size:20px;
       text-align:center;

}

.droplinebar{ overflow: hidden; }

.droplinebar ul{ margin: 0; padding: 0; float: left; width: 100%; line-height:20; font: bold 13px Arial; background: #fff url('https://static.igem.org/mediawiki/2011/5/51/Jhunavbg.png') repeat-x; /*default background of menu bar*/ }

.droplinebar ul li{ display: inline; width:190px; }

.droplinebar ul li a{ float: left; color: black; padding: 16px 31px; text-decoration: none; }

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

.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 12px 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;

}

.theme-default #slider { 

   margin:25px auto 0 auto;
   width:885px; /* Make sure your images are the same size */
   height:300px; /* Make sure your images are the same size */

}

.clear { clear:both; }

/* Wiki hacks */

.firstHeading { 

 display:none;

}

  1. globalWrapper { 
   background-color: transparent;
   padding-bottom:0px;
   border: none;

}

  1. content { 
   background-color: white;
   border:none;
   padding-bottom:none;
   margin-bottom:none;
   border: 1px solid #efefef;

}

  1. bodyContent { 
   border: none;
   padding:0px;
   margin:0px;

}

  1. top-section { 
   height: 0px;
   margin-top: 0 px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0 !important;
  /* margin-bottom: 10px; */
   padding:0;
   border: none;
   display: display;

}

  1. p-logo { 
   height: 203px;
   overflow:hidden;
   border:none;
   display: none;

}

  1. p-logo img { 
   display: none;

}


  1. catlinks{ 
  display: none;

}

  1. search-controls { 
   overflow:hidden;
   display:none;
   background: none;
   position: absolute;
   top: 100px;
   right: 40px;

}

.right-menu li a:link{ 

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

}

.right-menu li a:hover{ 

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

}

.right-menu li a:visited{ 

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

}

.mw-headline{ position: relative; top: 4px; font-size: 18px; line-height: 25px; color: #656551; letter-spacing: -1px;

padding: 0px 0px 10px 15px; margin-bottom: 20px; }

.mw-headline :before{ content: '='; }

.right-menu { position:relative; }

  1. top-section {

width:965; }

  1. menubar{

padding-top:5px; }

  1. footer-box {

position: relative; border: none; margin-top: 40px; margin-bottom: 20px; bottom: 10px; padding: -5px; background:transparent; }

  1. footer {

position: relative; width: 965px; float: right; padding: 5px; margin-right: -5px; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size:12px; } h2 { font-size:12px; } h3 { font-size:12px; } h4 { font-size:14px; padding-left:20px;} h5 { font-size:16px; padding-left:10px;} h6 { font-size:18px; padding-bottom:9px; border-bottom: 1px solid #EBEBE9; margin-bottom: 15px; }

Retrieved from "http://2011.igem.org/Team:Johns_Hopkins/Templates/css/default"