Subversion Repositories wimsdev

Rev

Rev 15049 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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