X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=less%2Fscreen%2Fmenu.less;fp=less%2Fscreen%2Fmenu.less;h=79c3ce28f5165dc05d7b79230854a3998d8000a8;hp=0000000000000000000000000000000000000000;hb=6b7ab8c11e0c5d43952fc7a3a114cb1c1e85a310;hpb=152a67959bd3f9243489a648d4021eb2a0667679

diff --git a/less/screen/menu.less b/less/screen/menu.less
new file mode 100644
index 00000000..79c3ce28
--- /dev/null
+++ b/less/screen/menu.less
@@ -0,0 +1,99 @@
+#nav > h1.nav,
+#nav > h2.nav.menu
+{
+  display: none;
+}
+#nav > h2.nav.submenu
+{
+  font-size: 125%; /** 20px */
+  line-height: 1em; /** 20px */
+  margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
+  padding: 0 0 0 1.65em; /** 0 0 0 33px */
+  border: none;
+}
+#nav > h2.nav.submenu:before
+{
+  content: 'V ';
+  color: @hintergrund;
+  margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */
+}
+#nav > h2.nav.submenu > span.s
+{
+  display: none;
+}
+#nav > h2.nav.submenu > a.s
+{
+  color: @hintergrund;
+  border-style: dashed;
+  border-color: @hintergrund;
+}
+#nav > h2.nav.submenu > a.s:hover,
+#nav > h2.nav.submenu > a.s:focus,
+#nav > h2.nav.submenu > a.s:active
+{
+  border-style: solid;
+}
+
+#submenu
+{
+  font-size: 125%; /** 20 px */
+  list-style-type: none;
+  margin: 1em 0 4em 0;
+  padding: 0 0 0 1.65em; /** 0 0 0 33px */
+  border-style: none;
+}
+#submenu ul.s
+{
+  margin: 1em 0 0 0; /** 16px 0 0 0 */
+  padding: 0;
+  list-style-type: none;
+}
+#submenu.selected,
+#submenu ul.s.selected
+{
+  margin-top: 2em; /** 32px */
+}
+#submenu ul.active
+{
+  margin-top: 1.5em; /** 24px */
+}
+#submenu li.s
+{
+  margin: 0 0 .5em 0; /** 0 0 10px 0 */
+  padding: 0;
+}
+#submenu li.s.off
+{
+  display: none;
+}
+#submenu li.s > a.s
+{
+  color: @dunkler;
+}
+#submenu li.s > a.s.selected,
+#submenu li.s > strong.s
+{
+  color: @hintergrund;
+  border-color: @hintergrund;
+}
+#submenu li.s > strong.s
+{
+  border-bottom: 1px solid @hintergrund;
+}
+#submenu li.s > a.s.selected:before,
+#submenu li.s > a.s:hover:before,
+#submenu li.s > a.s:focus:before,
+#submenu li.s > a.s:active:before,
+#submenu li.s > strong.s:before
+{
+  content: '> ';
+  margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
+}
+#submenu li.s.sub > a.s.selected:before,
+#submenu li.s.sub > a.s:hover:before,
+#submenu li.s.sub > a.s:focus:before,
+#submenu li.s.sub > a.s:active:before,
+#submenu li.s.sub > strong.s:before
+{
+  content: 'V ';
+}