X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=less%2Fscreen%2Fmenu.less;fp=less%2Fscreen%2Fmenu.less;h=afd9f2486df3eee3733c2450907427362766bb2b;hp=0000000000000000000000000000000000000000;hb=3c6c6c0735bcccedf34fe5411d86777c3511f31a;hpb=7967465800f4235b769e7151d5986ca92fc2a0ff diff --git a/less/screen/menu.less b/less/screen/menu.less new file mode 100644 index 00000000..afd9f248 --- /dev/null +++ b/less/screen/menu.less @@ -0,0 +1,90 @@ +#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 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 '; +}