Template:TU-Delft css

From 2012.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 127: Line 127:
background-color: #E0F574;
background-color: #E0F574;
}
}
 +
        #contentSub, #catlinks {
 +
                display:none;
 +
                }
.firstHeading {
.firstHeading {
Line 144: Line 147:
#menubar {
#menubar {
/* format top menubar */
/* format top menubar */
-
top: -10px;
+
top: 0px;
float: left;
float: left;
border: none;
border: none;
font-family:"Trebuchet MS","Verdana",Arial,sans-serif;
font-family:"Trebuchet MS","Verdana",Arial,sans-serif;
font-size:85%;
font-size:85%;
-
height: 22px;
+
height: 24px;
}
}
#menubar li a {
#menubar li a {
Line 171: Line 174:
z-index: 8;
z-index: 8;
}
}
 +
        #menubar.left-menu:hover {
 +
                background-color: transparent;}
#search-controls {
#search-controls {
Line 215: Line 220:
text-decoration: underline;
text-decoration: underline;
}
}
 +
        .right-menu li a {
 +
                background-color: transparent;
 +
                }
#footer-box {
#footer-box {
Line 252: Line 260:
#nav {
#nav {
     margin: 0;
     margin: 0;
-
     background:#141414; /* <- huvudbakgrund för menyn. */
+
     background:#AEC245;
     line-height: 35px;
     line-height: 35px;
-
     border-bottom: 0px solid #6699cc; /*#4ba6d5; Blå ram längst ner på menyn. */
+
     border-bottom: 0px solid #6699cc;
 +
    color: #3b3b3b;
}
}
Line 277: Line 286:
#nav li a:hover {
#nav li a:hover {
-
     background: #3D3D3D; /* Bakgrund för mus-över i menyn. */
+
     background: #336699;  
     color: #fff;
     color: #fff;
 +
  font-size:20px;
}
}
Line 284: Line 294:
/* 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; /* Huvudbakgrund för dropdown. */
+
     background: #AEC245; /* Huvudbakgrund för dropdown. */
     border: none;
     border: none;
     color: #fff;
     color: #fff;
}
}
#nav ul a:hover {
#nav ul a:hover {
-
     background: #858585 !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/
+
     background: #336699!important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/
     color: #fff !important;
     color: #fff !important;
}
}
Line 319: Line 329:
}
}
-
/* level 3+ list */
 
-
#nav ul ul {
 
-
    left: 181px;
 
-
    top: -3px;
 
-
}
 
/* rounded corners of first and last link */
/* rounded corners of first and last link */
Line 387: Line 392:
}
}
 +
 +
/* CSS Document */
 +
#menu, #menu ul {
 +
list-style:none;
 +
padding:0;
 +
margin:0;
 +
}
 +
#menu li {
 +
float:left;
 +
position:relative;
 +
line-height:3.5em;
 +
width:15em;
 +
}
 +
#menu li ul {
 +
position:absolute;
 +
margin-top:-1em;
 +
margin-left:.5em; /* for IE */
 +
display:none;
 +
}
 +
#menu ul li ul {
 +
margin-top:-3em;
 +
margin-left:7em;
 +
}
 +
/* ******************************************************************* */
 +
/* SHOW SUBMENU  1 */
 +
#menu li:hover ul, #menu li.over ul {
 +
display:block;
 +
}
 +
#menu li:hover ul ul, #menu li.over ul ul {
 +
display:none;
 +
}
 +
/* SHOW SUBMENU  2 */
 +
#menu ul li:hover ul, #menu ul li.over ul {
 +
display:block;
 +
}
 +
/* ******************************************************************* */
 +
/* STYLING UP THE LINKS */
 +
#menu a {
 +
display:block;
 +
border-right:1px solid #fff;
 +
background:#E0F574;
 +
color:#3B3B3B;
 +
text-decoration:none;
 +
padding:0 10px;
 +
}
 +
#menu a:hover {
 +
background-color:#5798B4;
 +
color:#fff;
 +
}
 +
#menu ul {
 +
border-top:1px solid #fff;
 +
}
 +
#menu ul a {
 +
border-right:none;
 +
border-right:1px solid #fff;
 +
border-bottom:1px solid #fff;
 +
border-left:1px solid #fff;
 +
background:#AEC245;
 +
}
 +
 +
/* ******************************************************************* */
 +
 +
#menu {
 +
z-index:1;
 +
}
 +
#menu ul {
 +
z-index:2;
 +
}
 +
#menu ul ul {
 +
z-index:3;
 +
}
 +
 +
/* ******************************************************************* */
 +
 +
/* Fix IE. Hide from IE Mac \*/
 +
* html ul li { float: left; height: 1%; }
 +
* html ul li a { height: 1%; }
 +
/* End */
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 22:42, 4 September 2012

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