Template:Team:Chalmers-Gothenburg/stylesheet

From 2012.igem.org

(Difference between revisions)
Line 31: Line 31:
     padding: 0;
     padding: 0;
     border: none;}
     border: none;}
-
#menubar {
+
 
 +
/* menu starts */
 +
 
 +
     
 +
        #Title2{
 +
 
 +
          height: 40px;
 +
          width: 600px;
 +
         
 +
          background: url(https://static.igem.org/mediawiki/2010/5/50/Title_center1.png);
 +
          background-repeat:no-repeat;
 +
          background-position: center;
 +
          }
 +
 
 +
#sddm
 +
{
 +
 
 +
  padding-left:62px;
 +
  padding-top: 0px;
 +
 
 +
}
 +
 +
#sddm li
 +
{     
 +
list-style: none;
 +
float:left;
 +
text-align:center;
 +
}
 +
 +
 +
#sddm li a
 +
 +
{ display: block;
 +
padding: 0px 0px;
 +
width: 96px;
 +
height:31px;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size:  15px;
 +
font-family: Rockwell;
 +
font-weight:normal;
 +
padding-top:10px;
 +
                       
 +
}
 +
#active {
 +
           
 +
}
 +
#active a{
 +
 
 +
background: url(https://static.igem.org/mediawiki/2010/0/0c/MActive2.png) top center repeat-y;
 +
        color:#FFFFFF;
 +
font:  13px arial !important;
 +
font-weight:600 !important;
 +
}
 +
#sddm li a:hover
 +
{ background: url(https://static.igem.org/mediawiki/2010/0/0c/MActive2.png) top center repeat-y;
 +
color:#fff;
 +
font:  13px arial;
 +
font-weight:600;
 +
}
 +
 +
 +
#sddm div
 +
{ position: absolute;
 +
visibility: hidden;
 +
margin-top: -5px;
 +
                     
 +
padding: 0px;
 +
background: #fff ;
 +
border: 1px solid #9CD2ED ;
 +
}
 +
 +
 +
#sddm div a
 +
{ position: relative;
 +
height:16px;
 +
display: block;
 +
margin: 0px;
 +
padding: 4px 20px;
 +
                                padding-top:auto;
 +
                                padding-bottom:auto;
 +
width:auto;
 +
min-width: 100px;
 +
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica !important;
 +
text-align: left;
 +
text-decoration: none;
 +
background: transparent;
 +
color: #2e6d95;
 +
font-weight:normal !important;
 +
font-size: 11px !important ;
 +
border:none;
 +
 +
}
 +
 +
#sddm div a:hover
 +
{ background: #61b5da  url(https://static.igem.org/mediawiki/2010/9/9d/MArrow.png) no-repeat;
 +
 +
color: #FFF;
 +
text-decoration:none;
 +
font:  11px arial;
 +
font-weight:500;
 +
}
 +
 +
/* menu ends */
 +
 
 +
/* #menubar {
     font-size: 65%;
     font-size: 65%;
     top: -14px;}
     top: -14px;}
Line 43: Line 148:
     color: transparent;}
     color: transparent;}
#menubar:hover li a {
#menubar:hover li a {
-
     color: #292929;}
+
     color: #292929;} */
/* --- OVERRIDING, RÖR INTE ÖVER --- */
/* --- OVERRIDING, RÖR INTE ÖVER --- */

Revision as of 08:25, 4 July 2012

  • { 
 font-family: Computer Modern;
 margin-left:50px; 
 margin-right:50px;

}

  • { 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{ 

        background-color: #084B8A;

border: none; 

       }
  1. content { 
   border: none;}
  1. top-section { 
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}

/* menu starts */ 


       #Title2{
 
         height: 40px;
         width: 600px;
         
         background: url(Title_center1.png);
         background-repeat:no-repeat;
         background-position: center;
         }

#sddm {

padding-left:62px; padding-top: 0px;

}

#sddm li { list-style: none; float:left; text-align:center; }


#sddm li a

{ display: block; padding: 0px 0px; width: 96px; height:31px; text-align: center; text-decoration: none; font-size: 15px; font-family: Rockwell; font-weight:normal; padding-top:10px;

} #active {

} #active a{

background: url(MActive2.png) top center repeat-y; color:#FFFFFF; font: 13px arial !important; font-weight:600 !important; } #sddm li a:hover { background: url(MActive2.png) top center repeat-y; color:#fff; font: 13px arial; font-weight:600; }


#sddm div { position: absolute; visibility: hidden; margin-top: -5px;

padding: 0px; background: #fff ; border: 1px solid #9CD2ED ; }


#sddm div a { position: relative; height:16px; display: block; margin: 0px; padding: 4px 20px; 

                                padding-top:auto;
                                padding-bottom:auto;

width:auto; min-width: 100px; font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica !important; text-align: left; text-decoration: none; background: transparent; color: #2e6d95; font-weight:normal !important; font-size: 11px !important ; border:none;

}

#sddm div a:hover { background: #61b5da url(MArrow.png) no-repeat;

color: #FFF; text-decoration:none; font: 11px arial; font-weight:500; }

/* menu ends */

/* #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: #B0E0E6 /* <- #0080FFHuvudbakgrundsfärg vitaktig. */ font-family: "Verdana", arial, sans-serif; font-size: 12px; }

  1. wrapper { width: 960px; margin: 10px auto; padding: 6px; }
  1. header { height: 240px; background: url('https://static.igem.org/mediawiki/2012/0/03/Logga5.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 #6699cc; /*#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 28px; /* ändra höjd på meny alternativ. */ /* 22px utan stylesheet */
   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: #858585 !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 #6699cc; /*#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 social {

background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Join iGEM Chalmers on Facebook!" title="Join iGEM Chalmers on Facebook!" }

  1. nav social2 {

background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Follow iGEM Chalmers on Twitter!" title="Follow iGEM Chalmers on Twitter!" }

  1. nav social3 {

background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Look up the iGEM competition!" title="Look up the iGEM competition!" }

  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 #6699cc; /*#4ba6d5;  Blå ram längst ner på menyn. */
   color: #fff;
   padding: 10px; }
Retrieved from "http://2012.igem.org/Template:Team:Chalmers-Gothenburg/stylesheet"