Subversion Repositories wimsdev

Rev

Rev 14742 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
10376 obado 1 
/* WIMS CUSTOM styles */
15341 obado 2 
.is-dropdown-submenu > li {
3 
  box-sizing: border-box; }
10376 obado 4 
 
12441 obado 5 
.dropdown.menu,
15341 obado 6 
.dropdown.menu ul {
10376 obado 7 
  list-style-type: none;
15341 obado 8 
  margin: 0; }
9 
 
10 
.dropdown.menu ul {
10560 obado 11 
  text-align: left;
15341 obado 12 
  padding: 5px 0; }
13 
 
12441 obado 14 
/* Overrides icon.css styles*/
15341 obado 15 
.dropdown .submenu a {
16 
  display: block; }
12441 obado 17 
 
18 
/* surpass other elements, like sliders (z-index=2)*/
15341 obado 19 
.menuitem > .is-dropdown-submenu {
20 
  z-index: 5; }
12441 obado 21 
 
22 
/*
10428 obado 23 
.dropdown li{
24 
  padding-bottom: 4px;
12441 obado 25 
  margin-bottom: 0;}
26 
/*.submenu li{
27 
  padding-left: .5em;}
10443 obado 28 
.dropdown img{
12441 obado 29 
  vertical-align: middle;}*/
14742 obado 30 
/* adds padding to link even if they have no dropdown
10515 obado 31 
.dropdown.menu > li > a{
14742 obado 32 
  padding-right: 1.5rem;}*/
14734 obado 33 
/**
15341 obado 34 
 * Foundation for Sites
35 
 * Version 6.6.3
36 
 * https://get.foundation
14734 obado 37 
 * Licensed under MIT Open Source
38 
 */
39 
/* Dropdown Menu styles */
10376 obado 40 
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
12441 obado 41 
  top: 100%;
10376 obado 42 
  right: 0;
12441 obado 43 
  left: auto; }
10376 obado 44 
 
45 
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
12441 obado 46 
  top: 100%;
10376 obado 47 
  right: auto;
12441 obado 48 
  left: 0; }
10376 obado 49 
 
50 
.dropdown.menu > li.is-dropdown-submenu-parent > a {
12441 obado 51 
  position: relative;
52 
  padding-right: 1.5rem; }
10376 obado 53 
 
54 
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
55 
  display: block;
56 
  width: 0;
57 
  height: 0;
12441 obado 58 
  border: inset 6px;
59 
  content: '';
60 
  border-bottom-width: 0;
61 
  border-top-style: solid;
14734 obado 62 
  border-color: var(--wims_link_color) transparent transparent;
10376 obado 63 
  right: 5px;
12441 obado 64 
  left: auto;
65 
  margin-top: -3px; }
10376 obado 66 
 
14734 obado 67 
[data-whatinput='mouse'] .dropdown.menu a {
68 
  outline: 0; }
10376 obado 69 
 
14734 obado 70 
.dropdown.menu > li > a {
71 
  padding: 0.7rem 1rem; }
72 
 
73 
/*.dropdown.menu > li.is-active > a {
12441 obado 74 
  background: transparent;
14734 obado 75 
  color: var(--wims_link_color); }*/
12441 obado 76 
 
10376 obado 77 
.no-js .dropdown.menu ul {
78 
  display: none; }
79 
 
12441 obado 80 
.dropdown.menu .nested.is-dropdown-submenu {
81 
  margin-right: 0;
82 
  margin-left: 0; }
83 
 
10376 obado 84 
.dropdown.menu.vertical > li .is-dropdown-submenu {
85 
  top: 0; }
86 
 
87 
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
14734 obado 88 
  top: 0;
12441 obado 89 
  right: 100%;
14734 obado 90 
  left: auto; }
10376 obado 91 
 
92 
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
93 
  right: auto;
94 
  left: 100%; }
95 
 
96 
.dropdown.menu.vertical > li > a::after {
12441 obado 97 
  right: 14px; }
10376 obado 98 
 
99 
.dropdown.menu.vertical > li.opens-left > a::after {
100 
  display: block;
101 
  width: 0;
102 
  height: 0;
12441 obado 103 
  border: inset 6px;
104 
  content: '';
105 
  border-left-width: 0;
10376 obado 106 
  border-right-style: solid;
14734 obado 107 
  border-color: transparent var(--wims_link_color) transparent transparent;
108 
  right: auto;
109 
  left: 5px; }
10376 obado 110 
 
111 
.dropdown.menu.vertical > li.opens-right > a::after {
112 
  display: block;
113 
  width: 0;
114 
  height: 0;
12441 obado 115 
  border: inset 6px;
116 
  content: '';
117 
  border-right-width: 0;
10376 obado 118 
  border-left-style: solid;
14734 obado 119 
  border-color: transparent transparent transparent var(--wims_link_color); }
10376 obado 120 
 
12441 obado 121 
@media print, screen and (min-width: 40em) {
10376 obado 122 
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
12441 obado 123 
    top: 100%;
10376 obado 124 
    right: 0;
12441 obado 125 
    left: auto; }
10376 obado 126 
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
12441 obado 127 
    top: 100%;
10376 obado 128 
    right: auto;
12441 obado 129 
    left: 0; }
10376 obado 130 
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
12441 obado 131 
    position: relative;
132 
    padding-right: 1.5rem; }
10376 obado 133 
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
134 
    display: block;
135 
    width: 0;
136 
    height: 0;
12441 obado 137 
    border: inset 6px;
138 
    content: '';
139 
    border-bottom-width: 0;
140 
    border-top-style: solid;
14734 obado 141 
    border-color: var(--wims_link_color) transparent transparent;
10376 obado 142 
    right: 5px;
12441 obado 143 
    left: auto;
144 
    margin-top: -3px; }
10376 obado 145 
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
146 
    top: 0; }
147 
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
14734 obado 148 
    top: 0;
12441 obado 149 
    right: 100%;
14734 obado 150 
    left: auto; }
10376 obado 151 
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
152 
    right: auto;
153 
    left: 100%; }
154 
  .dropdown.menu.medium-vertical > li > a::after {
12441 obado 155 
    right: 14px; }
10376 obado 156 
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
157 
    display: block;
158 
    width: 0;
159 
    height: 0;
12441 obado 160 
    border: inset 6px;
161 
    content: '';
162 
    border-left-width: 0;
10376 obado 163 
    border-right-style: solid;
14734 obado 164 
    border-color: transparent var(--wims_link_color) transparent transparent;
165 
    right: auto;
166 
    left: 5px; }
10376 obado 167 
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
168 
    display: block;
169 
    width: 0;
170 
    height: 0;
12441 obado 171 
    border: inset 6px;
172 
    content: '';
173 
    border-right-width: 0;
10376 obado 174 
    border-left-style: solid;
14734 obado 175 
    border-color: transparent transparent transparent var(--wims_link_color); } }
10376 obado 176 
 
12441 obado 177 
@media print, screen and (min-width: 64em) {
10376 obado 178 
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
12441 obado 179 
    top: 100%;
10376 obado 180 
    right: 0;
12441 obado 181 
    left: auto; }
10376 obado 182 
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
12441 obado 183 
    top: 100%;
10376 obado 184 
    right: auto;
12441 obado 185 
    left: 0; }
10376 obado 186 
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
12441 obado 187 
    position: relative;
188 
    padding-right: 1.5rem; }
10376 obado 189 
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
190 
    display: block;
191 
    width: 0;
192 
    height: 0;
12441 obado 193 
    border: inset 6px;
194 
    content: '';
195 
    border-bottom-width: 0;
196 
    border-top-style: solid;
14734 obado 197 
    border-color: var(--wims_link_color) transparent transparent;
10376 obado 198 
    right: 5px;
12441 obado 199 
    left: auto;
200 
    margin-top: -3px; }
10376 obado 201 
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
202 
    top: 0; }
203 
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
14734 obado 204 
    top: 0;
12441 obado 205 
    right: 100%;
14734 obado 206 
    left: auto; }
10376 obado 207 
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
208 
    right: auto;
209 
    left: 100%; }
210 
  .dropdown.menu.large-vertical > li > a::after {
12441 obado 211 
    right: 14px; }
10376 obado 212 
  .dropdown.menu.large-vertical > li.opens-left > a::after {
213 
    display: block;
214 
    width: 0;
215 
    height: 0;
12441 obado 216 
    border: inset 6px;
217 
    content: '';
218 
    border-left-width: 0;
10376 obado 219 
    border-right-style: solid;
14734 obado 220 
    border-color: transparent var(--wims_link_color) transparent transparent;
221 
    right: auto;
222 
    left: 5px; }
10376 obado 223 
  .dropdown.menu.large-vertical > li.opens-right > a::after {
224 
    display: block;
225 
    width: 0;
226 
    height: 0;
12441 obado 227 
    border: inset 6px;
228 
    content: '';
229 
    border-right-width: 0;
10376 obado 230 
    border-left-style: solid;
14734 obado 231 
    border-color: transparent transparent transparent var(--wims_link_color); } }
10376 obado 232 
 
233 
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
234 
  top: 100%;
12441 obado 235 
  right: 0;
236 
  left: auto; }
10376 obado 237 
 
238 
.is-dropdown-menu.vertical {
239 
  width: 100px; }
240 
  .is-dropdown-menu.vertical.align-right {
241 
    float: right; }
242 
 
243 
.is-dropdown-submenu-parent {
244 
  position: relative; }
245 
  .is-dropdown-submenu-parent a::after {
246 
    position: absolute;
247 
    top: 50%;
248 
    right: 5px;
12441 obado 249 
    left: auto;
250 
    margin-top: -6px; }
10376 obado 251 
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
252 
    top: 100%;
253 
    left: auto; }
254 
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
12441 obado 255 
    right: 100%;
256 
    left: auto; }
10376 obado 257 
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
258 
    right: auto;
259 
    left: 100%; }
260 
 
261 
.is-dropdown-submenu {
262 
  position: absolute;
263 
  top: 0;
264 
  left: 100%;
12441 obado 265 
  z-index: 1;
266 
  display: none;
10376 obado 267 
  min-width: 200px;
12441 obado 268 
  border: 1px solid #cacaca;
269 
  background: #fefefe; }
14734 obado 270 
  .dropdown .is-dropdown-submenu a {
271 
    padding: 0.7rem 1rem; }
10376 obado 272 
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
12441 obado 273 
    right: 14px; }
10376 obado 274 
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
275 
    display: block;
276 
    width: 0;
277 
    height: 0;
12441 obado 278 
    border: inset 6px;
279 
    content: '';
280 
    border-left-width: 0;
10376 obado 281 
    border-right-style: solid;
14734 obado 282 
    border-color: transparent var(--wims_link_color) transparent transparent;
283 
    right: auto;
284 
    left: 5px; }
10376 obado 285 
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
286 
    display: block;
287 
    width: 0;
288 
    height: 0;
12441 obado 289 
    border: inset 6px;
290 
    content: '';
291 
    border-right-width: 0;
10376 obado 292 
    border-left-style: solid;
14734 obado 293 
    border-color: transparent transparent transparent var(--wims_link_color); }
10376 obado 294 
  .is-dropdown-submenu .is-dropdown-submenu {
295 
    margin-top: -1px; }
296 
  .is-dropdown-submenu > li {
297 
    width: 100%; }
298 
  .is-dropdown-submenu.js-dropdown-active {
299 
    display: block; }