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