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

   1 #nav > hr
   2 {
   3   display: none;
   4 }
   5 #menu
   6 {
   7   position: relative;
   8   width: 200%;
   9   top: -7em;
  10   right: 100%;
  11   text-align: right;
  12   list-style-type: none;
  13   margin: 0;
  14   padding: 0;
  15   border-style: none;
  16 }
  17 #menu > li.m
  18 {
  19   display: inline-block;
  20   padding: 0 0 0 4em;
  21 }
  22 #menu > li.m > .m
  23 {
  24   font-size: 250%; /** 40px */
  25   color: @normal;
  26 }
  27 #menu > li.m > a.m
  28 {
  29   border-color: @normal;
  30 }
  31 #menu > li.m > a.m:hover
  32 {
  33   border-color: @dunkler;
  34 }
  35 #menu > li.m > a.m:hover,
  36 #menu > li.m > strong.m
  37 {
  38   border-style: solid;
  39 }
  40 #menu > li.m > a.m.selected
  41 {
  42   color: @normal;
  43 }
  44 #menu > li.m > a.m:hover
  45 {
  46   color: @dunkler;
  47 }
  48 #menu > li.m > a.m:hover:before,
  49 #menu > li.m > a.m.selected:before,
  50 #menu > li.m > strong.m:before
  51 {
  52   content: '> ';
  53   margin-left: -.92em;
  54 }
  55
  56 #breadcrumb
  57 {
  58   position: absolute;
  59   top: 8.375em;
  60   left: 6.9em;
  61   z-index: 3;
  62 }
  63 #breadcrumb > a.hide
  64 {
  65   position: absolute;
  66 }
  67 #breadcrumb > hr.b
  68 {
  69   display: none;
  70 }
  71
  72 #nav > h1.nav,
  73 #nav > h2.nav.menu
  74 {
  75   display: none;
  76 }
  77 #nav > h2.nav.submenu
  78 {
  79   font-size: 125%; /** 20px */
  80   line-height: 1em; /** 20px */
  81   margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
  82   padding: 0 0 0 1.65em; /** 0 0 0 33px */
  83   border: none;
  84 }
  85 #nav > h2.nav.submenu:before
  86 {
  87   content: 'V ';
  88   margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */
  89 }
  90 #nav > h2.nav.submenu > span.s
  91 {
  92   display: none;
  93 }
  94 #nav > h2.nav.submenu > a.s
  95 {
  96   color: @hintergrund;
  97   border-style: dashed;
  98   border-color: @hintergrund;
  99 }
 100 #nav > h2.nav.submenu > a.s:hover,
 101 #nav > h2.nav.submenu > a.s:focus,
 102 #nav > h2.nav.submenu > a.s:active
 103 {
 104   border-style: solid;
 105 }
 106
 107 #submenu
 108 {
 109   font-size: 125%; /** 20 px */
 110   list-style-type: none;
 111   margin: 1em 0 4em 0;
 112   padding: 0 0 0 1.65em; /** 0 0 0 33px */
 113   border-style: none;
 114 }
 115 #submenu ul.s
 116 {
 117   margin: 1em 0 0 0; /** 16px 0 0 0 */
 118   padding: 0;
 119   list-style-type: none;
 120 }
 121 #submenu li.s
 122 {
 123   margin: 0 0 .5em 0; /** 0 0 10px 0 */
 124   padding: 0;
 125 }
 126 #submenu li.s.off
 127 {
 128   display: none;
 129 }
 130 #submenu li.s > a.s
 131 {
 132   color: @dunkler;
 133 }
 134 #submenu li.s > a.s.selected,
 135 #submenu li.s > strong.s
 136 {
 137   color: @hintergrund;
 138   border-color: @hintergrund;
 139 }
 140 #submenu li.s > strong.s
 141 {
 142   border-bottom: 1px solid @hintergrund;
 143 }
 144 #submenu li.s > a.s.selected:before,
 145 #submenu li.s > a.s:hover:before,
 146 #submenu li.s > a.s:focus:before,
 147 #submenu li.s > a.s:active:before,
 148 #submenu li.s > strong.s:before
 149 {
 150   content: '> ';
 151   margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
 152 }
 153 #submenu li.s.sub > a.s.selected:before,
 154 #submenu li.s.sub > a.s:hover:before,
 155 #submenu li.s.sub > a.s:focus:before,
 156 #submenu li.s.sub > a.s:active:before,
 157 #submenu li.s.sub > strong.s:before
 158 {
 159   content: 'V ';
 160 }