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

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