Team:Chalmers-Gothenburg/stylesheet

From 2012.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
* { margin: 0; padding: 0; }
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
 +
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 65%;
 +
    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;}
 +
 +
body { margin: 10px 0 0 0;
 +
    padding: 0; background: #0A0A0A; font-family: Verdana, arial, sans-serif; font-size: 12px; }
 +
 +
#wrapper { width: 960px; margin: 10px auto; padding: 6px; }
 +
 +
#header { height: 240px; background: url( 'https://static.igem.org/mediawiki/2012/b/b9/Synth.jpg' ); } /* Bildens sökväg. */
 +
#header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }
 +
 +
#nav {
 +
    margin: 0;
 +
    background: #292929;
 +
    line-height: 35px;
 +
    border-bottom: 2px solid #4ba6d5;
 +
}
 +
 +
#nav li {
 +
    float: left;
 +
    position: relative;
 +
    list-style: none;
 +
}
 +
 +
 +
/* main level link */
 +
#nav li a {
 +
    color: #fff;
 +
    text-decoration: none;
 +
    display: block;
 +
    margin: 0 10px;
 +
    padding:  0px 10px;
 +
    margin: 0;
 +
    border-right: 1px solid #2d2d2d;
 +
}
 +
#nav li a:hover {
 +
    background: #3D3D3D;
 +
    color: #fff;
 +
}
 +
 +
 +
/* sub levels link hover */
 +
#nav ul li:hover a, #nav li:hover li a {
 +
    background: #292929;
 +
    border: none;
 +
    color: #fff;
 +
}
 +
#nav ul a:hover {
 +
    background: #3D3D3D !important;
 +
    color: #fff !important;
 +
}
 +
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
    display: block;
 +
}
 +
 +
/* level 2 list */
 +
#nav ul {
 +
    display: none;
 +
 +
    margin: 0;
 +
    padding: 0;
 +
    width: 185px; /* ändra bredd på dropdown */
 +
    position: absolute;
 +
    top: 35px;
 +
    left: 0;
 +
    border-bottom: 2px solid #4ba6d5;
 +
}
 +
#nav ul li {
 +
    float: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    border-bottom: 1px solid #2d2d2d;
 +
    line-height: 35px;
 +
}
 +
 +
/* level 3+ list */
 +
#nav ul ul {
 +
    left: 181px;
 +
    top: -3px;
 +
}
 +
 +
/* rounded corners of first and last link */
 +
#nav ul li:first-child > a {
 +
}
 +
#nav ul li:last-child > a {
 +
}
 +
 +
#nav:after {
 +
    content: ".";
 +
    display: block;
 +
    clear: both;
 +
    visibility: hidden;
 +
    line-height: 0;
 +
    height: 0;
 +
}
 +
 +
#footer { text-align: left; }

Revision as of 21:18, 23 April 2012

  • { margin: 0; padding: 0; }
  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;}
  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;}

body { margin: 10px 0 0 0;

   padding: 0; background: #0A0A0A; 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/b/b9/Synth.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: #292929;
   line-height: 35px;
   border-bottom: 2px solid #4ba6d5;

}

  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 10px;
   padding:  0px 10px;
   margin: 0;
   border-right: 1px solid #2d2d2d;

}

  1. nav li a:hover {
   background: #3D3D3D;
   color: #fff;

}


/* sub levels link hover */

  1. nav ul li:hover a, #nav li:hover li a {
   background: #292929;
   border: none;
   color: #fff;

}

  1. nav ul a:hover {
   background: #3D3D3D !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: 185px; /* ändra bredd på dropdown */
   position: absolute;
   top: 35px;
   left: 0;
   border-bottom: 2px solid #4ba6d5;

}

  1. nav ul li {
   float: none;
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #2d2d2d;
   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; }