Difference between revisions of "Team:TU Dresden/Templates/Menu"
Rooomiinaaa (Talk | contribs) |
Rooomiinaaa (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style> | ||
+ | |||
+ | |||
+ | /* hide various iGEM-elements */ | ||
+ | |||
+ | h1.firstHeading { | ||
+ | background-color: red; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 16px; | ||
+ | font-size: 13px; | ||
+ | background-color: black !important; | ||
+ | width: 100% !important; | ||
+ | color: #323232 !important; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | /* disable search-controls (top right corner) */ | ||
+ | #search-controls { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .searchButton { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | /* change the menubar (top menu) */ | ||
+ | #menubar { | ||
+ | display: table-cell; | ||
+ | background: transparent !important; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #menubar.left-menu { | ||
+ | } | ||
+ | |||
+ | #menubar * { | ||
+ | color: #777777 !important; | ||
+ | background: black !important; | ||
+ | } | ||
+ | |||
+ | #top-section:hover #menubar * { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | /* Disable Table Of Contents */ | ||
+ | table#toc { | ||
+ | display: none; | ||
+ | float: right; | ||
+ | margin: 0em; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | padding: 20px !important; | ||
+ | margin: auto !important; | ||
+ | width: 960px; | ||
+ | border: none; | ||
+ | position: relative; | ||
+ | background-color: white; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | #footer-box a{ | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #footer-box a:hover { | ||
+ | color: grey; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #footer-box a:active { | ||
+ | color: red; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /* main heading */ | ||
+ | h1 { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | /* edit links on headings */ | ||
+ | span.editsection { | ||
+ | font-size: .5em; | ||
+ | color: lightgrey; | ||
+ | } | ||
+ | span.editsection a { | ||
+ | color: black; | ||
+ | } | ||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <body> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | <html> | ||
+ | |||
+ | <html> | ||
<head> | <head> | ||
Line 20: | Line 139: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
− | |||
} | } | ||
Line 38: | Line 156: | ||
width: 100% ; | width: 100% ; | ||
position: relative; | position: relative; | ||
− | margin-top: | + | margin-top: 20px !important; |
height: auto; | height: auto; | ||
} | } | ||
Line 123: | Line 241: | ||
padding-top: 35px; | padding-top: 35px; | ||
height: 50px; | height: 50px; | ||
− | background-color: # | + | background-color: #8E0000; |
− | color: | + | color: white; |
left: -20px; | left: -20px; | ||
} | } | ||
Line 160: | Line 278: | ||
margin: 0px !important; | margin: 0px !important; | ||
text-align: center; | text-align: center; | ||
− | line-height: | + | line-height: 43px !important; |
− | height: | + | height: 71px; |
} | } | ||
Line 195: | Line 313: | ||
color: black !important; | color: black !important; | ||
padding: 14px 34px 14px 34px; | padding: 14px 34px 14px 34px; | ||
− | height: | + | height: auto; |
transition: background 0.3s ease-out; /* explorer 10 */ | transition: background 0.3s ease-out; /* explorer 10 */ | ||
Line 204: | Line 322: | ||
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a { | nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a { | ||
− | background-color: # | + | background-color: #009766; |
} | } | ||
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a { | nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a { | ||
− | background-color: # | + | background-color: #009766; |
} | } | ||
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a { | nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a { | ||
− | background-color: # | + | background-color: #009766; |
} | } | ||
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a { | nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a { | ||
− | background-color: # | + | background-color: #009766; |
} | } | ||
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a { | nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a { | ||
− | background-color: # | + | background-color: #009766; |
} | } | ||
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a { | nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a { | ||
− | background-color: # | + | background-color: #009766; |
} | } | ||
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a { | nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a { | ||
− | background-color: # | + | background-color: #009766; |
} | } | ||
nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a { | nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a { | ||
− | background-color: # | + | background-color: #EF4136; |
} | } | ||
nav ul li.catX:hover a, nav ul li.catX:hover > ul li a { | nav ul li.catX:hover a, nav ul li.catX:hover > ul li a { |
Revision as of 13:34, 2 August 2015