juplo.de Git - website/blob - dist/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: 1em 0 0 0; /** 20px 0 0 0 */
  48   padding: 0;
  49   list-style-type: none;
  50 }
  51 #submenu ul.active
  52 {
  53   margin-top: 1.5em; /** 24px */
  54 }
  55 #submenu li.s
  56 {
  57   margin: 0 0 .5em 0; /** 0 0 10px 0 */
  58   padding: 0;
  59 }
  60 #submenu li.s.off
  61 {
  62   display: none;
  63 }
  64 #submenu li.s > a.s
  65 {
  66   color: @dunkler;
  67 }
  68 #submenu li.s > a.s.selected,
  69 #submenu li.s > strong.s
  70 {
  71   color: @hintergrund;
  72   border-color: @hintergrund;
  73 }
  74 #submenu li.s > strong.s
  75 {
  76   border-bottom: 1px solid @hintergrund;
  77 }
  78 #submenu li.s > a.s.selected:before,
  79 #submenu li.s > a.s:hover:before,
  80 #submenu li.s > a.s:focus:before,
  81 #submenu li.s > a.s:active:before,
  82 #submenu li.s > strong.s:before
  83 {
  84   content: '> ';
  85   margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
  86 }
  87 #submenu li.s.sub > a.s.selected:before,
  88 #submenu li.s.sub > a.s:hover:before,
  89 #submenu li.s.sub > a.s:focus:before,
  90 #submenu li.s.sub > a.s:active:before,
  91 #submenu li.s.sub > strong.s:before
  92 {
  93   content: 'V ';
  94 }