Team:Johns Hopkins/Templates/css/default

From 2011.igem.org

  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; }