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