Line 36: | Line 36: | ||
#top_menu_inside{ margin: 0 auto;} | #top_menu_inside{ margin: 0 auto;} | ||
+ | |||
+ | body{ margin: 0; } | ||
/*general styling from here*/ | /*general styling from here*/ | ||
+ | |||
+ | header{ | ||
+ | height: 4em; | ||
+ | z-index: 999; | ||
+ | } | ||
#menu-bar { | #menu-bar { | ||
− | width: | + | width: 100%; |
− | margin: | + | margin: 0; |
− | padding: | + | padding: 0; |
− | height: | + | height: 100%; |
line-height: 100%; | line-height: 100%; | ||
border-radius: 0px; | border-radius: 0px; | ||
Line 52: | Line 59: | ||
-moz-box-shadow: 0px 0px 0px #666666; | -moz-box-shadow: 0px 0px 0px #666666; | ||
background: #000000; | background: #000000; | ||
− | |||
position:relative; | position:relative; | ||
z-index:999; | z-index:999; | ||
} | } | ||
#menu-bar li { | #menu-bar li { | ||
+ | line-height: 100%; | ||
+ | height: 100%; | ||
margin: 0px 0px 6px 0px; | margin: 0px 0px 6px 0px; | ||
padding: 0px 6px 0px 6px; | padding: 0px 6px 0px 6px; | ||
Line 64: | Line 72: | ||
} | } | ||
#menu-bar a { | #menu-bar a { | ||
+ | z-index: 5; | ||
+ | line-height: 4em; | ||
+ | height: 100%; | ||
font-weight: bold; | font-weight: bold; | ||
font-family: arial; | font-family: arial; | ||
Line 71: | Line 82: | ||
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
− | padding: 6px 20px | + | padding: 6px 20px 0px 20px; |
margin: 0; | margin: 0; | ||
margin-bottom: 6px; | margin-bottom: 6px; | ||
Line 81: | Line 92: | ||
#menu-bar li ul li a { | #menu-bar li ul li a { | ||
margin: 0; | margin: 0; | ||
+ | padding-left: 15px; | ||
+ | padding-top: 0; | ||
+ | line-height: 40px; | ||
} | } | ||
#menu-bar .active a, #menu-bar li:hover > a { | #menu-bar .active a, #menu-bar li:hover > a { | ||
Line 99: | Line 113: | ||
} | } | ||
#menu-bar ul a:hover { | #menu-bar ul a:hover { | ||
− | background: # | + | background: #403f3f !important; |
color: #FFFFFF !important; | color: #FFFFFF !important; | ||
border-radius: 0; | border-radius: 0; | ||
Line 110: | Line 124: | ||
} | } | ||
#menu-bar ul { | #menu-bar ul { | ||
+ | z-index: -1; | ||
background: #000000; | background: #000000; | ||
display: none; | display: none; | ||
− | margin: | + | margin-top: 2.1em; |
padding: 0; | padding: 0; | ||
width: 185px; | width: 185px; | ||
+ | height: 40px; | ||
position: absolute; | position: absolute; | ||
top: 30px; | top: 30px; | ||
Line 132: | Line 148: | ||
} | } | ||
#menu-bar ul a { | #menu-bar ul a { | ||
− | padding: | + | padding-left: 15px; |
+ | margin-top: 1em; | ||
color:#FFFFFF !important; | color:#FFFFFF !important; | ||
font-size:12px; | font-size:12px; |
Revision as of 11:05, 16 June 2016
/*clear wiki syling*/
- contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;}
- globalWrapper, #content { /*-- changes default wiki settings --*/
width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }
/* Remove wiki style DTU Denmark */
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px;}
- content {
border: none;}
- iGEM2016
{ position: fixed; height:50px; top: 22px !important; margin-left: -20px !important; background-color: transparent; vertical-align: sub; }
- sideMenu{display: none;}
div.logo_2016 {display: none;}
- top_menu_inside{ margin: 0 auto;}
body{ margin: 0; }
/*general styling from here*/
header{
height: 4em; z-index: 999;
}
- menu-bar {
width: 100%; margin: 0; padding: 0; height: 100%; line-height: 100%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: 0px 0px 0px #666666; -webkit-box-shadow: 0px 0px 0px #666666; -moz-box-shadow: 0px 0px 0px #666666; background: #000000; position:relative; z-index:999;
}
- menu-bar li {
line-height: 100%; height: 100%; margin: 0px 0px 6px 0px; padding: 0px 6px 0px 6px; float: left; position: relative; list-style: none;
}
- menu-bar a {
z-index: 5; line-height: 4em; height: 100%; font-weight: bold; font-family: arial; font-style: normal; font-size: 12px; color: #FFFDFD; text-decoration: none; display: block; padding: 6px 20px 0px 20px; margin: 0; margin-bottom: 6px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; text-shadow: 0px 0px 0px #000000;
}
- menu-bar li ul li a {
margin: 0; padding-left: 15px; padding-top: 0; line-height: 40px;
}
- menu-bar .active a, #menu-bar li:hover > a {
background: #5E5E5E; color: #FFFFFF; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); box-shadow: 0 1px 1px rgba(0, 0, 0, .2); text-shadow: 0px 0px 0px #FFFFFF;
}
- menu-bar ul li:hover a, #menu-bar li:hover li a {
background: none; border: none; color: #666; -box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
- menu-bar ul a:hover {
background: #403f3f !important; color: #FFFFFF !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: 0px 0px 0px #FFFFFF;
}
- menu-bar li:hover > ul {
display: block;
}
- menu-bar ul {
z-index: -1; background: #000000; display: none; margin-top: 2.1em; padding: 0; width: 185px; height: 40px; position: absolute; top: 30px; left: 0; border: solid 0px #B4B4B4; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-box-shadow: 0px 0px 0px #222222; -moz-box-shadow: 0px 0px 0px #222222; box-shadow: 0px 0px 0px #222222;
}
- menu-bar ul li {
float: none; margin: 0; padding: 0;
}
- menu-bar ul a {
padding-left: 15px; margin-top: 1em; color:#FFFFFF !important; font-size:12px; font-style:normal; font-family:arial; font-weight: normal; text-shadow: 0px 0px 0px #FFFFFF;
}
- menu-bar ul li:first-child > a {
border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px;
}
- menu-bar ul li:last-child > a {
border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px;
}
- menu-bar:after {
content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}
- menu-bar {
display: inline-block;
}
html[xmlns] #menu-bar { display: block;
}
- html #menu-bar {
height: 1%;
}