# HG changeset patch # User Pascal Bellard # Date 1322649977 -3600 # Node ID c195a156f892428c2eb9f815ef2d4443b31bf2b5 # Parent 3a830486245393abbaa13b368ff65afec3b21f5c Add dropdown menus diff -r 3a8304862453 -r c195a156f892 styles/default/header.html --- a/styles/default/header.html Tue Nov 29 18:13:57 2011 +0100 +++ b/styles/default/header.html Wed Nov 30 11:46:17 2011 +0100 @@ -20,14 +20,104 @@

- Panel - Packages - Network - Settings - Live - Boot - Hardware - Install +

+ Panel + +
- + Terminal +
- + Processes +
- + Create a report +
+
+ Packages + +
- + My packages +
- + Recharge list +
- + Check updates +
- + Administration +
+
+ Network + +
- + Ethernet +
- + Wireless +
- + Configuration +
+
+ Settings + +
- + Users +
+
+ Live +
+ Boot + +
- + Boot logs +
- + Manage daemons +
- + Boot loader +
+
+ Hardware + +
- + Modules +
+
+ Install + +
- + Install +
- + Upgrade +
+

diff -r 3a8304862453 -r c195a156f892 styles/default/style.css --- a/styles/default/style.css Tue Nov 29 18:13:57 2011 +0100 +++ b/styles/default/style.css Wed Nov 30 11:46:17 2011 +0100 @@ -272,3 +272,88 @@ #footer a { color: #bbb; } #footer a:hover { color: #555; } + +/* ------------------------------ */ +/* DROPDOWN MENU */ +/* ------------------------------ */ +ul.menu { + margin:0; + padding:0px 0 0 0; +} +ul.menu li { + display:block; + float:left; + position:relative; + padding:0; +} +ul.menu li.current { + background:#f1f1f1; +} + +ul.menu li:hover { + background:#f1f1f1; +} + + +ul.menu li a { + display:block; + text-decoration:none; + line-height:15px; +} + +ul.menu li a span { + font-weight:normal; + padding-left:3px; +} +ul.menu li.drop a { + padding-right:7px; +} +ul.menu li.drop:hover li { + border:none; +} +ul.menu li.drop span.toggle { + display:block; + height:26px; + padding:0; +} +ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle { + background-position:1px 5px; +} +ul.menu li.drop:hover ul { + display:block; + z-index:1; + padding-bottom:8px; +} +ul.menu li ul { + display:none; + position:absolute; + width: auto; + top: 15px; + left:0; + list-style-type:none; + margin:0; + padding:9px 0 0 0; +} +ul.menu li ul li { + float:none; + height: auto; + margin:0; + padding:0; + border:none; +} +ul.menu li ul li a { + float:none; + background:none; + margin:0; + padding:0; + display:block; + font-size:13px; + height:auto; + margin:0; + font-weight:normal; +} + +/* drop down menu hover styles */ +ul.menu li:hover ul * { + background:#f1f1f1; +}