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

   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 #nav > h1.nav,
  50 #nav > h2.nav.menu
  51 {
  52   display: none;
  53 }
  54 #nav > h2.nav.submenu
  55 {
  56   font-size: 125%; /** 20px */
  57   line-height: 1em; /** 20px */
  58   margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
  59   padding: 0 0 0 1.65em; /** 0 0 0 33px */
  60 }
  61 #nav > h2.nav.submenu:before
  62 {
  63   content: 'V ';
  64   margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */
  65 }
  66 #nav > h2.nav.submenu > span.s
  67 {
  68   display: none;
  69 }
  70 #nav > h2.nav.submenu > a.s
  71 {
  72   color: #fff;
  73   border-style: dashed;
  74   border-color: #fff;
  75 }
  76 #nav > h2.nav.submenu > a.s:hover,
  77 #nav > h2.nav.submenu > a.s:focus,
  78 #nav > h2.nav.submenu > a.s:active
  79 {
  80   border-style: solid;
  81 }
  82
  83 #submenu
  84 {
  85   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
  86   font-weight: bold;
  87   font-size: 125%; /** 20 px */
  88   list-style-type: none;
  89   margin: 1em 0 4em 0;
  90   padding: 0 0 0 1.65em; /** 0 0 0 33px */
  91 }
  92 #submenu ul.s
  93 {
  94   margin: 1em 0 0 0; /** 16px 0 0 0 */
  95   padding: 0;
  96   list-style-type: none;
  97 }
  98 #submenu li.s
  99 {
 100   margin: 0 0 .5em 0; /** 0 0 10px 0 */
 101   padding: 0;
 102 }
 103 #submenu li.s.off
 104 {
 105   display: none;
 106 }
 107 #submenu li.s > a.selected,
 108 #submenu li.s > strong.s
 109 {
 110   color: #fff;
 111   border-color: #fff;
 112 }
 113 #submenu li.s > strong.s
 114 {
 115   border-bottom: 1px solid #fff;
 116 }
 117 #submenu li.s > a.s.selected:before,
 118 #submenu li.s > a.s:hover:before,
 119 #submenu li.s > a.s:focus:before,
 120 #submenu li.s > a.s:active:before,
 121 #submenu li.s > strong.s:before
 122 {
 123   content: '> ';
 124   margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
 125 }
 126 #submenu li.s.sub > a.s.selected:before,
 127 #submenu li.s.sub > a.s:hover:before,
 128 #submenu li.s.sub > a.s:focus:before,
 129 #submenu li.s.sub > a.s:active:before,
 130 #submenu li.s.sub > strong.s:before
 131 {
 132   content: 'V ';
 133 }