Template:TU-Delft css

From 2012.igem.org

(Difference between revisions)
Line 139: Line 139:
     line-height: 35px;
     line-height: 35px;
}
}
 +
 +
Line 379: Line 381:
*/
*/
 +
 +
 +
#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. */
 +
}
 +
 +
#nav li {
 +
    float: left;
 +
    position: relative;
 +
    list-style: none;
 +
}
 +
 +
 +
/* main level link */
 +
#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. */
 +
}
 +
 +
#nav li a:hover {
 +
    background: #3D3D3D; /* Bakgrund för mus-över i menyn. */
 +
    color: #fff;
 +
}
 +
 +
 +
/* sub levels link hover */
 +
#nav ul li:hover a, #nav li:hover li a {
 +
    background: #292929; /* Huvudbakgrund för dropdown. */
 +
    border: none;
 +
    color: #fff;
 +
}
 +
#nav ul a:hover {
 +
    background: #858585 !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/
 +
    color: #fff !important;
 +
}
 +
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
    display: block;
 +
}
 +
 +
/* level 2 list */
 +
#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. */
 +
}
 +
#nav ul li {
 +
    float: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    border-bottom: 1px solid #2d2d2d; /* Avskiljare i dropdown. */
 +
    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 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!"
 +
}
 +
 +
#nav:after {
 +
    content: ".";
 +
    display: block;
 +
    clear: both;
 +
    visibility: hidden;
 +
    line-height: 0;
 +
    height: 0;
 +
}
 +
 +
</style>
</style>
</head>
</head>
</html>
</html>

Revision as of 14:37, 4 September 2012

Retrieved from "http://2012.igem.org/Template:TU-Delft_css"