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

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