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

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