Subversion Repositories wimsdev

Rev

Rev 14734 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
13836 obado 1 
/** Menu style */
12441 obado 2 
 
3 
/** these are redefined in wims theme : **/
4 
/*  .menu .is-active > a {
5 
    background: #1779ba;
6 
    color: #fefefe; }
7 
  .menu .active > a {
8 
    background: #1779ba;
9 
    color: #fefefe; }*/
15049 obado 10 
/* hack for examcheck pagination links */
11 
.menuitem.nav a{display:initial;}
12 
.menuitem.nav{padding: .5rem 0;}
13 
.menuitem.score{max-width: 13em;}
12723 obado 14 
/**
15 
 * Foundation for Sites by ZURB
14734 obado 16 
 * Version 6.6.1
12723 obado 17 
 * foundation.zurb.com
18 
 * Licensed under MIT Open Source
19 
 */
13836 obado 20 
/* Foundation Menu styles */
12441 obado 21 
.menu {
22 
  padding: 0;
23 
  margin: 0;
24 
  list-style: none;
25 
  position: relative;
14734 obado 26 
  display: -webkit-box;
12441 obado 27 
  display: flex;
13836 obado 28 
  flex-wrap: wrap; }
12441 obado 29 
  [data-whatinput='mouse'] .menu li {
30 
    outline: 0; }
31 
  .menu a,
32 
  .menu .button {
33 
    line-height: 1;
34 
    text-decoration: none;
35 
    display: block;
13836 obado 36 
    padding: 0.7rem 1rem; }
12441 obado 37 
  .menu input,
38 
  .menu select,
39 
  .menu a,
40 
  .menu button {
41 
    margin-bottom: 0; }
42 
  .menu input {
43 
    display: inline-block; }
44 
  .menu, .menu.horizontal {
13836 obado 45 
    flex-wrap: wrap;
14734 obado 46 
    -webkit-box-orient: horizontal;
47 
    -webkit-box-direction: normal;
48 
            flex-direction: row; }
12441 obado 49 
  .menu.vertical {
13836 obado 50 
    flex-wrap: nowrap;
14734 obado 51 
    -webkit-box-orient: vertical;
52 
    -webkit-box-direction: normal;
53 
            flex-direction: column; }
12441 obado 54 
  .menu.expanded li {
14734 obado 55 
    -webkit-box-flex: 1;
56 
            flex: 1 1 0px; }
12441 obado 57 
  .menu.simple {
14734 obado 58 
    -webkit-box-align: center;
59 
            align-items: center; }
12441 obado 60 
    .menu.simple li + li {
61 
      margin-left: 1rem; }
62 
    .menu.simple a {
63 
      padding: 0; }
64 
  @media print, screen and (min-width: 40em) {
65 
    .menu.medium-horizontal {
13836 obado 66 
      flex-wrap: wrap;
14734 obado 67 
      -webkit-box-orient: horizontal;
68 
      -webkit-box-direction: normal;
69 
              flex-direction: row; }
12441 obado 70 
    .menu.medium-vertical {
13836 obado 71 
      flex-wrap: nowrap;
14734 obado 72 
      -webkit-box-orient: vertical;
73 
      -webkit-box-direction: normal;
74 
              flex-direction: column; }
12441 obado 75 
    .menu.medium-expanded li {
14734 obado 76 
      -webkit-box-flex: 1;
77 
              flex: 1 1 0px; }
12441 obado 78 
    .menu.medium-simple li {
14734 obado 79 
      -webkit-box-flex: 1;
80 
              flex: 1 1 0px; } }
12441 obado 81 
  @media print, screen and (min-width: 64em) {
82 
    .menu.large-horizontal {
13836 obado 83 
      flex-wrap: wrap;
14734 obado 84 
      -webkit-box-orient: horizontal;
85 
      -webkit-box-direction: normal;
86 
              flex-direction: row; }
12441 obado 87 
    .menu.large-vertical {
13836 obado 88 
      flex-wrap: nowrap;
14734 obado 89 
      -webkit-box-orient: vertical;
90 
      -webkit-box-direction: normal;
91 
              flex-direction: column; }
12441 obado 92 
    .menu.large-expanded li {
14734 obado 93 
      -webkit-box-flex: 1;
94 
              flex: 1 1 0px; }
12441 obado 95 
    .menu.large-simple li {
14734 obado 96 
      -webkit-box-flex: 1;
97 
              flex: 1 1 0px; } }
12441 obado 98 
  .menu.nested {
99 
    margin-right: 0;
100 
    margin-left: 1rem; }
101 
  .menu.icons a {
14734 obado 102 
    display: -webkit-box;
12441 obado 103 
    display: flex; }
104 
  .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
14734 obado 105 
    display: -webkit-box;
12441 obado 106 
    display: flex; }
107 
  .menu.icon-left li a {
14734 obado 108 
    -webkit-box-orient: horizontal;
109 
    -webkit-box-direction: normal;
110 
            flex-flow: row nowrap; }
12441 obado 111 
    .menu.icon-left li a img,
112 
    .menu.icon-left li a i,
113 
    .menu.icon-left li a svg {
114 
      margin-right: 0.25rem; }
115 
  .menu.icon-right li a {
14734 obado 116 
    -webkit-box-orient: horizontal;
117 
    -webkit-box-direction: normal;
118 
            flex-flow: row nowrap; }
12441 obado 119 
    .menu.icon-right li a img,
120 
    .menu.icon-right li a i,
121 
    .menu.icon-right li a svg {
122 
      margin-left: 0.25rem; }
123 
  .menu.icon-top li a {
14734 obado 124 
    -webkit-box-orient: vertical;
125 
    -webkit-box-direction: normal;
126 
            flex-flow: column nowrap; }
12441 obado 127 
    .menu.icon-top li a img,
128 
    .menu.icon-top li a i,
129 
    .menu.icon-top li a svg {
13836 obado 130 
      align-self: stretch;
12441 obado 131 
      margin-bottom: 0.25rem;
132 
      text-align: center; }
133 
  .menu.icon-bottom li a {
14734 obado 134 
    -webkit-box-orient: vertical;
135 
    -webkit-box-direction: normal;
136 
            flex-flow: column nowrap; }
12441 obado 137 
    .menu.icon-bottom li a img,
138 
    .menu.icon-bottom li a i,
139 
    .menu.icon-bottom li a svg {
13836 obado 140 
      align-self: stretch;
12441 obado 141 
      margin-bottom: 0.25rem;
142 
      text-align: center; }
143 
  /*.menu .is-active > a {
13836 obado 144 
    background: #1779ba;
12441 obado 145 
    color: #fefefe; }
146 
  .menu .active > a {
13836 obado 147 
    background: #1779ba;
12441 obado 148 
    color: #fefefe; }*/
149 
  .menu.align-left {
14734 obado 150 
    -webkit-box-pack: start;
151 
            justify-content: flex-start; }
12441 obado 152 
  .menu.align-right li {
14734 obado 153 
    display: -webkit-box;
12441 obado 154 
    display: flex;
14734 obado 155 
    -webkit-box-pack: end;
156 
            justify-content: flex-end; }
12441 obado 157 
    .menu.align-right li .submenu li {
14734 obado 158 
      -webkit-box-pack: start;
159 
              justify-content: flex-start; }
12441 obado 160 
  .menu.align-right.vertical li {
161 
    display: block;
162 
    text-align: right; }
163 
    .menu.align-right.vertical li .submenu li {
164 
      text-align: right; }
165 
  .menu.align-right .nested {
166 
    margin-right: 1rem;
167 
    margin-left: 0; }
168 
  .menu.align-center li {
14734 obado 169 
    display: -webkit-box;
12441 obado 170 
    display: flex;
14734 obado 171 
    -webkit-box-pack: center;
172 
            justify-content: center; }
12441 obado 173 
    .menu.align-center li .submenu li {
14734 obado 174 
      -webkit-box-pack: start;
175 
              justify-content: flex-start; }
12441 obado 176 
  .menu .menu-text {
177 
    padding: 0.7rem 1rem;
178 
    font-weight: bold;
179 
    line-height: 1;
180 
    color: inherit; }
181 
 
182 
.menu-centered > .menu {
14734 obado 183 
  -webkit-box-pack: center;
184 
          justify-content: center; }
12441 obado 185 
  .menu-centered > .menu li {
14734 obado 186 
    display: -webkit-box;
12441 obado 187 
    display: flex;
14734 obado 188 
    -webkit-box-pack: center;
189 
            justify-content: center; }
12441 obado 190 
    .menu-centered > .menu li .submenu li {
14734 obado 191 
      -webkit-box-pack: start;
192 
              justify-content: flex-start; }
12441 obado 193 
 
194 
.no-js [data-responsive-menu] ul {
195 
  display: none; }
196 
 
197 
.menu-icon {
198 
  position: relative;
199 
  display: inline-block;
200 
  vertical-align: middle;
201 
  width: 20px;
202 
  height: 16px;
203 
  cursor: pointer; }
204 
  .menu-icon::after {
205 
    position: absolute;
206 
    top: 0;
207 
    left: 0;
208 
    display: block;
209 
    width: 100%;
210 
    height: 2px;
211 
    background: #fefefe;
212 
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
213 
    content: ''; }
214 
  .menu-icon:hover::after {
215 
    background: #cacaca;
216 
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
217 
 
218 
.menu-icon.dark {
219 
  position: relative;
220 
  display: inline-block;
221 
  vertical-align: middle;
222 
  width: 20px;
223 
  height: 16px;
224 
  cursor: pointer; }
225 
  .menu-icon.dark::after {
226 
    position: absolute;
227 
    top: 0;
228 
    left: 0;
229 
    display: block;
230 
    width: 100%;
231 
    height: 2px;
232 
    background: #0a0a0a;
233 
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
234 
    content: ''; }
235 
  .menu-icon.dark:hover::after {
236 
    background: #8a8a8a;
12629 bpr 237 
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }