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: 7.375em;
  62   left: 6.9em;
  63   z-index: 3;
  64 }
  65 #breadcrumb > a.hide
  66 {
  67   position: absolute;
  68 }
  69
  70 #nav > h1.nav,
  71 #nav > h2.nav.menu
  72 {
  73   display: none;
  74 }
  75 #nav > h2.nav.submenu
  76 {
  77   font-size: 125%; /** 20px */
  78   line-height: 1em; /** 20px */
  79   margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
  80   padding: 0 0 0 1.65em; /** 0 0 0 33px */
  81   border: none;
  82 }
  83 #nav > h2.nav.submenu:before
  84 {
  85   content: 'V ';
  86   margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */
  87 }
  88 #nav > h2.nav.submenu > span.s
  89 {
  90   display: none;
  91 }
  92 #nav > h2.nav.submenu > a.s
  93 {
  94   color: @hintergrund;
  95   border-style: dashed;
  96   border-color: @hintergrund;
  97 }
  98 #nav > h2.nav.submenu > a.s:hover,
  99 #nav > h2.nav.submenu > a.s:focus,
 100 #nav > h2.nav.submenu > a.s:active
 101 {
 102   border-style: solid;
 103 }
 104
 105 #submenu
 106 {
 107   font-size: 125%; /** 20 px */
 108   list-style-type: none;
 109   margin: 1em 0 4em 0;
 110   padding: 0 0 0 1.65em; /** 0 0 0 33px */
 111   border-style: none;
 112 }
 113 #submenu ul.s
 114 {
 115   margin: 1em 0 0 0; /** 16px 0 0 0 */
 116   padding: 0;
 117   list-style-type: none;
 118 }
 119 #submenu li.s
 120 {
 121   margin: 0 0 .5em 0; /** 0 0 10px 0 */
 122   padding: 0;
 123 }
 124 #submenu li.s.off
 125 {
 126   display: none;
 127 }
 128 #submenu li.s > a.s
 129 {
 130   color: @dunkler;
 131 }
 132 #submenu li.s > a.s.selected,
 133 #submenu li.s > strong.s
 134 {
 135   color: @hintergrund;
 136   border-color: @hintergrund;
 137 }
 138 #submenu li.s > strong.s
 139 {
 140   border-bottom: 1px solid @hintergrund;
 141 }
 142 #submenu li.s > a.s.selected:before,
 143 #submenu li.s > a.s:hover:before,
 144 #submenu li.s > a.s:focus:before,
 145 #submenu li.s > a.s:active:before,
 146 #submenu li.s > strong.s:before
 147 {
 148   content: '> ';
 149   margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
 150 }
 151 #submenu li.s.sub > a.s.selected:before,
 152 #submenu li.s.sub > a.s:hover:before,
 153 #submenu li.s.sub > a.s:focus:before,
 154 #submenu li.s.sub > a.s:active:before,
 155 #submenu li.s.sub > strong.s:before
 156 {
 157   content: 'V ';
 158 }