X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fcss%2Fbase%2Fnavigation.css;h=e56e931fa3ece6d046f75c31516d056154b81a3d;hp=604ed84f15bee6df604df3e9506d1489070a5be1;hb=26d593e5a8f78e6010abdcbcf93413f33a8898ec;hpb=b319aed021c99232c19499a744fbebab71d34ee1 diff --git a/src/main/webapp/css/base/navigation.css b/src/main/webapp/css/base/navigation.css index 604ed84f..e56e931f 100644 --- a/src/main/webapp/css/base/navigation.css +++ b/src/main/webapp/css/base/navigation.css @@ -54,4 +54,80 @@ #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 */ +} +#nav > h2.nav.submenu:before +{ + content: 'V '; + 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: #fff; + border-style: dashed; + border-color: #fff; +} +#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-family: 'BPreplay', Helvetica, Arial, sans-serif; + font-weight: bold; + font-size: 125%; /** 20 px */ + list-style-type: none; + margin: 1em 0 4em 0; + padding: 0 0 0 1.65em; /** 0 0 0 33px */ +} +#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.selected, +#submenu li.s > strong.s +{ + color: #fff; + border-color: #fff; +} +#submenu li.s > strong.s +{ + border-bottom: 1px solid #fff; +} +#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 '; }