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