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