Template:Team:Chalmers-Gothenburg/stylesheet

From 2012.igem.org

(Difference between revisions)
m
 
(316 intermediate revisions not shown)
Line 1: Line 1:
-
* { margin: 0; padding: 0; }
+
* {
 +
  font-family:Century gothic;
 +
  margin-left:800px;  
 +
  margin-right:800px;
 +
 
 +
-
body { background: #F5F5F5; font-family: Verdana, arial, sans-serif; font-size: 12px; }
+
}
 +
 
 +
* { margin: 0px; padding: 0px; }
 +
 +
 
 +
 
 +
 
 +
/* OVERRIDING */
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
 
 +
body{
 +
background-color: #FFFFFF;
 +
background:url(' ') repeat;     
 +
 
 +
border: none;
 +
       
 +
        }
 +
 
 +
 
 +
#content {
 +
background-color: #FFFFFF;
 +
/*background:url('https://static.igem.org/mediawiki/2012/b/b3/Bg2.png') repeat;*/
 +
 
 +
    border:0px;}
 +
 
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
 
 +
 
 +
#menubar {
 +
    font-size: 80%;
 +
    top: -14px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#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; }
-
#wrapper { width: 960px; margin: 10px auto; border: 1px solid #E0E0E0; padding: 6px; }
+
#wrapper { width: 960px; margin: 10px auto; padding: 6px; }
-
#header { height: 120px; background: url( '../img/synth.jpg' ); } /* Bildens sökväg. */
+
#header { height: 240px; background: url('https://static.igem.org/mediawiki/2012/0/08/Logga6.jpg'); } /* <- Bildens sökväg. */
#header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }
#header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }
#nav {
#nav {
     margin: 0;
     margin: 0;
-
     background: #292929;
+
     background:#141414; /* <- huvudbakgrund för menyn. */
     line-height: 35px;
     line-height: 35px;
-
     border-bottom: 2px solid #4ba6d5;
+
     border-bottom: 0px solid #6699cc; /*#4ba6d5; Blå ram längst ner på menyn. */
}
}
Line 27: Line 88:
     text-decoration: none;
     text-decoration: none;
     display: block;
     display: block;
-
     margin: 0 10px;
+
     margin: 0 20px; /* ändra avstånd mellan meny alternativ. */
-
     padding:  0px 10px;
+
     padding:  0px 21px; /* ändra höjd på meny alternativ. */ /* 22px utan stylesheet */
     margin: 0;
     margin: 0;
-
     border-right: 1px solid #2d2d2d;
+
     border-right: 1px solid #2d2d2d; /* Avskiljare i länkarna. */
 +
    font-variant: small-caps; /* Ta bort hela för "vanliga" bokstäver. */
}
}
 +
#nav li a:hover {
#nav li a:hover {
-
     background: #3D3D3D;
+
     background: #3D3D3D; /* Bakgrund för mus-över i menyn. */
     color: #fff;
     color: #fff;
}
}
Line 40: Line 103:
/* sub levels link hover */
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
#nav ul li:hover a, #nav li:hover li a {
-
     background: #292929;
+
     background: #292929; /* Huvudbakgrund för dropdown. */
     border: none;
     border: none;
     color: #fff;
     color: #fff;
}
}
#nav ul a:hover {
#nav ul a:hover {
-
     background: #3D3D3D !important;
+
     background: #858585 !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/
     color: #fff !important;
     color: #fff !important;
}
}
Line 60: Line 123:
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
-
     width: 185px; /* ändra bredd på dropdown */
+
     width: 215px; /* ändra bredd på dropdown */
     position: absolute;
     position: absolute;
 +
    z-index:1;
     top: 35px;
     top: 35px;
     left: 0;
     left: 0;
-
     border-bottom: 2px solid #4ba6d5;
+
     border-bottom: 0px solid #6699cc; /*#4ba6d5; blåa längst ner på dropdown. */
}
}
#nav ul li {
#nav ul li {
Line 70: Line 134:
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
-
     border-bottom: 1px solid #2d2d2d;
+
     border-bottom: 1px solid #2d2d2d; /* Avskiljare i dropdown. */
 +
    line-height: 35px;
}
}
Line 83: Line 148:
}
}
#nav ul li:last-child > a {
#nav ul li:last-child > a {
 +
}
 +
 +
#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!"
 +
}
 +
 +
#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!"
 +
}
 +
 +
#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!"
}
}
Line 93: Line 191:
     height: 0;
     height: 0;
}
}
 +
 +
#footer { text-align: left;
 +
    background: #FFFFFF; /* <- huvudbakgrund för footer. */
 +
    border-top: 0px solid #6699cc; /*#4ba6d5;  Blå ram längst ner på menyn. */
 +
    color: #fff;
 +
    padding: 10px; }
 +
 +
__NOEDITSECTION__

Latest revision as of 20:52, 26 September 2012

  • { 
 font-family:Century gothic;
 margin-left:800px; 
 margin-right:800px;

}

  • { margin: 0px; padding: 0px; }



/* OVERRIDING */

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

body{ background-color: #FFFFFF; background:url(' ') repeat;

border: none; 

       }


  1. content {

background-color: #FFFFFF; /*background:url('https://static.igem.org/mediawiki/2012/b/b3/Bg2.png') repeat;*/ 

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


  1. menubar { 
   font-size: 80%;
   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/08/Logga6.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: 0px 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 21px; /* ä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;
   z-index:1;
   top: 35px;
   left: 0;
   border-bottom: 0px 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: 0px 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"