Template:Team:Chalmers-Gothenburg/stylesheet

From 2012.igem.org

(Difference between revisions)
Line 10: Line 10:
body{
body{
 +
<div id="fb-root"></div>
 +
<script>(function(d, s, id) {
 +
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/sv_SE/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));</script>
         background-color: white;
         background-color: white;
          
          

Revision as of 13:03, 7 June 2012

  • { margin: 0; padding: 0; }


/* OVERRIDING */

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}
  1. top-section { 
   border: none;
   height: 0px;}

body{

<script>(function(d, s, id) { 

 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/sv_SE/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script> 

        background-color: white;
        
       }
  1. content { 
   border: none;}
  1. top-section { 
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar { 
   font-size: 65%;
   top: -14px;}

.left-menu:hover { 

   background-color: transparent;}
  1. menubar li a { 
   background-color: transparent;}
  1. menubar:hover { 
   color: white;}
  1. menubar li a { 
   color: transparent;}
  1. menubar:hover li a { 
   color: #292929;}

/* --- OVERRIDING, RÖR INTE ÖVER --- */


body { margin: 10px 0 0 0; padding: 0; background: #7070FF /* <- #0080FFHuvudbakgrundsfärg vitaktig. */ font-family: Verdana, arial, sans-serif; font-size: 12px; }

  1. wrapper { width: 960px; margin: 10px auto; padding: 6px; }
  1. header { height: 270px; background: url( 'https://static.igem.org/mediawiki/2012/c/c8/Logga4.jpg' ); } /* <- Bildens sökväg. */
  2. header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }
  1. nav { 
   margin: 0;
   background:#141414; /* <- huvudbakgrund för menyn. */
   line-height: 35px;
   border-bottom: 2px solid #4ba6d5; /* Blå ram längst ner på menyn. */

}

  1. nav li { 
   float: left;
   position: relative;
   list-style: none;

}


/* main level link */

  1. nav li a { 
   color: #fff;
   text-decoration: none;
   display: block;
   margin: 0 20px; /* ändra avstånd mellan meny alternativ. */
   padding:  0px 20px; /* ändra höjd på meny alternativ. */
   margin: 0;
   border-right: 1px solid #2d2d2d; /* Avskiljare i länkarna. */
   font-variant: small-caps; /* Ta bort hela för "vanliga" bokstäver. */

}

  1. nav li a:hover { 
   background: #3D3D3D; /* Bakgrund för mus-över i menyn. */
   color: #fff;

}


/* sub levels link hover */

  1. nav ul li:hover a, #nav li:hover li a { 
   background: #292929; /* Huvudbakgrund för dropdown. */
   border: none;
   color: #fff;

}

  1. nav ul a:hover { 
   background: #CCCCCC !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/
   color: #fff !important;

}

/* dropdown */

  1. nav li:hover > ul { 
   display: block;

}

/* level 2 list */

  1. nav ul { 
   display: none;

   margin: 0;
   padding: 0;
   width: 215px; /* ändra bredd på dropdown */
   position: absolute;
   top: 35px;
   left: 0;
   border-bottom: 2px solid #4ba6d5; /* blåa längst ner på dropdown. */

}

  1. nav ul li { 
   float: none;
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #2d2d2d; /* Avskiljare i dropdown. */
   line-height: 35px;

}

/* level 3+ list */

  1. nav ul ul { 
   left: 181px;
   top: -3px;

}

/* rounded corners of first and last link */

  1. nav ul li:first-child > a {

}

  1. nav ul li:last-child > a {

}

  1. nav:after { 
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;

}

  1. footer { text-align: left; 
   background: #FFFFFF; /* <- huvudbakgrund för footer. */
   border-top: 2px solid #4ba6d5; /* Blå ram längst ner på menyn. */
   color: #fff;
   padding: 10px; }
Retrieved from "http://2012.igem.org/Template:Team:Chalmers-Gothenburg/stylesheet"