juplo.de Git - website/blob - src/main/webapp/less/screen/menu.less

   1 #nav > h1.nav,
   2 #nav > h2.nav.menu
   3 {
   4   display: none;
   5 }
   6 #nav > h2.nav.submenu
   7 {
   8   font-size: 125%; /** 20px */
   9   line-height: 1em; /** 20px */
  10   margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
  11   padding: 0 0 0 1.65em; /** 0 0 0 33px */
  12   border: none;
  13 }
  14 #nav > h2.nav.submenu:before
  15 {
  16   content: 'V ';
  17   margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */
  18 }
  19 #nav > h2.nav.submenu > span.s
  20 {
  21   display: none;
  22 }
  23 #nav > h2.nav.submenu > a.s
  24 {
  25   color: @hintergrund;
  26   border-style: dashed;
  27   border-color: @hintergrund;
  28 }
  29 #nav > h2.nav.submenu > a.s:hover,
  30 #nav > h2.nav.submenu > a.s:focus,
  31 #nav > h2.nav.submenu > a.s:active
  32 {
  33   border-style: solid;
  34 }
  35
  36 #submenu
  37 {
  38   font-size: 125%; /** 20 px */
  39   list-style-type: none;
  40   margin: 1em 0 4em 0;
  41   padding: 0 0 0 1.65em; /** 0 0 0 33px */
  42   border-style: none;
  43 }
  44 #submenu ul.s
  45 {
  46   margin: 1em 0 0 0; /** 16px 0 0 0 */
  47   padding: 0;
  48   list-style-type: none;
  49 }
  50 #submenu li.s
  51 {
  52   margin: 0 0 .5em 0; /** 0 0 10px 0 */
  53   padding: 0;
  54 }
  55 #submenu li.s.off
  56 {
  57   display: none;
  58 }
  59 #submenu li.s > a.s
  60 {
  61   color: @dunkler;
  62 }
  63 #submenu li.s > a.s.selected,
  64 #submenu li.s > strong.s
  65 {
  66   color: @hintergrund;
  67   border-color: @hintergrund;
  68 }
  69 #submenu li.s > strong.s
  70 {
  71   border-bottom: 1px solid @hintergrund;
  72 }
  73 #submenu li.s > a.s.selected:before,
  74 #submenu li.s > a.s:hover:before,
  75 #submenu li.s > a.s:focus:before,
  76 #submenu li.s > a.s:active:before,
  77 #submenu li.s > strong.s:before
  78 {
  79   content: '> ';
  80   margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
  81 }
  82 #submenu li.s.sub > a.s.selected:before,
  83 #submenu li.s.sub > a.s:hover:before,
  84 #submenu li.s.sub > a.s:focus:before,
  85 #submenu li.s.sub > a.s:active:before,
  86 #submenu li.s.sub > strong.s:before
  87 {
  88   content: 'V ';
  89 }