root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / foundation.css @ 09566b56
History | View | Annotate | Download (115.4 kB)
1 | b3c1328b | Olga Brani | *,
|
---|---|---|---|
2 | b3c1328b | Olga Brani | *:before, |
3 | b3c1328b | Olga Brani | *:after { |
4 | b3c1328b | Olga Brani | -moz-box-sizing: border-box; |
5 | b3c1328b | Olga Brani | -webkit-box-sizing: border-box; |
6 | b3c1328b | Olga Brani | box-sizing: border-box; } |
7 | b3c1328b | Olga Brani | |
8 | b3c1328b | Olga Brani | html,
|
9 | b3c1328b | Olga Brani | body {
|
10 | b3c1328b | Olga Brani | font-size: 100%; } |
11 | b3c1328b | Olga Brani | |
12 | b3c1328b | Olga Brani | body {
|
13 | b3c1328b | Olga Brani | background: white; |
14 | b3c1328b | Olga Brani | color: #222222; |
15 | b3c1328b | Olga Brani | padding: 0; |
16 | b3c1328b | Olga Brani | margin: 0; |
17 | b3c1328b | Olga Brani | font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
18 | b3c1328b | Olga Brani | font-weight: normal; |
19 | b3c1328b | Olga Brani | font-style: normal; |
20 | b3c1328b | Olga Brani | line-height: 1; |
21 | b3c1328b | Olga Brani | position: relative; } |
22 | b3c1328b | Olga Brani | |
23 | b3c1328b | Olga Brani | a:focus { |
24 | b3c1328b | Olga Brani | outline: none; } |
25 | b3c1328b | Olga Brani | |
26 | b3c1328b | Olga Brani | img,
|
27 | b3c1328b | Olga Brani | object,
|
28 | b3c1328b | Olga Brani | embed {
|
29 | b3c1328b | Olga Brani | max-width: 100%; |
30 | b3c1328b | Olga Brani | height: auto; } |
31 | b3c1328b | Olga Brani | |
32 | b3c1328b | Olga Brani | object,
|
33 | b3c1328b | Olga Brani | embed {
|
34 | b3c1328b | Olga Brani | height: 100%; } |
35 | b3c1328b | Olga Brani | |
36 | b3c1328b | Olga Brani | img {
|
37 | b3c1328b | Olga Brani | -ms-interpolation-mode: bicubic; } |
38 | b3c1328b | Olga Brani | |
39 | b3c1328b | Olga Brani | #map_canvas img, |
40 | b3c1328b | Olga Brani | #map_canvas embed, |
41 | b3c1328b | Olga Brani | #map_canvas object, |
42 | b3c1328b | Olga Brani | .map_canvas img, |
43 | b3c1328b | Olga Brani | .map_canvas embed, |
44 | b3c1328b | Olga Brani | .map_canvas object { |
45 | b3c1328b | Olga Brani | max-width: none !important; } |
46 | b3c1328b | Olga Brani | |
47 | b3c1328b | Olga Brani | .left {
|
48 | b3c1328b | Olga Brani | float: left !important; } |
49 | b3c1328b | Olga Brani | |
50 | b3c1328b | Olga Brani | .right {
|
51 | b3c1328b | Olga Brani | float: right !important; } |
52 | b3c1328b | Olga Brani | |
53 | b3c1328b | Olga Brani | .text-left {
|
54 | b3c1328b | Olga Brani | text-align: left !important; } |
55 | b3c1328b | Olga Brani | |
56 | b3c1328b | Olga Brani | .text-right {
|
57 | b3c1328b | Olga Brani | text-align: right !important; } |
58 | b3c1328b | Olga Brani | |
59 | b3c1328b | Olga Brani | .text-center {
|
60 | b3c1328b | Olga Brani | text-align: center !important; } |
61 | b3c1328b | Olga Brani | |
62 | b3c1328b | Olga Brani | .text-justify {
|
63 | b3c1328b | Olga Brani | text-align: justify !important; } |
64 | b3c1328b | Olga Brani | |
65 | b3c1328b | Olga Brani | .hide {
|
66 | b3c1328b | Olga Brani | display: none; } |
67 | b3c1328b | Olga Brani | |
68 | b3c1328b | Olga Brani | .antialiased {
|
69 | b3c1328b | Olga Brani | -webkit-font-smoothing: antialiased; } |
70 | b3c1328b | Olga Brani | |
71 | b3c1328b | Olga Brani | img {
|
72 | b3c1328b | Olga Brani | display: inline-block; |
73 | b3c1328b | Olga Brani | vertical-align: middle; } |
74 | b3c1328b | Olga Brani | |
75 | b3c1328b | Olga Brani | textarea {
|
76 | b3c1328b | Olga Brani | height: auto; |
77 | b3c1328b | Olga Brani | min-height: 50px; } |
78 | b3c1328b | Olga Brani | |
79 | b3c1328b | Olga Brani | select {
|
80 | b3c1328b | Olga Brani | width: 100%; } |
81 | b3c1328b | Olga Brani | |
82 | b3c1328b | Olga Brani | /* Grid HTML Classes */
|
83 | b3c1328b | Olga Brani | .row {
|
84 | b3c1328b | Olga Brani | width: 100%; |
85 | b3c1328b | Olga Brani | margin-left: auto; |
86 | b3c1328b | Olga Brani | margin-right: auto; |
87 | b3c1328b | Olga Brani | margin-top: 0; |
88 | b3c1328b | Olga Brani | margin-bottom: 0; |
89 | b3c1328b | Olga Brani | max-width: 62.5em; |
90 | b3c1328b | Olga Brani | *zoom: 1; } |
91 | b3c1328b | Olga Brani | .row:before, .row:after { |
92 | b3c1328b | Olga Brani | content: " "; |
93 | b3c1328b | Olga Brani | display: table; } |
94 | b3c1328b | Olga Brani | .row:after { |
95 | b3c1328b | Olga Brani | clear: both; } |
96 | b3c1328b | Olga Brani | .row.collapse .column, |
97 | b3c1328b | Olga Brani | .row.collapse .columns { |
98 | b3c1328b | Olga Brani | position: relative; |
99 | b3c1328b | Olga Brani | padding-left: 0; |
100 | b3c1328b | Olga Brani | padding-right: 0; |
101 | b3c1328b | Olga Brani | float: left; } |
102 | b3c1328b | Olga Brani | .row .row { |
103 | b3c1328b | Olga Brani | width: auto; |
104 | b3c1328b | Olga Brani | margin-left: -0.9375em; |
105 | b3c1328b | Olga Brani | margin-right: -0.9375em; |
106 | b3c1328b | Olga Brani | margin-top: 0; |
107 | b3c1328b | Olga Brani | margin-bottom: 0; |
108 | b3c1328b | Olga Brani | max-width: none; |
109 | b3c1328b | Olga Brani | *zoom: 1; } |
110 | b3c1328b | Olga Brani | .row .row:before, .row .row:after { |
111 | b3c1328b | Olga Brani | content: " "; |
112 | b3c1328b | Olga Brani | display: table; } |
113 | b3c1328b | Olga Brani | .row .row:after { |
114 | b3c1328b | Olga Brani | clear: both; } |
115 | b3c1328b | Olga Brani | .row .row.collapse { |
116 | b3c1328b | Olga Brani | width: auto; |
117 | b3c1328b | Olga Brani | margin: 0; |
118 | b3c1328b | Olga Brani | max-width: none; |
119 | b3c1328b | Olga Brani | *zoom: 1; } |
120 | b3c1328b | Olga Brani | .row .row.collapse:before, .row .row.collapse:after { |
121 | b3c1328b | Olga Brani | content: " "; |
122 | b3c1328b | Olga Brani | display: table; } |
123 | b3c1328b | Olga Brani | .row .row.collapse:after { |
124 | b3c1328b | Olga Brani | clear: both; } |
125 | b3c1328b | Olga Brani | |
126 | b3c1328b | Olga Brani | .column,
|
127 | b3c1328b | Olga Brani | .columns {
|
128 | b3c1328b | Olga Brani | position: relative; |
129 | b3c1328b | Olga Brani | padding-left: 0.9375em; |
130 | b3c1328b | Olga Brani | padding-right: 0.9375em; |
131 | b3c1328b | Olga Brani | width: 100%; |
132 | b3c1328b | Olga Brani | float: left; } |
133 | b3c1328b | Olga Brani | |
134 | b3c1328b | Olga Brani | @media only screen { |
135 | b3c1328b | Olga Brani | .column,
|
136 | b3c1328b | Olga Brani | .columns {
|
137 | b3c1328b | Olga Brani | position: relative; |
138 | b3c1328b | Olga Brani | padding-left: 0.9375em; |
139 | b3c1328b | Olga Brani | padding-right: 0.9375em; |
140 | b3c1328b | Olga Brani | float: left; } |
141 | b3c1328b | Olga Brani | |
142 | b3c1328b | Olga Brani | .small-1 {
|
143 | b3c1328b | Olga Brani | position: relative; |
144 | b3c1328b | Olga Brani | width: 8.33333%; } |
145 | b3c1328b | Olga Brani | |
146 | b3c1328b | Olga Brani | .small-2 {
|
147 | b3c1328b | Olga Brani | position: relative; |
148 | b3c1328b | Olga Brani | width: 16.66667%; } |
149 | b3c1328b | Olga Brani | |
150 | b3c1328b | Olga Brani | .small-3 {
|
151 | b3c1328b | Olga Brani | position: relative; |
152 | b3c1328b | Olga Brani | width: 25%; } |
153 | b3c1328b | Olga Brani | |
154 | b3c1328b | Olga Brani | .small-4 {
|
155 | b3c1328b | Olga Brani | position: relative; |
156 | b3c1328b | Olga Brani | width: 33.33333%; } |
157 | b3c1328b | Olga Brani | |
158 | b3c1328b | Olga Brani | .small-5 {
|
159 | b3c1328b | Olga Brani | position: relative; |
160 | b3c1328b | Olga Brani | width: 41.66667%; } |
161 | b3c1328b | Olga Brani | |
162 | b3c1328b | Olga Brani | .small-6 {
|
163 | b3c1328b | Olga Brani | position: relative; |
164 | b3c1328b | Olga Brani | width: 50%; } |
165 | b3c1328b | Olga Brani | |
166 | b3c1328b | Olga Brani | .small-7 {
|
167 | b3c1328b | Olga Brani | position: relative; |
168 | b3c1328b | Olga Brani | width: 58.33333%; } |
169 | b3c1328b | Olga Brani | |
170 | b3c1328b | Olga Brani | .small-8 {
|
171 | b3c1328b | Olga Brani | position: relative; |
172 | b3c1328b | Olga Brani | width: 66.66667%; } |
173 | b3c1328b | Olga Brani | |
174 | b3c1328b | Olga Brani | .small-9 {
|
175 | b3c1328b | Olga Brani | position: relative; |
176 | b3c1328b | Olga Brani | width: 75%; } |
177 | b3c1328b | Olga Brani | |
178 | b3c1328b | Olga Brani | .small-10 {
|
179 | b3c1328b | Olga Brani | position: relative; |
180 | b3c1328b | Olga Brani | width: 83.33333%; } |
181 | b3c1328b | Olga Brani | |
182 | b3c1328b | Olga Brani | .small-11 {
|
183 | b3c1328b | Olga Brani | position: relative; |
184 | b3c1328b | Olga Brani | width: 91.66667%; } |
185 | b3c1328b | Olga Brani | |
186 | b3c1328b | Olga Brani | .small-12 {
|
187 | b3c1328b | Olga Brani | position: relative; |
188 | b3c1328b | Olga Brani | width: 100%; } |
189 | b3c1328b | Olga Brani | |
190 | b3c1328b | Olga Brani | .small-offset-1 {
|
191 | b3c1328b | Olga Brani | position: relative; |
192 | b3c1328b | Olga Brani | margin-left: 8.33333%; } |
193 | b3c1328b | Olga Brani | |
194 | b3c1328b | Olga Brani | .small-offset-2 {
|
195 | b3c1328b | Olga Brani | position: relative; |
196 | b3c1328b | Olga Brani | margin-left: 16.66667%; } |
197 | b3c1328b | Olga Brani | |
198 | b3c1328b | Olga Brani | .small-offset-3 {
|
199 | b3c1328b | Olga Brani | position: relative; |
200 | b3c1328b | Olga Brani | margin-left: 25%; } |
201 | b3c1328b | Olga Brani | |
202 | b3c1328b | Olga Brani | .small-offset-4 {
|
203 | b3c1328b | Olga Brani | position: relative; |
204 | b3c1328b | Olga Brani | margin-left: 33.33333%; } |
205 | b3c1328b | Olga Brani | |
206 | b3c1328b | Olga Brani | .small-offset-5 {
|
207 | b3c1328b | Olga Brani | position: relative; |
208 | b3c1328b | Olga Brani | margin-left: 41.66667%; } |
209 | b3c1328b | Olga Brani | |
210 | b3c1328b | Olga Brani | .small-offset-6 {
|
211 | b3c1328b | Olga Brani | position: relative; |
212 | b3c1328b | Olga Brani | margin-left: 50%; } |
213 | b3c1328b | Olga Brani | |
214 | b3c1328b | Olga Brani | .small-offset-7 {
|
215 | b3c1328b | Olga Brani | position: relative; |
216 | b3c1328b | Olga Brani | margin-left: 58.33333%; } |
217 | b3c1328b | Olga Brani | |
218 | b3c1328b | Olga Brani | .small-offset-8 {
|
219 | b3c1328b | Olga Brani | position: relative; |
220 | b3c1328b | Olga Brani | margin-left: 66.66667%; } |
221 | b3c1328b | Olga Brani | |
222 | b3c1328b | Olga Brani | .small-offset-9 {
|
223 | b3c1328b | Olga Brani | position: relative; |
224 | b3c1328b | Olga Brani | margin-left: 75%; } |
225 | b3c1328b | Olga Brani | |
226 | b3c1328b | Olga Brani | .small-offset-10 {
|
227 | b3c1328b | Olga Brani | position: relative; |
228 | b3c1328b | Olga Brani | margin-left: 83.33333%; } |
229 | b3c1328b | Olga Brani | |
230 | b3c1328b | Olga Brani | [class*="column"] + [class*="column"]:last-child { |
231 | b3c1328b | Olga Brani | float: right; } |
232 | b3c1328b | Olga Brani | |
233 | b3c1328b | Olga Brani | [class*="column"] + [class*="column"].end { |
234 | b3c1328b | Olga Brani | float: left; } |
235 | b3c1328b | Olga Brani | |
236 | b3c1328b | Olga Brani | .column.small-centered, |
237 | b3c1328b | Olga Brani | .columns.small-centered { |
238 | b3c1328b | Olga Brani | position: relative; |
239 | b3c1328b | Olga Brani | margin-left: auto; |
240 | b3c1328b | Olga Brani | margin-right: auto; |
241 | b3c1328b | Olga Brani | float: none !important; } } |
242 | b3c1328b | Olga Brani | /* Styles for screens that are atleast 768px; */
|
243 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
244 | b3c1328b | Olga Brani | .large-1 {
|
245 | b3c1328b | Olga Brani | position: relative; |
246 | b3c1328b | Olga Brani | width: 8.33333%; } |
247 | b3c1328b | Olga Brani | |
248 | b3c1328b | Olga Brani | .large-2 {
|
249 | b3c1328b | Olga Brani | position: relative; |
250 | b3c1328b | Olga Brani | width: 16.66667%; } |
251 | b3c1328b | Olga Brani | |
252 | b3c1328b | Olga Brani | .large-3 {
|
253 | b3c1328b | Olga Brani | position: relative; |
254 | b3c1328b | Olga Brani | width: 25%; } |
255 | b3c1328b | Olga Brani | |
256 | b3c1328b | Olga Brani | .large-4 {
|
257 | b3c1328b | Olga Brani | position: relative; |
258 | b3c1328b | Olga Brani | width: 33.33333%; } |
259 | b3c1328b | Olga Brani | |
260 | b3c1328b | Olga Brani | .large-5 {
|
261 | b3c1328b | Olga Brani | position: relative; |
262 | b3c1328b | Olga Brani | width: 41.66667%; } |
263 | b3c1328b | Olga Brani | |
264 | b3c1328b | Olga Brani | .large-6 {
|
265 | b3c1328b | Olga Brani | position: relative; |
266 | b3c1328b | Olga Brani | width: 50%; } |
267 | b3c1328b | Olga Brani | |
268 | b3c1328b | Olga Brani | .large-7 {
|
269 | b3c1328b | Olga Brani | position: relative; |
270 | b3c1328b | Olga Brani | width: 58.33333%; } |
271 | b3c1328b | Olga Brani | |
272 | b3c1328b | Olga Brani | .large-8 {
|
273 | b3c1328b | Olga Brani | position: relative; |
274 | b3c1328b | Olga Brani | width: 66.66667%; } |
275 | b3c1328b | Olga Brani | |
276 | b3c1328b | Olga Brani | .large-9 {
|
277 | b3c1328b | Olga Brani | position: relative; |
278 | b3c1328b | Olga Brani | width: 75%; } |
279 | b3c1328b | Olga Brani | |
280 | b3c1328b | Olga Brani | .large-10 {
|
281 | b3c1328b | Olga Brani | position: relative; |
282 | b3c1328b | Olga Brani | width: 83.33333%; } |
283 | b3c1328b | Olga Brani | |
284 | b3c1328b | Olga Brani | .large-11 {
|
285 | b3c1328b | Olga Brani | position: relative; |
286 | b3c1328b | Olga Brani | width: 91.66667%; } |
287 | b3c1328b | Olga Brani | |
288 | b3c1328b | Olga Brani | .large-12 {
|
289 | b3c1328b | Olga Brani | position: relative; |
290 | b3c1328b | Olga Brani | width: 100%; } |
291 | b3c1328b | Olga Brani | |
292 | b3c1328b | Olga Brani | .row .large-offset-1 { |
293 | b3c1328b | Olga Brani | position: relative; |
294 | b3c1328b | Olga Brani | margin-left: 8.33333%; } |
295 | b3c1328b | Olga Brani | |
296 | b3c1328b | Olga Brani | .row .large-offset-2 { |
297 | b3c1328b | Olga Brani | position: relative; |
298 | b3c1328b | Olga Brani | margin-left: 16.66667%; } |
299 | b3c1328b | Olga Brani | |
300 | b3c1328b | Olga Brani | .row .large-offset-3 { |
301 | b3c1328b | Olga Brani | position: relative; |
302 | b3c1328b | Olga Brani | margin-left: 25%; } |
303 | b3c1328b | Olga Brani | |
304 | b3c1328b | Olga Brani | .row .large-offset-4 { |
305 | b3c1328b | Olga Brani | position: relative; |
306 | b3c1328b | Olga Brani | margin-left: 33.33333%; } |
307 | b3c1328b | Olga Brani | |
308 | b3c1328b | Olga Brani | .row .large-offset-5 { |
309 | b3c1328b | Olga Brani | position: relative; |
310 | b3c1328b | Olga Brani | margin-left: 41.66667%; } |
311 | b3c1328b | Olga Brani | |
312 | b3c1328b | Olga Brani | .row .large-offset-6 { |
313 | b3c1328b | Olga Brani | position: relative; |
314 | b3c1328b | Olga Brani | margin-left: 50%; } |
315 | b3c1328b | Olga Brani | |
316 | b3c1328b | Olga Brani | .row .large-offset-7 { |
317 | b3c1328b | Olga Brani | position: relative; |
318 | b3c1328b | Olga Brani | margin-left: 58.33333%; } |
319 | b3c1328b | Olga Brani | |
320 | b3c1328b | Olga Brani | .row .large-offset-8 { |
321 | b3c1328b | Olga Brani | position: relative; |
322 | b3c1328b | Olga Brani | margin-left: 66.66667%; } |
323 | b3c1328b | Olga Brani | |
324 | b3c1328b | Olga Brani | .row .large-offset-9 { |
325 | b3c1328b | Olga Brani | position: relative; |
326 | b3c1328b | Olga Brani | margin-left: 75%; } |
327 | b3c1328b | Olga Brani | |
328 | b3c1328b | Olga Brani | .row .large-offset-10 { |
329 | b3c1328b | Olga Brani | position: relative; |
330 | b3c1328b | Olga Brani | margin-left: 83.33333%; } |
331 | b3c1328b | Olga Brani | |
332 | b3c1328b | Olga Brani | .row .large-offset-11 { |
333 | b3c1328b | Olga Brani | position: relative; |
334 | b3c1328b | Olga Brani | margin-left: 91.66667%; } |
335 | b3c1328b | Olga Brani | |
336 | b3c1328b | Olga Brani | .push-1 {
|
337 | b3c1328b | Olga Brani | position: relative; |
338 | b3c1328b | Olga Brani | left: 8.33333%; |
339 | b3c1328b | Olga Brani | right: auto; } |
340 | b3c1328b | Olga Brani | |
341 | b3c1328b | Olga Brani | .pull-1 {
|
342 | b3c1328b | Olga Brani | position: relative; |
343 | b3c1328b | Olga Brani | right: 8.33333%; |
344 | b3c1328b | Olga Brani | left: auto; } |
345 | b3c1328b | Olga Brani | |
346 | b3c1328b | Olga Brani | .push-2 {
|
347 | b3c1328b | Olga Brani | position: relative; |
348 | b3c1328b | Olga Brani | left: 16.66667%; |
349 | b3c1328b | Olga Brani | right: auto; } |
350 | b3c1328b | Olga Brani | |
351 | b3c1328b | Olga Brani | .pull-2 {
|
352 | b3c1328b | Olga Brani | position: relative; |
353 | b3c1328b | Olga Brani | right: 16.66667%; |
354 | b3c1328b | Olga Brani | left: auto; } |
355 | b3c1328b | Olga Brani | |
356 | b3c1328b | Olga Brani | .push-3 {
|
357 | b3c1328b | Olga Brani | position: relative; |
358 | b3c1328b | Olga Brani | left: 25%; |
359 | b3c1328b | Olga Brani | right: auto; } |
360 | b3c1328b | Olga Brani | |
361 | b3c1328b | Olga Brani | .pull-3 {
|
362 | b3c1328b | Olga Brani | position: relative; |
363 | b3c1328b | Olga Brani | right: 25%; |
364 | b3c1328b | Olga Brani | left: auto; } |
365 | b3c1328b | Olga Brani | |
366 | b3c1328b | Olga Brani | .push-4 {
|
367 | b3c1328b | Olga Brani | position: relative; |
368 | b3c1328b | Olga Brani | left: 33.33333%; |
369 | b3c1328b | Olga Brani | right: auto; } |
370 | b3c1328b | Olga Brani | |
371 | b3c1328b | Olga Brani | .pull-4 {
|
372 | b3c1328b | Olga Brani | position: relative; |
373 | b3c1328b | Olga Brani | right: 33.33333%; |
374 | b3c1328b | Olga Brani | left: auto; } |
375 | b3c1328b | Olga Brani | |
376 | b3c1328b | Olga Brani | .push-5 {
|
377 | b3c1328b | Olga Brani | position: relative; |
378 | b3c1328b | Olga Brani | left: 41.66667%; |
379 | b3c1328b | Olga Brani | right: auto; } |
380 | b3c1328b | Olga Brani | |
381 | b3c1328b | Olga Brani | .pull-5 {
|
382 | b3c1328b | Olga Brani | position: relative; |
383 | b3c1328b | Olga Brani | right: 41.66667%; |
384 | b3c1328b | Olga Brani | left: auto; } |
385 | b3c1328b | Olga Brani | |
386 | b3c1328b | Olga Brani | .push-6 {
|
387 | b3c1328b | Olga Brani | position: relative; |
388 | b3c1328b | Olga Brani | left: 50%; |
389 | b3c1328b | Olga Brani | right: auto; } |
390 | b3c1328b | Olga Brani | |
391 | b3c1328b | Olga Brani | .pull-6 {
|
392 | b3c1328b | Olga Brani | position: relative; |
393 | b3c1328b | Olga Brani | right: 50%; |
394 | b3c1328b | Olga Brani | left: auto; } |
395 | b3c1328b | Olga Brani | |
396 | b3c1328b | Olga Brani | .push-7 {
|
397 | b3c1328b | Olga Brani | position: relative; |
398 | b3c1328b | Olga Brani | left: 58.33333%; |
399 | b3c1328b | Olga Brani | right: auto; } |
400 | b3c1328b | Olga Brani | |
401 | b3c1328b | Olga Brani | .pull-7 {
|
402 | b3c1328b | Olga Brani | position: relative; |
403 | b3c1328b | Olga Brani | right: 58.33333%; |
404 | b3c1328b | Olga Brani | left: auto; } |
405 | b3c1328b | Olga Brani | |
406 | b3c1328b | Olga Brani | .push-8 {
|
407 | b3c1328b | Olga Brani | position: relative; |
408 | b3c1328b | Olga Brani | left: 66.66667%; |
409 | b3c1328b | Olga Brani | right: auto; } |
410 | b3c1328b | Olga Brani | |
411 | b3c1328b | Olga Brani | .pull-8 {
|
412 | b3c1328b | Olga Brani | position: relative; |
413 | b3c1328b | Olga Brani | right: 66.66667%; |
414 | b3c1328b | Olga Brani | left: auto; } |
415 | b3c1328b | Olga Brani | |
416 | b3c1328b | Olga Brani | .push-9 {
|
417 | b3c1328b | Olga Brani | position: relative; |
418 | b3c1328b | Olga Brani | left: 75%; |
419 | b3c1328b | Olga Brani | right: auto; } |
420 | b3c1328b | Olga Brani | |
421 | b3c1328b | Olga Brani | .pull-9 {
|
422 | b3c1328b | Olga Brani | position: relative; |
423 | b3c1328b | Olga Brani | right: 75%; |
424 | b3c1328b | Olga Brani | left: auto; } |
425 | b3c1328b | Olga Brani | |
426 | b3c1328b | Olga Brani | .push-10 {
|
427 | b3c1328b | Olga Brani | position: relative; |
428 | b3c1328b | Olga Brani | left: 83.33333%; |
429 | b3c1328b | Olga Brani | right: auto; } |
430 | b3c1328b | Olga Brani | |
431 | b3c1328b | Olga Brani | .pull-10 {
|
432 | b3c1328b | Olga Brani | position: relative; |
433 | b3c1328b | Olga Brani | right: 83.33333%; |
434 | b3c1328b | Olga Brani | left: auto; } |
435 | b3c1328b | Olga Brani | |
436 | b3c1328b | Olga Brani | .push-11 {
|
437 | b3c1328b | Olga Brani | position: relative; |
438 | b3c1328b | Olga Brani | left: 91.66667%; |
439 | b3c1328b | Olga Brani | right: auto; } |
440 | b3c1328b | Olga Brani | |
441 | b3c1328b | Olga Brani | .pull-11 {
|
442 | b3c1328b | Olga Brani | position: relative; |
443 | b3c1328b | Olga Brani | right: 91.66667%; |
444 | b3c1328b | Olga Brani | left: auto; } |
445 | b3c1328b | Olga Brani | |
446 | b3c1328b | Olga Brani | .small-push-1 {
|
447 | b3c1328b | Olga Brani | left: inherit; } |
448 | b3c1328b | Olga Brani | |
449 | b3c1328b | Olga Brani | .small-pull-1 {
|
450 | b3c1328b | Olga Brani | right: inherit; } |
451 | b3c1328b | Olga Brani | |
452 | b3c1328b | Olga Brani | .small-push-2 {
|
453 | b3c1328b | Olga Brani | left: inherit; } |
454 | b3c1328b | Olga Brani | |
455 | b3c1328b | Olga Brani | .small-pull-2 {
|
456 | b3c1328b | Olga Brani | right: inherit; } |
457 | b3c1328b | Olga Brani | |
458 | b3c1328b | Olga Brani | .small-push-3 {
|
459 | b3c1328b | Olga Brani | left: inherit; } |
460 | b3c1328b | Olga Brani | |
461 | b3c1328b | Olga Brani | .small-pull-3 {
|
462 | b3c1328b | Olga Brani | right: inherit; } |
463 | b3c1328b | Olga Brani | |
464 | b3c1328b | Olga Brani | .small-push-4 {
|
465 | b3c1328b | Olga Brani | left: inherit; } |
466 | b3c1328b | Olga Brani | |
467 | b3c1328b | Olga Brani | .small-pull-4 {
|
468 | b3c1328b | Olga Brani | right: inherit; } |
469 | b3c1328b | Olga Brani | |
470 | b3c1328b | Olga Brani | .small-push-5 {
|
471 | b3c1328b | Olga Brani | left: inherit; } |
472 | b3c1328b | Olga Brani | |
473 | b3c1328b | Olga Brani | .small-pull-5 {
|
474 | b3c1328b | Olga Brani | right: inherit; } |
475 | b3c1328b | Olga Brani | |
476 | b3c1328b | Olga Brani | .small-push-6 {
|
477 | b3c1328b | Olga Brani | left: inherit; } |
478 | b3c1328b | Olga Brani | |
479 | b3c1328b | Olga Brani | .small-pull-6 {
|
480 | b3c1328b | Olga Brani | right: inherit; } |
481 | b3c1328b | Olga Brani | |
482 | b3c1328b | Olga Brani | .small-push-7 {
|
483 | b3c1328b | Olga Brani | left: inherit; } |
484 | b3c1328b | Olga Brani | |
485 | b3c1328b | Olga Brani | .small-pull-7 {
|
486 | b3c1328b | Olga Brani | right: inherit; } |
487 | b3c1328b | Olga Brani | |
488 | b3c1328b | Olga Brani | .small-push-8 {
|
489 | b3c1328b | Olga Brani | left: inherit; } |
490 | b3c1328b | Olga Brani | |
491 | b3c1328b | Olga Brani | .small-pull-8 {
|
492 | b3c1328b | Olga Brani | right: inherit; } |
493 | b3c1328b | Olga Brani | |
494 | b3c1328b | Olga Brani | .small-push-9 {
|
495 | b3c1328b | Olga Brani | left: inherit; } |
496 | b3c1328b | Olga Brani | |
497 | b3c1328b | Olga Brani | .small-pull-9 {
|
498 | b3c1328b | Olga Brani | right: inherit; } |
499 | b3c1328b | Olga Brani | |
500 | b3c1328b | Olga Brani | .small-push-10 {
|
501 | b3c1328b | Olga Brani | left: inherit; } |
502 | b3c1328b | Olga Brani | |
503 | b3c1328b | Olga Brani | .small-pull-10 {
|
504 | b3c1328b | Olga Brani | right: inherit; } |
505 | b3c1328b | Olga Brani | |
506 | b3c1328b | Olga Brani | .small-push-11 {
|
507 | b3c1328b | Olga Brani | left: inherit; } |
508 | b3c1328b | Olga Brani | |
509 | b3c1328b | Olga Brani | .small-pull-11 {
|
510 | b3c1328b | Olga Brani | right: inherit; } |
511 | b3c1328b | Olga Brani | |
512 | b3c1328b | Olga Brani | .column.large-centered, |
513 | b3c1328b | Olga Brani | .columns.large-centered { |
514 | b3c1328b | Olga Brani | position: relative; |
515 | b3c1328b | Olga Brani | margin-left: auto; |
516 | b3c1328b | Olga Brani | margin-right: auto; |
517 | b3c1328b | Olga Brani | float: none !important; } |
518 | b3c1328b | Olga Brani | |
519 | b3c1328b | Olga Brani | .column.large-uncentered, |
520 | b3c1328b | Olga Brani | .columns.large-uncentered { |
521 | b3c1328b | Olga Brani | margin-left: 0; |
522 | b3c1328b | Olga Brani | margin-right: 0; |
523 | b3c1328b | Olga Brani | float: none; } } |
524 | b3c1328b | Olga Brani | /* Foundation Visibility HTML Classes */
|
525 | b3c1328b | Olga Brani | .show-for-small,
|
526 | b3c1328b | Olga Brani | .show-for-medium-down,
|
527 | b3c1328b | Olga Brani | .show-for-large-down {
|
528 | b3c1328b | Olga Brani | display: inherit !important; } |
529 | b3c1328b | Olga Brani | |
530 | b3c1328b | Olga Brani | .show-for-medium,
|
531 | b3c1328b | Olga Brani | .show-for-medium-up,
|
532 | b3c1328b | Olga Brani | .show-for-large,
|
533 | b3c1328b | Olga Brani | .show-for-large-up,
|
534 | b3c1328b | Olga Brani | .show-for-xlarge {
|
535 | b3c1328b | Olga Brani | display: none !important; } |
536 | b3c1328b | Olga Brani | |
537 | b3c1328b | Olga Brani | .hide-for-medium,
|
538 | b3c1328b | Olga Brani | .hide-for-medium-up,
|
539 | b3c1328b | Olga Brani | .hide-for-large,
|
540 | b3c1328b | Olga Brani | .hide-for-large-up,
|
541 | b3c1328b | Olga Brani | .hide-for-xlarge {
|
542 | b3c1328b | Olga Brani | display: inherit !important; } |
543 | b3c1328b | Olga Brani | |
544 | b3c1328b | Olga Brani | .hide-for-small,
|
545 | b3c1328b | Olga Brani | .hide-for-medium-down,
|
546 | b3c1328b | Olga Brani | .hide-for-large-down {
|
547 | b3c1328b | Olga Brani | display: none !important; } |
548 | b3c1328b | Olga Brani | |
549 | b3c1328b | Olga Brani | /* Specific visilbity for tables */
|
550 | b3c1328b | Olga Brani | table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { |
551 | b3c1328b | Olga Brani | display: table; } |
552 | b3c1328b | Olga Brani | |
553 | b3c1328b | Olga Brani | thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { |
554 | b3c1328b | Olga Brani | display: table-header-group !important; } |
555 | b3c1328b | Olga Brani | |
556 | b3c1328b | Olga Brani | tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { |
557 | b3c1328b | Olga Brani | display: table-row-group !important; } |
558 | b3c1328b | Olga Brani | |
559 | b3c1328b | Olga Brani | tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { |
560 | b3c1328b | Olga Brani | display: table-row !important; } |
561 | b3c1328b | Olga Brani | |
562 | b3c1328b | Olga Brani | td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, |
563 | b3c1328b | Olga Brani | th.show-for-small, |
564 | b3c1328b | Olga Brani | th.show-for-medium-down, |
565 | b3c1328b | Olga Brani | th.show-for-large-down, |
566 | b3c1328b | Olga Brani | th.hide-for-medium, |
567 | b3c1328b | Olga Brani | th.hide-for-medium-up, |
568 | b3c1328b | Olga Brani | th.hide-for-large, |
569 | b3c1328b | Olga Brani | th.hide-for-large-up, |
570 | b3c1328b | Olga Brani | th.hide-for-xlarge { |
571 | b3c1328b | Olga Brani | display: table-cell !important; } |
572 | b3c1328b | Olga Brani | |
573 | b3c1328b | Olga Brani | /* Medium Displays: 768px - 1279px */
|
574 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
575 | b3c1328b | Olga Brani | .show-for-medium,
|
576 | b3c1328b | Olga Brani | .show-for-medium-up {
|
577 | b3c1328b | Olga Brani | display: inherit !important; } |
578 | b3c1328b | Olga Brani | |
579 | b3c1328b | Olga Brani | .show-for-small {
|
580 | b3c1328b | Olga Brani | display: none !important; } |
581 | b3c1328b | Olga Brani | |
582 | b3c1328b | Olga Brani | .hide-for-small {
|
583 | b3c1328b | Olga Brani | display: inherit !important; } |
584 | b3c1328b | Olga Brani | |
585 | b3c1328b | Olga Brani | .hide-for-medium,
|
586 | b3c1328b | Olga Brani | .hide-for-medium-up {
|
587 | b3c1328b | Olga Brani | display: none !important; } |
588 | b3c1328b | Olga Brani | |
589 | b3c1328b | Olga Brani | /* Specific visilbity for tables */
|
590 | b3c1328b | Olga Brani | table.show-for-medium, table.show-for-medium-up, table.hide-for-small { |
591 | b3c1328b | Olga Brani | display: table; } |
592 | b3c1328b | Olga Brani | |
593 | b3c1328b | Olga Brani | thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { |
594 | b3c1328b | Olga Brani | display: table-header-group !important; } |
595 | b3c1328b | Olga Brani | |
596 | b3c1328b | Olga Brani | tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { |
597 | b3c1328b | Olga Brani | display: table-row-group !important; } |
598 | b3c1328b | Olga Brani | |
599 | b3c1328b | Olga Brani | tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { |
600 | b3c1328b | Olga Brani | display: table-row !important; } |
601 | b3c1328b | Olga Brani | |
602 | b3c1328b | Olga Brani | td.show-for-medium, td.show-for-medium-up, td.hide-for-small, |
603 | b3c1328b | Olga Brani | th.show-for-medium, |
604 | b3c1328b | Olga Brani | th.show-for-medium-up, |
605 | b3c1328b | Olga Brani | th.hide-for-small { |
606 | b3c1328b | Olga Brani | display: table-cell !important; } } |
607 | b3c1328b | Olga Brani | /* Large Displays: 1280px - 1440px */
|
608 | b3c1328b | Olga Brani | @media only screen and (min-width: 80em) { |
609 | b3c1328b | Olga Brani | .show-for-large,
|
610 | b3c1328b | Olga Brani | .show-for-large-up {
|
611 | b3c1328b | Olga Brani | display: inherit !important; } |
612 | b3c1328b | Olga Brani | |
613 | b3c1328b | Olga Brani | .show-for-medium,
|
614 | b3c1328b | Olga Brani | .show-for-medium-down {
|
615 | b3c1328b | Olga Brani | display: none !important; } |
616 | b3c1328b | Olga Brani | |
617 | b3c1328b | Olga Brani | .hide-for-medium,
|
618 | b3c1328b | Olga Brani | .hide-for-medium-down {
|
619 | b3c1328b | Olga Brani | display: inherit !important; } |
620 | b3c1328b | Olga Brani | |
621 | b3c1328b | Olga Brani | .hide-for-large,
|
622 | b3c1328b | Olga Brani | .hide-for-large-up {
|
623 | b3c1328b | Olga Brani | display: none !important; } |
624 | b3c1328b | Olga Brani | |
625 | b3c1328b | Olga Brani | /* Specific visilbity for tables */
|
626 | b3c1328b | Olga Brani | table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { |
627 | b3c1328b | Olga Brani | display: table; } |
628 | b3c1328b | Olga Brani | |
629 | b3c1328b | Olga Brani | thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { |
630 | b3c1328b | Olga Brani | display: table-header-group !important; } |
631 | b3c1328b | Olga Brani | |
632 | b3c1328b | Olga Brani | tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { |
633 | b3c1328b | Olga Brani | display: table-row-group !important; } |
634 | b3c1328b | Olga Brani | |
635 | b3c1328b | Olga Brani | tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { |
636 | b3c1328b | Olga Brani | display: table-row !important; } |
637 | b3c1328b | Olga Brani | |
638 | b3c1328b | Olga Brani | td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, |
639 | b3c1328b | Olga Brani | th.show-for-large, |
640 | b3c1328b | Olga Brani | th.show-for-large-up, |
641 | b3c1328b | Olga Brani | th.hide-for-medium, |
642 | b3c1328b | Olga Brani | th.hide-for-medium-down { |
643 | b3c1328b | Olga Brani | display: table-cell !important; } } |
644 | b3c1328b | Olga Brani | /* X-Large Displays: 1400px and up */
|
645 | b3c1328b | Olga Brani | @media only screen and (min-width: 90em) { |
646 | b3c1328b | Olga Brani | .show-for-xlarge {
|
647 | b3c1328b | Olga Brani | display: inherit !important; } |
648 | b3c1328b | Olga Brani | |
649 | b3c1328b | Olga Brani | .show-for-large,
|
650 | b3c1328b | Olga Brani | .show-for-large-down {
|
651 | b3c1328b | Olga Brani | display: none !important; } |
652 | b3c1328b | Olga Brani | |
653 | b3c1328b | Olga Brani | .hide-for-large,
|
654 | b3c1328b | Olga Brani | .hide-for-large-down {
|
655 | b3c1328b | Olga Brani | display: inherit !important; } |
656 | b3c1328b | Olga Brani | |
657 | b3c1328b | Olga Brani | .hide-for-xlarge {
|
658 | b3c1328b | Olga Brani | display: none !important; } |
659 | b3c1328b | Olga Brani | |
660 | b3c1328b | Olga Brani | /* Specific visilbity for tables */
|
661 | b3c1328b | Olga Brani | table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { |
662 | b3c1328b | Olga Brani | display: table; } |
663 | b3c1328b | Olga Brani | |
664 | b3c1328b | Olga Brani | thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { |
665 | b3c1328b | Olga Brani | display: table-header-group !important; } |
666 | b3c1328b | Olga Brani | |
667 | b3c1328b | Olga Brani | tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { |
668 | b3c1328b | Olga Brani | display: table-row-group !important; } |
669 | b3c1328b | Olga Brani | |
670 | b3c1328b | Olga Brani | tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { |
671 | b3c1328b | Olga Brani | display: table-row !important; } |
672 | b3c1328b | Olga Brani | |
673 | b3c1328b | Olga Brani | td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, |
674 | b3c1328b | Olga Brani | th.show-for-xlarge, |
675 | b3c1328b | Olga Brani | th.hide-for-large, |
676 | b3c1328b | Olga Brani | th.hide-for-large-down { |
677 | b3c1328b | Olga Brani | display: table-cell !important; } } |
678 | b3c1328b | Olga Brani | /* Orientation targeting */
|
679 | b3c1328b | Olga Brani | .show-for-landscape,
|
680 | b3c1328b | Olga Brani | .hide-for-portrait {
|
681 | b3c1328b | Olga Brani | display: inherit !important; } |
682 | b3c1328b | Olga Brani | |
683 | b3c1328b | Olga Brani | .hide-for-landscape,
|
684 | b3c1328b | Olga Brani | .show-for-portrait {
|
685 | b3c1328b | Olga Brani | display: none !important; } |
686 | b3c1328b | Olga Brani | |
687 | b3c1328b | Olga Brani | /* Specific visilbity for tables */
|
688 | b3c1328b | Olga Brani | table.hide-for-landscape, table.show-for-portrait { |
689 | b3c1328b | Olga Brani | display: table; } |
690 | b3c1328b | Olga Brani | |
691 | b3c1328b | Olga Brani | thead.hide-for-landscape, thead.show-for-portrait { |
692 | b3c1328b | Olga Brani | display: table-header-group !important; } |
693 | b3c1328b | Olga Brani | |
694 | b3c1328b | Olga Brani | tbody.hide-for-landscape, tbody.show-for-portrait { |
695 | b3c1328b | Olga Brani | display: table-row-group !important; } |
696 | b3c1328b | Olga Brani | |
697 | b3c1328b | Olga Brani | tr.hide-for-landscape, tr.show-for-portrait { |
698 | b3c1328b | Olga Brani | display: table-row !important; } |
699 | b3c1328b | Olga Brani | |
700 | b3c1328b | Olga Brani | td.hide-for-landscape, td.show-for-portrait, |
701 | b3c1328b | Olga Brani | th.hide-for-landscape, |
702 | b3c1328b | Olga Brani | th.show-for-portrait { |
703 | b3c1328b | Olga Brani | display: table-cell !important; } |
704 | b3c1328b | Olga Brani | |
705 | b3c1328b | Olga Brani | @media only screen and (orientation: landscape) { |
706 | b3c1328b | Olga Brani | .show-for-landscape,
|
707 | b3c1328b | Olga Brani | .hide-for-portrait {
|
708 | b3c1328b | Olga Brani | display: inherit !important; } |
709 | b3c1328b | Olga Brani | |
710 | b3c1328b | Olga Brani | .hide-for-landscape,
|
711 | b3c1328b | Olga Brani | .show-for-portrait {
|
712 | b3c1328b | Olga Brani | display: none !important; } |
713 | b3c1328b | Olga Brani | |
714 | b3c1328b | Olga Brani | /* Specific visilbity for tables */
|
715 | b3c1328b | Olga Brani | table.show-for-landscape, table.hide-for-portrait { |
716 | b3c1328b | Olga Brani | display: table; } |
717 | b3c1328b | Olga Brani | |
718 | b3c1328b | Olga Brani | thead.show-for-landscape, thead.hide-for-portrait { |
719 | b3c1328b | Olga Brani | display: table-header-group !important; } |
720 | b3c1328b | Olga Brani | |
721 | b3c1328b | Olga Brani | tbody.show-for-landscape, tbody.hide-for-portrait { |
722 | b3c1328b | Olga Brani | display: table-row-group !important; } |
723 | b3c1328b | Olga Brani | |
724 | b3c1328b | Olga Brani | tr.show-for-landscape, tr.hide-for-portrait { |
725 | b3c1328b | Olga Brani | display: table-row !important; } |
726 | b3c1328b | Olga Brani | |
727 | b3c1328b | Olga Brani | td.show-for-landscape, td.hide-for-portrait, |
728 | b3c1328b | Olga Brani | th.show-for-landscape, |
729 | b3c1328b | Olga Brani | th.hide-for-portrait { |
730 | b3c1328b | Olga Brani | display: table-cell !important; } } |
731 | b3c1328b | Olga Brani | @media only screen and (orientation: portrait) { |
732 | b3c1328b | Olga Brani | .show-for-portrait,
|
733 | b3c1328b | Olga Brani | .hide-for-landscape {
|
734 | b3c1328b | Olga Brani | display: inherit !important; } |
735 | b3c1328b | Olga Brani | |
736 | b3c1328b | Olga Brani | .hide-for-portrait,
|
737 | b3c1328b | Olga Brani | .show-for-landscape {
|
738 | b3c1328b | Olga Brani | display: none !important; } |
739 | b3c1328b | Olga Brani | |
740 | b3c1328b | Olga Brani | /* Specific visilbity for tables */
|
741 | b3c1328b | Olga Brani | table.show-for-portrait, table.hide-for-landscape { |
742 | b3c1328b | Olga Brani | display: table; } |
743 | b3c1328b | Olga Brani | |
744 | b3c1328b | Olga Brani | thead.show-for-portrait, thead.hide-for-landscape { |
745 | b3c1328b | Olga Brani | display: table-header-group !important; } |
746 | b3c1328b | Olga Brani | |
747 | b3c1328b | Olga Brani | tbody.show-for-portrait, tbody.hide-for-landscape { |
748 | b3c1328b | Olga Brani | display: table-row-group !important; } |
749 | b3c1328b | Olga Brani | |
750 | b3c1328b | Olga Brani | tr.show-for-portrait, tr.hide-for-landscape { |
751 | b3c1328b | Olga Brani | display: table-row !important; } |
752 | b3c1328b | Olga Brani | |
753 | b3c1328b | Olga Brani | td.show-for-portrait, td.hide-for-landscape, |
754 | b3c1328b | Olga Brani | th.show-for-portrait, |
755 | b3c1328b | Olga Brani | th.hide-for-landscape { |
756 | b3c1328b | Olga Brani | display: table-cell !important; } } |
757 | b3c1328b | Olga Brani | /* Touch-enabled device targeting */
|
758 | b3c1328b | Olga Brani | .show-for-touch {
|
759 | b3c1328b | Olga Brani | display: none !important; } |
760 | b3c1328b | Olga Brani | |
761 | b3c1328b | Olga Brani | .hide-for-touch {
|
762 | b3c1328b | Olga Brani | display: inherit !important; } |
763 | b3c1328b | Olga Brani | |
764 | b3c1328b | Olga Brani | .touch .show-for-touch { |
765 | b3c1328b | Olga Brani | display: inherit !important; } |
766 | b3c1328b | Olga Brani | |
767 | b3c1328b | Olga Brani | .touch .hide-for-touch { |
768 | b3c1328b | Olga Brani | display: none !important; } |
769 | b3c1328b | Olga Brani | |
770 | b3c1328b | Olga Brani | /* Specific visilbity for tables */
|
771 | b3c1328b | Olga Brani | table.hide-for-touch { |
772 | b3c1328b | Olga Brani | display: table; } |
773 | b3c1328b | Olga Brani | |
774 | b3c1328b | Olga Brani | .touch table.show-for-touch { |
775 | b3c1328b | Olga Brani | display: table; } |
776 | b3c1328b | Olga Brani | |
777 | b3c1328b | Olga Brani | thead.hide-for-touch { |
778 | b3c1328b | Olga Brani | display: table-header-group !important; } |
779 | b3c1328b | Olga Brani | |
780 | b3c1328b | Olga Brani | .touch thead.show-for-touch { |
781 | b3c1328b | Olga Brani | display: table-header-group !important; } |
782 | b3c1328b | Olga Brani | |
783 | b3c1328b | Olga Brani | tbody.hide-for-touch { |
784 | b3c1328b | Olga Brani | display: table-row-group !important; } |
785 | b3c1328b | Olga Brani | |
786 | b3c1328b | Olga Brani | .touch tbody.show-for-touch { |
787 | b3c1328b | Olga Brani | display: table-row-group !important; } |
788 | b3c1328b | Olga Brani | |
789 | b3c1328b | Olga Brani | tr.hide-for-touch { |
790 | b3c1328b | Olga Brani | display: table-row !important; } |
791 | b3c1328b | Olga Brani | |
792 | b3c1328b | Olga Brani | .touch tr.show-for-touch { |
793 | b3c1328b | Olga Brani | display: table-row !important; } |
794 | b3c1328b | Olga Brani | |
795 | b3c1328b | Olga Brani | td.hide-for-touch { |
796 | b3c1328b | Olga Brani | display: table-cell !important; } |
797 | b3c1328b | Olga Brani | |
798 | b3c1328b | Olga Brani | .touch td.show-for-touch { |
799 | b3c1328b | Olga Brani | display: table-cell !important; } |
800 | b3c1328b | Olga Brani | |
801 | b3c1328b | Olga Brani | th.hide-for-touch { |
802 | b3c1328b | Olga Brani | display: table-cell !important; } |
803 | b3c1328b | Olga Brani | |
804 | b3c1328b | Olga Brani | .touch th.show-for-touch { |
805 | b3c1328b | Olga Brani | display: table-cell !important; } |
806 | b3c1328b | Olga Brani | |
807 | b3c1328b | Olga Brani | /* Foundation Block Grids for below small breakpoint */
|
808 | b3c1328b | Olga Brani | @media only screen { |
809 | b3c1328b | Olga Brani | [class*="block-grid-"] {
|
810 | b3c1328b | Olga Brani | display: block; |
811 | b3c1328b | Olga Brani | padding: 0; |
812 | b3c1328b | Olga Brani | margin: 0 -10px; |
813 | b3c1328b | Olga Brani | *zoom: 1; } |
814 | b3c1328b | Olga Brani | [class*="block-grid-"]:before, [class*="block-grid-"]:after { |
815 | b3c1328b | Olga Brani | content: " "; |
816 | b3c1328b | Olga Brani | display: table; } |
817 | b3c1328b | Olga Brani | [class*="block-grid-"]:after { |
818 | b3c1328b | Olga Brani | clear: both; } |
819 | b3c1328b | Olga Brani | [class*="block-grid-"] > li { |
820 | b3c1328b | Olga Brani | display: inline; |
821 | b3c1328b | Olga Brani | height: auto; |
822 | b3c1328b | Olga Brani | float: left; |
823 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
824 | b3c1328b | Olga Brani | |
825 | b3c1328b | Olga Brani | .small-block-grid-1 > li { |
826 | b3c1328b | Olga Brani | width: 100%; |
827 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
828 | b3c1328b | Olga Brani | .small-block-grid-1 > li:nth-of-type(n) { |
829 | b3c1328b | Olga Brani | clear: none; } |
830 | b3c1328b | Olga Brani | .small-block-grid-1 > li:nth-of-type(1n+1) { |
831 | b3c1328b | Olga Brani | clear: both; } |
832 | b3c1328b | Olga Brani | |
833 | b3c1328b | Olga Brani | .small-block-grid-2 > li { |
834 | b3c1328b | Olga Brani | width: 50%; |
835 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
836 | b3c1328b | Olga Brani | .small-block-grid-2 > li:nth-of-type(n) { |
837 | b3c1328b | Olga Brani | clear: none; } |
838 | b3c1328b | Olga Brani | .small-block-grid-2 > li:nth-of-type(2n+1) { |
839 | b3c1328b | Olga Brani | clear: both; } |
840 | b3c1328b | Olga Brani | |
841 | b3c1328b | Olga Brani | .small-block-grid-3 > li { |
842 | b3c1328b | Olga Brani | width: 33.33333%; |
843 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
844 | b3c1328b | Olga Brani | .small-block-grid-3 > li:nth-of-type(n) { |
845 | b3c1328b | Olga Brani | clear: none; } |
846 | b3c1328b | Olga Brani | .small-block-grid-3 > li:nth-of-type(3n+1) { |
847 | b3c1328b | Olga Brani | clear: both; } |
848 | b3c1328b | Olga Brani | |
849 | b3c1328b | Olga Brani | .small-block-grid-4 > li { |
850 | b3c1328b | Olga Brani | width: 25%; |
851 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
852 | b3c1328b | Olga Brani | .small-block-grid-4 > li:nth-of-type(n) { |
853 | b3c1328b | Olga Brani | clear: none; } |
854 | b3c1328b | Olga Brani | .small-block-grid-4 > li:nth-of-type(4n+1) { |
855 | b3c1328b | Olga Brani | clear: both; } |
856 | b3c1328b | Olga Brani | |
857 | b3c1328b | Olga Brani | .small-block-grid-5 > li { |
858 | b3c1328b | Olga Brani | width: 20%; |
859 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
860 | b3c1328b | Olga Brani | .small-block-grid-5 > li:nth-of-type(n) { |
861 | b3c1328b | Olga Brani | clear: none; } |
862 | b3c1328b | Olga Brani | .small-block-grid-5 > li:nth-of-type(5n+1) { |
863 | b3c1328b | Olga Brani | clear: both; } |
864 | b3c1328b | Olga Brani | |
865 | b3c1328b | Olga Brani | .small-block-grid-6 > li { |
866 | b3c1328b | Olga Brani | width: 16.66667%; |
867 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
868 | b3c1328b | Olga Brani | .small-block-grid-6 > li:nth-of-type(n) { |
869 | b3c1328b | Olga Brani | clear: none; } |
870 | b3c1328b | Olga Brani | .small-block-grid-6 > li:nth-of-type(6n+1) { |
871 | b3c1328b | Olga Brani | clear: both; } |
872 | b3c1328b | Olga Brani | |
873 | b3c1328b | Olga Brani | .small-block-grid-7 > li { |
874 | b3c1328b | Olga Brani | width: 14.28571%; |
875 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
876 | b3c1328b | Olga Brani | .small-block-grid-7 > li:nth-of-type(n) { |
877 | b3c1328b | Olga Brani | clear: none; } |
878 | b3c1328b | Olga Brani | .small-block-grid-7 > li:nth-of-type(7n+1) { |
879 | b3c1328b | Olga Brani | clear: both; } |
880 | b3c1328b | Olga Brani | |
881 | b3c1328b | Olga Brani | .small-block-grid-8 > li { |
882 | b3c1328b | Olga Brani | width: 12.5%; |
883 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
884 | b3c1328b | Olga Brani | .small-block-grid-8 > li:nth-of-type(n) { |
885 | b3c1328b | Olga Brani | clear: none; } |
886 | b3c1328b | Olga Brani | .small-block-grid-8 > li:nth-of-type(8n+1) { |
887 | b3c1328b | Olga Brani | clear: both; } |
888 | b3c1328b | Olga Brani | |
889 | b3c1328b | Olga Brani | .small-block-grid-9 > li { |
890 | b3c1328b | Olga Brani | width: 11.11111%; |
891 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
892 | b3c1328b | Olga Brani | .small-block-grid-9 > li:nth-of-type(n) { |
893 | b3c1328b | Olga Brani | clear: none; } |
894 | b3c1328b | Olga Brani | .small-block-grid-9 > li:nth-of-type(9n+1) { |
895 | b3c1328b | Olga Brani | clear: both; } |
896 | b3c1328b | Olga Brani | |
897 | b3c1328b | Olga Brani | .small-block-grid-10 > li { |
898 | b3c1328b | Olga Brani | width: 10%; |
899 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
900 | b3c1328b | Olga Brani | .small-block-grid-10 > li:nth-of-type(n) { |
901 | b3c1328b | Olga Brani | clear: none; } |
902 | b3c1328b | Olga Brani | .small-block-grid-10 > li:nth-of-type(10n+1) { |
903 | b3c1328b | Olga Brani | clear: both; } |
904 | b3c1328b | Olga Brani | |
905 | b3c1328b | Olga Brani | .small-block-grid-11 > li { |
906 | b3c1328b | Olga Brani | width: 9.09091%; |
907 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
908 | b3c1328b | Olga Brani | .small-block-grid-11 > li:nth-of-type(n) { |
909 | b3c1328b | Olga Brani | clear: none; } |
910 | b3c1328b | Olga Brani | .small-block-grid-11 > li:nth-of-type(11n+1) { |
911 | b3c1328b | Olga Brani | clear: both; } |
912 | b3c1328b | Olga Brani | |
913 | b3c1328b | Olga Brani | .small-block-grid-12 > li { |
914 | b3c1328b | Olga Brani | width: 8.33333%; |
915 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
916 | b3c1328b | Olga Brani | .small-block-grid-12 > li:nth-of-type(n) { |
917 | b3c1328b | Olga Brani | clear: none; } |
918 | b3c1328b | Olga Brani | .small-block-grid-12 > li:nth-of-type(12n+1) { |
919 | b3c1328b | Olga Brani | clear: both; } } |
920 | b3c1328b | Olga Brani | /* Foundation Block Grids for above small breakpoint */
|
921 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
922 | b3c1328b | Olga Brani | /* Remove small grid clearing */
|
923 | b3c1328b | Olga Brani | .small-block-grid-1 > li:nth-of-type(1n+1) { |
924 | b3c1328b | Olga Brani | clear: none; } |
925 | b3c1328b | Olga Brani | |
926 | b3c1328b | Olga Brani | .small-block-grid-2 > li:nth-of-type(2n+1) { |
927 | b3c1328b | Olga Brani | clear: none; } |
928 | b3c1328b | Olga Brani | |
929 | b3c1328b | Olga Brani | .small-block-grid-3 > li:nth-of-type(3n+1) { |
930 | b3c1328b | Olga Brani | clear: none; } |
931 | b3c1328b | Olga Brani | |
932 | b3c1328b | Olga Brani | .small-block-grid-4 > li:nth-of-type(4n+1) { |
933 | b3c1328b | Olga Brani | clear: none; } |
934 | b3c1328b | Olga Brani | |
935 | b3c1328b | Olga Brani | .small-block-grid-5 > li:nth-of-type(5n+1) { |
936 | b3c1328b | Olga Brani | clear: none; } |
937 | b3c1328b | Olga Brani | |
938 | b3c1328b | Olga Brani | .small-block-grid-6 > li:nth-of-type(6n+1) { |
939 | b3c1328b | Olga Brani | clear: none; } |
940 | b3c1328b | Olga Brani | |
941 | b3c1328b | Olga Brani | .small-block-grid-7 > li:nth-of-type(7n+1) { |
942 | b3c1328b | Olga Brani | clear: none; } |
943 | b3c1328b | Olga Brani | |
944 | b3c1328b | Olga Brani | .small-block-grid-8 > li:nth-of-type(8n+1) { |
945 | b3c1328b | Olga Brani | clear: none; } |
946 | b3c1328b | Olga Brani | |
947 | b3c1328b | Olga Brani | .small-block-grid-9 > li:nth-of-type(9n+1) { |
948 | b3c1328b | Olga Brani | clear: none; } |
949 | b3c1328b | Olga Brani | |
950 | b3c1328b | Olga Brani | .small-block-grid-10 > li:nth-of-type(10n+1) { |
951 | b3c1328b | Olga Brani | clear: none; } |
952 | b3c1328b | Olga Brani | |
953 | b3c1328b | Olga Brani | .small-block-grid-11 > li:nth-of-type(11n+1) { |
954 | b3c1328b | Olga Brani | clear: none; } |
955 | b3c1328b | Olga Brani | |
956 | b3c1328b | Olga Brani | .small-block-grid-12 > li:nth-of-type(12n+1) { |
957 | b3c1328b | Olga Brani | clear: none; } |
958 | b3c1328b | Olga Brani | |
959 | b3c1328b | Olga Brani | .large-block-grid-1 > li { |
960 | b3c1328b | Olga Brani | width: 100%; |
961 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
962 | b3c1328b | Olga Brani | .large-block-grid-1 > li:nth-of-type(n) { |
963 | b3c1328b | Olga Brani | clear: none; } |
964 | b3c1328b | Olga Brani | .large-block-grid-1 > li:nth-of-type(1n+1) { |
965 | b3c1328b | Olga Brani | clear: both; } |
966 | b3c1328b | Olga Brani | |
967 | b3c1328b | Olga Brani | .large-block-grid-2 > li { |
968 | b3c1328b | Olga Brani | width: 50%; |
969 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
970 | b3c1328b | Olga Brani | .large-block-grid-2 > li:nth-of-type(n) { |
971 | b3c1328b | Olga Brani | clear: none; } |
972 | b3c1328b | Olga Brani | .large-block-grid-2 > li:nth-of-type(2n+1) { |
973 | b3c1328b | Olga Brani | clear: both; } |
974 | b3c1328b | Olga Brani | |
975 | b3c1328b | Olga Brani | .large-block-grid-3 > li { |
976 | b3c1328b | Olga Brani | width: 33.33333%; |
977 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
978 | b3c1328b | Olga Brani | .large-block-grid-3 > li:nth-of-type(n) { |
979 | b3c1328b | Olga Brani | clear: none; } |
980 | b3c1328b | Olga Brani | .large-block-grid-3 > li:nth-of-type(3n+1) { |
981 | b3c1328b | Olga Brani | clear: both; } |
982 | b3c1328b | Olga Brani | |
983 | b3c1328b | Olga Brani | .large-block-grid-4 > li { |
984 | b3c1328b | Olga Brani | width: 25%; |
985 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
986 | b3c1328b | Olga Brani | .large-block-grid-4 > li:nth-of-type(n) { |
987 | b3c1328b | Olga Brani | clear: none; } |
988 | b3c1328b | Olga Brani | .large-block-grid-4 > li:nth-of-type(4n+1) { |
989 | b3c1328b | Olga Brani | clear: both; } |
990 | b3c1328b | Olga Brani | |
991 | b3c1328b | Olga Brani | .large-block-grid-5 > li { |
992 | b3c1328b | Olga Brani | width: 20%; |
993 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
994 | b3c1328b | Olga Brani | .large-block-grid-5 > li:nth-of-type(n) { |
995 | b3c1328b | Olga Brani | clear: none; } |
996 | b3c1328b | Olga Brani | .large-block-grid-5 > li:nth-of-type(5n+1) { |
997 | b3c1328b | Olga Brani | clear: both; } |
998 | b3c1328b | Olga Brani | |
999 | b3c1328b | Olga Brani | .large-block-grid-6 > li { |
1000 | b3c1328b | Olga Brani | width: 16.66667%; |
1001 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
1002 | b3c1328b | Olga Brani | .large-block-grid-6 > li:nth-of-type(n) { |
1003 | b3c1328b | Olga Brani | clear: none; } |
1004 | b3c1328b | Olga Brani | .large-block-grid-6 > li:nth-of-type(6n+1) { |
1005 | b3c1328b | Olga Brani | clear: both; } |
1006 | b3c1328b | Olga Brani | |
1007 | b3c1328b | Olga Brani | .large-block-grid-7 > li { |
1008 | b3c1328b | Olga Brani | width: 14.28571%; |
1009 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
1010 | b3c1328b | Olga Brani | .large-block-grid-7 > li:nth-of-type(n) { |
1011 | b3c1328b | Olga Brani | clear: none; } |
1012 | b3c1328b | Olga Brani | .large-block-grid-7 > li:nth-of-type(7n+1) { |
1013 | b3c1328b | Olga Brani | clear: both; } |
1014 | b3c1328b | Olga Brani | |
1015 | b3c1328b | Olga Brani | .large-block-grid-8 > li { |
1016 | b3c1328b | Olga Brani | width: 12.5%; |
1017 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
1018 | b3c1328b | Olga Brani | .large-block-grid-8 > li:nth-of-type(n) { |
1019 | b3c1328b | Olga Brani | clear: none; } |
1020 | b3c1328b | Olga Brani | .large-block-grid-8 > li:nth-of-type(8n+1) { |
1021 | b3c1328b | Olga Brani | clear: both; } |
1022 | b3c1328b | Olga Brani | |
1023 | b3c1328b | Olga Brani | .large-block-grid-9 > li { |
1024 | b3c1328b | Olga Brani | width: 11.11111%; |
1025 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
1026 | b3c1328b | Olga Brani | .large-block-grid-9 > li:nth-of-type(n) { |
1027 | b3c1328b | Olga Brani | clear: none; } |
1028 | b3c1328b | Olga Brani | .large-block-grid-9 > li:nth-of-type(9n+1) { |
1029 | b3c1328b | Olga Brani | clear: both; } |
1030 | b3c1328b | Olga Brani | |
1031 | b3c1328b | Olga Brani | .large-block-grid-10 > li { |
1032 | b3c1328b | Olga Brani | width: 10%; |
1033 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
1034 | b3c1328b | Olga Brani | .large-block-grid-10 > li:nth-of-type(n) { |
1035 | b3c1328b | Olga Brani | clear: none; } |
1036 | b3c1328b | Olga Brani | .large-block-grid-10 > li:nth-of-type(10n+1) { |
1037 | b3c1328b | Olga Brani | clear: both; } |
1038 | b3c1328b | Olga Brani | |
1039 | b3c1328b | Olga Brani | .large-block-grid-11 > li { |
1040 | b3c1328b | Olga Brani | width: 9.09091%; |
1041 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
1042 | b3c1328b | Olga Brani | .large-block-grid-11 > li:nth-of-type(n) { |
1043 | b3c1328b | Olga Brani | clear: none; } |
1044 | b3c1328b | Olga Brani | .large-block-grid-11 > li:nth-of-type(11n+1) { |
1045 | b3c1328b | Olga Brani | clear: both; } |
1046 | b3c1328b | Olga Brani | |
1047 | b3c1328b | Olga Brani | .large-block-grid-12 > li { |
1048 | b3c1328b | Olga Brani | width: 8.33333%; |
1049 | b3c1328b | Olga Brani | padding: 0 10px 10px; } |
1050 | b3c1328b | Olga Brani | .large-block-grid-12 > li:nth-of-type(n) { |
1051 | b3c1328b | Olga Brani | clear: none; } |
1052 | b3c1328b | Olga Brani | .large-block-grid-12 > li:nth-of-type(12n+1) { |
1053 | b3c1328b | Olga Brani | clear: both; } } |
1054 | b3c1328b | Olga Brani | p.lead { |
1055 | b3c1328b | Olga Brani | font-size: 1.21875em; |
1056 | b3c1328b | Olga Brani | line-height: 1.6; } |
1057 | b3c1328b | Olga Brani | |
1058 | b3c1328b | Olga Brani | .subheader {
|
1059 | b3c1328b | Olga Brani | line-height: 1.4; |
1060 | b3c1328b | Olga Brani | color: #6f6f6f; |
1061 | b3c1328b | Olga Brani | font-weight: 300; |
1062 | b3c1328b | Olga Brani | margin-top: 0.2em; |
1063 | b3c1328b | Olga Brani | margin-bottom: 0.5em; } |
1064 | b3c1328b | Olga Brani | |
1065 | b3c1328b | Olga Brani | /* Typography resets */
|
1066 | b3c1328b | Olga Brani | div,
|
1067 | b3c1328b | Olga Brani | dl,
|
1068 | b3c1328b | Olga Brani | dt,
|
1069 | b3c1328b | Olga Brani | dd,
|
1070 | b3c1328b | Olga Brani | ul,
|
1071 | b3c1328b | Olga Brani | ol,
|
1072 | b3c1328b | Olga Brani | li,
|
1073 | b3c1328b | Olga Brani | h1,
|
1074 | b3c1328b | Olga Brani | h2,
|
1075 | b3c1328b | Olga Brani | h3,
|
1076 | b3c1328b | Olga Brani | h4,
|
1077 | b3c1328b | Olga Brani | h5,
|
1078 | b3c1328b | Olga Brani | h6,
|
1079 | b3c1328b | Olga Brani | pre,
|
1080 | b3c1328b | Olga Brani | form,
|
1081 | b3c1328b | Olga Brani | p,
|
1082 | b3c1328b | Olga Brani | blockquote,
|
1083 | b3c1328b | Olga Brani | th,
|
1084 | b3c1328b | Olga Brani | td {
|
1085 | b3c1328b | Olga Brani | margin: 0; |
1086 | b3c1328b | Olga Brani | padding: 0; |
1087 | b3c1328b | Olga Brani | direction: ltr; } |
1088 | b3c1328b | Olga Brani | |
1089 | b3c1328b | Olga Brani | /* Default Link Styles */
|
1090 | b3c1328b | Olga Brani | a {
|
1091 | b3c1328b | Olga Brani | color: #2ba6cb; |
1092 | b3c1328b | Olga Brani | text-decoration: none; |
1093 | b3c1328b | Olga Brani | line-height: inherit; } |
1094 | b3c1328b | Olga Brani | a:hover, a:focus { |
1095 | b3c1328b | Olga Brani | color: #2795b6; } |
1096 | b3c1328b | Olga Brani | a img { |
1097 | b3c1328b | Olga Brani | border: none; } |
1098 | b3c1328b | Olga Brani | |
1099 | b3c1328b | Olga Brani | /* Default paragraph styles */
|
1100 | b3c1328b | Olga Brani | p {
|
1101 | b3c1328b | Olga Brani | font-family: inherit; |
1102 | b3c1328b | Olga Brani | font-weight: normal; |
1103 | b3c1328b | Olga Brani | font-size: 1em; |
1104 | b3c1328b | Olga Brani | line-height: 1.6; |
1105 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
1106 | b3c1328b | Olga Brani | text-rendering: optimizeLegibility; } |
1107 | b3c1328b | Olga Brani | p aside { |
1108 | b3c1328b | Olga Brani | font-size: 0.875em; |
1109 | b3c1328b | Olga Brani | line-height: 1.35; |
1110 | b3c1328b | Olga Brani | font-style: italic; } |
1111 | b3c1328b | Olga Brani | |
1112 | b3c1328b | Olga Brani | /* Default header styles */
|
1113 | b3c1328b | Olga Brani | h1, h2, h3, h4, h5, h6 { |
1114 | b3c1328b | Olga Brani | font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; |
1115 | b3c1328b | Olga Brani | font-weight: bold; |
1116 | b3c1328b | Olga Brani | font-style: normal; |
1117 | b3c1328b | Olga Brani | color: #222222; |
1118 | b3c1328b | Olga Brani | text-rendering: optimizeLegibility; |
1119 | b3c1328b | Olga Brani | margin-top: 0.2em; |
1120 | b3c1328b | Olga Brani | margin-bottom: 0.5em; |
1121 | b3c1328b | Olga Brani | line-height: 1.2125em; } |
1122 | b3c1328b | Olga Brani | h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { |
1123 | b3c1328b | Olga Brani | font-size: 60%; |
1124 | b3c1328b | Olga Brani | color: #6f6f6f; |
1125 | b3c1328b | Olga Brani | line-height: 0; } |
1126 | b3c1328b | Olga Brani | |
1127 | b3c1328b | Olga Brani | h1 {
|
1128 | b3c1328b | Olga Brani | font-size: 2.125em; } |
1129 | b3c1328b | Olga Brani | |
1130 | b3c1328b | Olga Brani | h2 {
|
1131 | b3c1328b | Olga Brani | font-size: 1.6875em; } |
1132 | b3c1328b | Olga Brani | |
1133 | b3c1328b | Olga Brani | h3 {
|
1134 | b3c1328b | Olga Brani | font-size: 1.375em; } |
1135 | b3c1328b | Olga Brani | |
1136 | b3c1328b | Olga Brani | h4 {
|
1137 | b3c1328b | Olga Brani | font-size: 1.125em; } |
1138 | b3c1328b | Olga Brani | |
1139 | b3c1328b | Olga Brani | h5 {
|
1140 | b3c1328b | Olga Brani | font-size: 1.125em; } |
1141 | b3c1328b | Olga Brani | |
1142 | b3c1328b | Olga Brani | h6 {
|
1143 | b3c1328b | Olga Brani | font-size: 1em; } |
1144 | b3c1328b | Olga Brani | |
1145 | b3c1328b | Olga Brani | hr {
|
1146 | b3c1328b | Olga Brani | border: solid #dddddd; |
1147 | b3c1328b | Olga Brani | border-width: 1px 0 0; |
1148 | b3c1328b | Olga Brani | clear: both; |
1149 | b3c1328b | Olga Brani | margin: 1.25em 0 1.1875em; |
1150 | b3c1328b | Olga Brani | height: 0; } |
1151 | b3c1328b | Olga Brani | |
1152 | b3c1328b | Olga Brani | /* Helpful Typography Defaults */
|
1153 | b3c1328b | Olga Brani | em,
|
1154 | b3c1328b | Olga Brani | i {
|
1155 | b3c1328b | Olga Brani | font-style: italic; |
1156 | b3c1328b | Olga Brani | line-height: inherit; } |
1157 | b3c1328b | Olga Brani | |
1158 | b3c1328b | Olga Brani | strong,
|
1159 | b3c1328b | Olga Brani | b {
|
1160 | b3c1328b | Olga Brani | font-weight: bold; |
1161 | b3c1328b | Olga Brani | line-height: inherit; } |
1162 | b3c1328b | Olga Brani | |
1163 | b3c1328b | Olga Brani | small {
|
1164 | b3c1328b | Olga Brani | font-size: 60%; |
1165 | b3c1328b | Olga Brani | line-height: inherit; } |
1166 | b3c1328b | Olga Brani | |
1167 | b3c1328b | Olga Brani | code {
|
1168 | b3c1328b | Olga Brani | font-family: Consolas, "Liberation Mono", Courier, monospace; |
1169 | b3c1328b | Olga Brani | font-weight: bold; |
1170 | b3c1328b | Olga Brani | color: #7f0a0c; } |
1171 | b3c1328b | Olga Brani | |
1172 | b3c1328b | Olga Brani | /* Lists */
|
1173 | b3c1328b | Olga Brani | ul,
|
1174 | b3c1328b | Olga Brani | ol,
|
1175 | b3c1328b | Olga Brani | dl {
|
1176 | b3c1328b | Olga Brani | font-size: 1em; |
1177 | b3c1328b | Olga Brani | line-height: 1.6; |
1178 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
1179 | b3c1328b | Olga Brani | list-style-position: outside; |
1180 | b3c1328b | Olga Brani | font-family: inherit; } |
1181 | b3c1328b | Olga Brani | |
1182 | b3c1328b | Olga Brani | /* Unordered Lists */
|
1183 | b3c1328b | Olga Brani | ul li ul, |
1184 | b3c1328b | Olga Brani | ul li ol { |
1185 | b3c1328b | Olga Brani | margin-left: 1.25em; |
1186 | b3c1328b | Olga Brani | margin-bottom: 0; |
1187 | b3c1328b | Olga Brani | font-size: 1em; |
1188 | b3c1328b | Olga Brani | /* Override nested font-size change */ }
|
1189 | b3c1328b | Olga Brani | ul.square li ul, ul.circle li ul, ul.disc li ul { |
1190 | b3c1328b | Olga Brani | list-style: inherit; } |
1191 | b3c1328b | Olga Brani | ul.square { |
1192 | b3c1328b | Olga Brani | list-style-type: square; } |
1193 | b3c1328b | Olga Brani | ul.circle { |
1194 | b3c1328b | Olga Brani | list-style-type: circle; } |
1195 | b3c1328b | Olga Brani | ul.disc { |
1196 | b3c1328b | Olga Brani | list-style-type: disc; } |
1197 | b3c1328b | Olga Brani | ul.no-bullet { |
1198 | b3c1328b | Olga Brani | list-style: none; } |
1199 | b3c1328b | Olga Brani | |
1200 | b3c1328b | Olga Brani | /* Ordered Lists */
|
1201 | b3c1328b | Olga Brani | ol li ul, |
1202 | b3c1328b | Olga Brani | ol li ol { |
1203 | b3c1328b | Olga Brani | margin-left: 1.25em; |
1204 | b3c1328b | Olga Brani | margin-bottom: 0; } |
1205 | b3c1328b | Olga Brani | |
1206 | b3c1328b | Olga Brani | /* Definition Lists */
|
1207 | b3c1328b | Olga Brani | dl dt { |
1208 | b3c1328b | Olga Brani | margin-bottom: 0.3em; |
1209 | b3c1328b | Olga Brani | font-weight: bold; } |
1210 | b3c1328b | Olga Brani | dl dd { |
1211 | b3c1328b | Olga Brani | margin-bottom: 0.75em; } |
1212 | b3c1328b | Olga Brani | |
1213 | b3c1328b | Olga Brani | /* Abbreviations */
|
1214 | b3c1328b | Olga Brani | abbr,
|
1215 | b3c1328b | Olga Brani | acronym {
|
1216 | b3c1328b | Olga Brani | text-transform: uppercase; |
1217 | b3c1328b | Olga Brani | font-size: 90%; |
1218 | b3c1328b | Olga Brani | color: #222222; |
1219 | b3c1328b | Olga Brani | border-bottom: 1px dotted #dddddd; |
1220 | b3c1328b | Olga Brani | cursor: help; } |
1221 | b3c1328b | Olga Brani | |
1222 | b3c1328b | Olga Brani | abbr {
|
1223 | b3c1328b | Olga Brani | text-transform: none; } |
1224 | b3c1328b | Olga Brani | |
1225 | b3c1328b | Olga Brani | /* Blockquotes */
|
1226 | b3c1328b | Olga Brani | blockquote {
|
1227 | b3c1328b | Olga Brani | margin: 0 0 1.25em; |
1228 | b3c1328b | Olga Brani | padding: 0.5625em 1.25em 0 1.1875em; |
1229 | b3c1328b | Olga Brani | border-left: 1px solid #dddddd; } |
1230 | b3c1328b | Olga Brani | blockquote cite { |
1231 | b3c1328b | Olga Brani | display: block; |
1232 | b3c1328b | Olga Brani | font-size: 0.8125em; |
1233 | b3c1328b | Olga Brani | color: #555555; } |
1234 | b3c1328b | Olga Brani | blockquote cite:before { |
1235 | b3c1328b | Olga Brani | content: "\2014 \0020"; } |
1236 | b3c1328b | Olga Brani | blockquote cite a, |
1237 | b3c1328b | Olga Brani | blockquote cite a:visited { |
1238 | b3c1328b | Olga Brani | color: #555555; } |
1239 | b3c1328b | Olga Brani | |
1240 | b3c1328b | Olga Brani | blockquote,
|
1241 | b3c1328b | Olga Brani | blockquote p { |
1242 | b3c1328b | Olga Brani | line-height: 1.6; |
1243 | b3c1328b | Olga Brani | color: #6f6f6f; } |
1244 | b3c1328b | Olga Brani | |
1245 | b3c1328b | Olga Brani | /* Microformats */
|
1246 | b3c1328b | Olga Brani | .vcard {
|
1247 | b3c1328b | Olga Brani | display: inline-block; |
1248 | b3c1328b | Olga Brani | margin: 0 0 1.25em 0; |
1249 | b3c1328b | Olga Brani | border: 1px solid #dddddd; |
1250 | b3c1328b | Olga Brani | padding: 0.625em 0.75em; } |
1251 | b3c1328b | Olga Brani | .vcard li { |
1252 | b3c1328b | Olga Brani | margin: 0; |
1253 | b3c1328b | Olga Brani | display: block; } |
1254 | b3c1328b | Olga Brani | .vcard .fn { |
1255 | b3c1328b | Olga Brani | font-weight: bold; |
1256 | b3c1328b | Olga Brani | font-size: 0.9375em; } |
1257 | b3c1328b | Olga Brani | |
1258 | b3c1328b | Olga Brani | .vevent .summary { |
1259 | b3c1328b | Olga Brani | font-weight: bold; } |
1260 | b3c1328b | Olga Brani | .vevent abbr { |
1261 | b3c1328b | Olga Brani | cursor: default; |
1262 | b3c1328b | Olga Brani | text-decoration: none; |
1263 | b3c1328b | Olga Brani | font-weight: bold; |
1264 | b3c1328b | Olga Brani | border: none; |
1265 | b3c1328b | Olga Brani | padding: 0 0.0625em; } |
1266 | b3c1328b | Olga Brani | |
1267 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
1268 | b3c1328b | Olga Brani | h1, h2, h3, h4, h5, h6 { |
1269 | b3c1328b | Olga Brani | line-height: 1.4; } |
1270 | b3c1328b | Olga Brani | |
1271 | b3c1328b | Olga Brani | h1 {
|
1272 | b3c1328b | Olga Brani | font-size: 2.75em; } |
1273 | b3c1328b | Olga Brani | |
1274 | b3c1328b | Olga Brani | h2 {
|
1275 | b3c1328b | Olga Brani | font-size: 2.3125em; } |
1276 | b3c1328b | Olga Brani | |
1277 | b3c1328b | Olga Brani | h3 {
|
1278 | b3c1328b | Olga Brani | font-size: 1.6875em; } |
1279 | b3c1328b | Olga Brani | |
1280 | b3c1328b | Olga Brani | h4 {
|
1281 | b3c1328b | Olga Brani | font-size: 1.4375em; } } |
1282 | b3c1328b | Olga Brani | /*
|
1283 | b3c1328b | Olga Brani | * Print styles.
|
1284 | b3c1328b | Olga Brani | *
|
1285 | b3c1328b | Olga Brani | * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
1286 | b3c1328b | Olga Brani | * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
|
1287 | b3c1328b | Olga Brani | */
|
1288 | b3c1328b | Olga Brani | .print-only {
|
1289 | b3c1328b | Olga Brani | display: none !important; } |
1290 | b3c1328b | Olga Brani | |
1291 | b3c1328b | Olga Brani | @media print { |
1292 | b3c1328b | Olga Brani | * {
|
1293 | b3c1328b | Olga Brani | background: transparent !important; |
1294 | b3c1328b | Olga Brani | color: black !important; |
1295 | b3c1328b | Olga Brani | /* Black prints faster: h5bp.com/s */
|
1296 | b3c1328b | Olga Brani | box-shadow: none !important; |
1297 | b3c1328b | Olga Brani | text-shadow: none !important; } |
1298 | b3c1328b | Olga Brani | |
1299 | b3c1328b | Olga Brani | a,
|
1300 | b3c1328b | Olga Brani | a:visited { |
1301 | b3c1328b | Olga Brani | text-decoration: underline; } |
1302 | b3c1328b | Olga Brani | |
1303 | b3c1328b | Olga Brani | a[href]:after { |
1304 | b3c1328b | Olga Brani | content: " (" attr(href) ")"; } |
1305 | b3c1328b | Olga Brani | |
1306 | b3c1328b | Olga Brani | abbr[title]:after { |
1307 | b3c1328b | Olga Brani | content: " (" attr(title) ")"; } |
1308 | b3c1328b | Olga Brani | |
1309 | b3c1328b | Olga Brani | .ir a:after, |
1310 | b3c1328b | Olga Brani | a[href^="javascript:"]:after, |
1311 | b3c1328b | Olga Brani | a[href^="#"]:after { |
1312 | b3c1328b | Olga Brani | content: ""; } |
1313 | b3c1328b | Olga Brani | |
1314 | b3c1328b | Olga Brani | pre,
|
1315 | b3c1328b | Olga Brani | blockquote {
|
1316 | b3c1328b | Olga Brani | border: 1px solid #999999; |
1317 | b3c1328b | Olga Brani | page-break-inside: avoid; } |
1318 | b3c1328b | Olga Brani | |
1319 | b3c1328b | Olga Brani | thead {
|
1320 | b3c1328b | Olga Brani | display: table-header-group; |
1321 | b3c1328b | Olga Brani | /* h5bp.com/t */ }
|
1322 | b3c1328b | Olga Brani | |
1323 | b3c1328b | Olga Brani | tr,
|
1324 | b3c1328b | Olga Brani | img {
|
1325 | b3c1328b | Olga Brani | page-break-inside: avoid; } |
1326 | b3c1328b | Olga Brani | |
1327 | b3c1328b | Olga Brani | img {
|
1328 | b3c1328b | Olga Brani | max-width: 100% !important; } |
1329 | b3c1328b | Olga Brani | |
1330 | b3c1328b | Olga Brani | @page {
|
1331 | b3c1328b | Olga Brani | margin: 0.5cm; } |
1332 | b3c1328b | Olga Brani | |
1333 | b3c1328b | Olga Brani | p,
|
1334 | b3c1328b | Olga Brani | h2,
|
1335 | b3c1328b | Olga Brani | h3 {
|
1336 | b3c1328b | Olga Brani | orphans: 3; |
1337 | b3c1328b | Olga Brani | widows: 3; } |
1338 | b3c1328b | Olga Brani | |
1339 | b3c1328b | Olga Brani | h2,
|
1340 | b3c1328b | Olga Brani | h3 {
|
1341 | b3c1328b | Olga Brani | page-break-after: avoid; } |
1342 | b3c1328b | Olga Brani | |
1343 | b3c1328b | Olga Brani | .hide-on-print {
|
1344 | b3c1328b | Olga Brani | display: none !important; } |
1345 | b3c1328b | Olga Brani | |
1346 | b3c1328b | Olga Brani | .print-only {
|
1347 | b3c1328b | Olga Brani | display: block !important; } |
1348 | b3c1328b | Olga Brani | |
1349 | b3c1328b | Olga Brani | .hide-for-print {
|
1350 | b3c1328b | Olga Brani | display: none !important; } |
1351 | b3c1328b | Olga Brani | |
1352 | b3c1328b | Olga Brani | .show-for-print {
|
1353 | b3c1328b | Olga Brani | display: inherit !important; } } |
1354 | b3c1328b | Olga Brani | button, .button { |
1355 | b3c1328b | Olga Brani | border-style: solid; |
1356 | b3c1328b | Olga Brani | border-width: 1px; |
1357 | b3c1328b | Olga Brani | cursor: pointer; |
1358 | b3c1328b | Olga Brani | font-family: inherit; |
1359 | b3c1328b | Olga Brani | font-weight: bold; |
1360 | b3c1328b | Olga Brani | line-height: 1; |
1361 | b3c1328b | Olga Brani | margin: 0 0 1.25em; |
1362 | b3c1328b | Olga Brani | position: relative; |
1363 | b3c1328b | Olga Brani | text-decoration: none; |
1364 | b3c1328b | Olga Brani | text-align: center; |
1365 | b3c1328b | Olga Brani | display: inline-block; |
1366 | b3c1328b | Olga Brani | padding-top: 0.75em; |
1367 | b3c1328b | Olga Brani | padding-right: 1.5em; |
1368 | b3c1328b | Olga Brani | padding-bottom: 0.8125em; |
1369 | b3c1328b | Olga Brani | padding-left: 1.5em; |
1370 | b3c1328b | Olga Brani | font-size: 1em; |
1371 | b3c1328b | Olga Brani | background-color: #2ba6cb; |
1372 | b3c1328b | Olga Brani | border-color: #2284a1; |
1373 | b3c1328b | Olga Brani | color: white; } |
1374 | b3c1328b | Olga Brani | button:hover, button:focus, .button:hover, .button:focus { |
1375 | b3c1328b | Olga Brani | background-color: #2284a1; } |
1376 | b3c1328b | Olga Brani | button:hover, button:focus, .button:hover, .button:focus { |
1377 | b3c1328b | Olga Brani | color: white; } |
1378 | b3c1328b | Olga Brani | button.secondary, .button.secondary { |
1379 | b3c1328b | Olga Brani | background-color: #e9e9e9; |
1380 | b3c1328b | Olga Brani | border-color: #d0d0d0; |
1381 | b3c1328b | Olga Brani | color: #333333; } |
1382 | b3c1328b | Olga Brani | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { |
1383 | b3c1328b | Olga Brani | background-color: #d0d0d0; } |
1384 | b3c1328b | Olga Brani | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { |
1385 | b3c1328b | Olga Brani | color: #333333; } |
1386 | b3c1328b | Olga Brani | button.success, .button.success { |
1387 | b3c1328b | Olga Brani | background-color: #5da423; |
1388 | b3c1328b | Olga Brani | border-color: #457a1a; |
1389 | b3c1328b | Olga Brani | color: white; } |
1390 | b3c1328b | Olga Brani | button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { |
1391 | b3c1328b | Olga Brani | background-color: #457a1a; } |
1392 | b3c1328b | Olga Brani | button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { |
1393 | b3c1328b | Olga Brani | color: white; } |
1394 | b3c1328b | Olga Brani | button.alert, .button.alert { |
1395 | b3c1328b | Olga Brani | background-color: #c60f13; |
1396 | b3c1328b | Olga Brani | border-color: #970b0e; |
1397 | b3c1328b | Olga Brani | color: white; } |
1398 | b3c1328b | Olga Brani | button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { |
1399 | b3c1328b | Olga Brani | background-color: #970b0e; } |
1400 | b3c1328b | Olga Brani | button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { |
1401 | b3c1328b | Olga Brani | color: white; } |
1402 | b3c1328b | Olga Brani | button.large, .button.large { |
1403 | b3c1328b | Olga Brani | padding-top: 1em; |
1404 | b3c1328b | Olga Brani | padding-right: 2em; |
1405 | b3c1328b | Olga Brani | padding-bottom: 1.0625em; |
1406 | b3c1328b | Olga Brani | padding-left: 2em; |
1407 | b3c1328b | Olga Brani | font-size: 1.25em; } |
1408 | b3c1328b | Olga Brani | button.small, .button.small { |
1409 | b3c1328b | Olga Brani | padding-top: 0.5625em; |
1410 | b3c1328b | Olga Brani | padding-right: 1.125em; |
1411 | b3c1328b | Olga Brani | padding-bottom: 0.625em; |
1412 | b3c1328b | Olga Brani | padding-left: 1.125em; |
1413 | b3c1328b | Olga Brani | font-size: 0.8125em; } |
1414 | b3c1328b | Olga Brani | button.tiny, .button.tiny { |
1415 | b3c1328b | Olga Brani | padding-top: 0.4375em; |
1416 | b3c1328b | Olga Brani | padding-right: 0.875em; |
1417 | b3c1328b | Olga Brani | padding-bottom: 0.5em; |
1418 | b3c1328b | Olga Brani | padding-left: 0.875em; |
1419 | b3c1328b | Olga Brani | font-size: 0.6875em; } |
1420 | b3c1328b | Olga Brani | button.expand, .button.expand { |
1421 | b3c1328b | Olga Brani | padding-right: 0px; |
1422 | b3c1328b | Olga Brani | padding-left: 0px; |
1423 | b3c1328b | Olga Brani | width: 100%; } |
1424 | b3c1328b | Olga Brani | button.left-align, .button.left-align { |
1425 | b3c1328b | Olga Brani | text-align: left; |
1426 | b3c1328b | Olga Brani | text-indent: 0.75em; } |
1427 | b3c1328b | Olga Brani | button.right-align, .button.right-align { |
1428 | b3c1328b | Olga Brani | text-align: right; |
1429 | b3c1328b | Olga Brani | padding-right: 0.75em; } |
1430 | b3c1328b | Olga Brani | button.disabled, button[disabled], .button.disabled, .button[disabled] { |
1431 | b3c1328b | Olga Brani | background-color: #2ba6cb; |
1432 | b3c1328b | Olga Brani | border-color: #2284a1; |
1433 | b3c1328b | Olga Brani | color: white; |
1434 | b3c1328b | Olga Brani | cursor: default; |
1435 | b3c1328b | Olga Brani | opacity: 0.6; |
1436 | b3c1328b | Olga Brani | -webkit-box-shadow: none; |
1437 | b3c1328b | Olga Brani | box-shadow: none; } |
1438 | b3c1328b | Olga Brani | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
1439 | b3c1328b | Olga Brani | background-color: #2284a1; } |
1440 | b3c1328b | Olga Brani | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
1441 | b3c1328b | Olga Brani | color: white; } |
1442 | b3c1328b | Olga Brani | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { |
1443 | b3c1328b | Olga Brani | background-color: #2ba6cb; } |
1444 | b3c1328b | Olga Brani | button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { |
1445 | b3c1328b | Olga Brani | background-color: #e9e9e9; |
1446 | b3c1328b | Olga Brani | border-color: #d0d0d0; |
1447 | b3c1328b | Olga Brani | color: #333333; |
1448 | b3c1328b | Olga Brani | cursor: default; |
1449 | b3c1328b | Olga Brani | opacity: 0.6; |
1450 | b3c1328b | Olga Brani | -webkit-box-shadow: none; |
1451 | b3c1328b | Olga Brani | box-shadow: none; } |
1452 | b3c1328b | Olga Brani | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
1453 | b3c1328b | Olga Brani | background-color: #d0d0d0; } |
1454 | b3c1328b | Olga Brani | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
1455 | b3c1328b | Olga Brani | color: #333333; } |
1456 | b3c1328b | Olga Brani | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { |
1457 | b3c1328b | Olga Brani | background-color: #e9e9e9; } |
1458 | b3c1328b | Olga Brani | button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { |
1459 | b3c1328b | Olga Brani | background-color: #5da423; |
1460 | b3c1328b | Olga Brani | border-color: #457a1a; |
1461 | b3c1328b | Olga Brani | color: white; |
1462 | b3c1328b | Olga Brani | cursor: default; |
1463 | b3c1328b | Olga Brani | opacity: 0.6; |
1464 | b3c1328b | Olga Brani | -webkit-box-shadow: none; |
1465 | b3c1328b | Olga Brani | box-shadow: none; } |
1466 | b3c1328b | Olga Brani | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
1467 | b3c1328b | Olga Brani | background-color: #457a1a; } |
1468 | b3c1328b | Olga Brani | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
1469 | b3c1328b | Olga Brani | color: white; } |
1470 | b3c1328b | Olga Brani | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { |
1471 | b3c1328b | Olga Brani | background-color: #5da423; } |
1472 | b3c1328b | Olga Brani | button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { |
1473 | b3c1328b | Olga Brani | background-color: #c60f13; |
1474 | b3c1328b | Olga Brani | border-color: #970b0e; |
1475 | b3c1328b | Olga Brani | color: white; |
1476 | b3c1328b | Olga Brani | cursor: default; |
1477 | b3c1328b | Olga Brani | opacity: 0.6; |
1478 | b3c1328b | Olga Brani | -webkit-box-shadow: none; |
1479 | b3c1328b | Olga Brani | box-shadow: none; } |
1480 | b3c1328b | Olga Brani | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
1481 | b3c1328b | Olga Brani | background-color: #970b0e; } |
1482 | b3c1328b | Olga Brani | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
1483 | b3c1328b | Olga Brani | color: white; } |
1484 | b3c1328b | Olga Brani | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { |
1485 | b3c1328b | Olga Brani | background-color: #c60f13; } |
1486 | b3c1328b | Olga Brani | |
1487 | b3c1328b | Olga Brani | button, .button { |
1488 | b3c1328b | Olga Brani | padding-top: 0.8125em; |
1489 | b3c1328b | Olga Brani | padding-bottom: 0.75em; } |
1490 | b3c1328b | Olga Brani | button.tiny, .button.tiny { |
1491 | b3c1328b | Olga Brani | padding-top: 0.5em; |
1492 | b3c1328b | Olga Brani | padding-bottom: 0.4375em; } |
1493 | b3c1328b | Olga Brani | button.small, .button.small { |
1494 | b3c1328b | Olga Brani | padding-top: 0.625em; |
1495 | b3c1328b | Olga Brani | padding-bottom: 0.5625em; } |
1496 | b3c1328b | Olga Brani | button.large, .button.large { |
1497 | b3c1328b | Olga Brani | padding-top: 1.03125em; |
1498 | b3c1328b | Olga Brani | padding-bottom: 1.03125em; } |
1499 | b3c1328b | Olga Brani | |
1500 | b3c1328b | Olga Brani | @media only screen { |
1501 | b3c1328b | Olga Brani | button, .button { |
1502 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; |
1503 | b3c1328b | Olga Brani | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; |
1504 | b3c1328b | Olga Brani | -webkit-transition: background-color 300ms ease-out; |
1505 | b3c1328b | Olga Brani | -moz-transition: background-color 300ms ease-out; |
1506 | b3c1328b | Olga Brani | transition: background-color 300ms ease-out; } |
1507 | b3c1328b | Olga Brani | button:active, .button:active { |
1508 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; |
1509 | b3c1328b | Olga Brani | box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } |
1510 | b3c1328b | Olga Brani | button.radius, .button.radius { |
1511 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
1512 | b3c1328b | Olga Brani | border-radius: 3px; } |
1513 | b3c1328b | Olga Brani | button.round, .button.round { |
1514 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
1515 | b3c1328b | Olga Brani | border-radius: 1000px; } } |
1516 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
1517 | b3c1328b | Olga Brani | button, .button { |
1518 | b3c1328b | Olga Brani | display: inline-block; } } |
1519 | b3c1328b | Olga Brani | /* Standard Forms */
|
1520 | b3c1328b | Olga Brani | form {
|
1521 | b3c1328b | Olga Brani | margin: 0 0 1em; } |
1522 | b3c1328b | Olga Brani | |
1523 | b3c1328b | Olga Brani | /* Using forms within rows, we need to set some defaults */
|
1524 | b3c1328b | Olga Brani | form .row .row { |
1525 | b3c1328b | Olga Brani | margin: 0 -0.5em; } |
1526 | b3c1328b | Olga Brani | form .row .row .column, |
1527 | b3c1328b | Olga Brani | form .row .row .columns { |
1528 | b3c1328b | Olga Brani | padding: 0 0.5em; } |
1529 | b3c1328b | Olga Brani | form .row .row.collapse { |
1530 | b3c1328b | Olga Brani | margin: 0; } |
1531 | b3c1328b | Olga Brani | form .row .row.collapse .column, |
1532 | b3c1328b | Olga Brani | form .row .row.collapse .columns { |
1533 | b3c1328b | Olga Brani | padding: 0; } |
1534 | b3c1328b | Olga Brani | form .row input.column, |
1535 | b3c1328b | Olga Brani | form .row input.columns, |
1536 | b3c1328b | Olga Brani | form .row textarea.column, |
1537 | b3c1328b | Olga Brani | form .row textarea.columns { |
1538 | b3c1328b | Olga Brani | padding-left: 0.5em; } |
1539 | b3c1328b | Olga Brani | |
1540 | b3c1328b | Olga Brani | /* Label Styles */
|
1541 | b3c1328b | Olga Brani | label {
|
1542 | b3c1328b | Olga Brani | font-size: 0.875em; |
1543 | b3c1328b | Olga Brani | color: #4d4d4d; |
1544 | b3c1328b | Olga Brani | cursor: pointer; |
1545 | b3c1328b | Olga Brani | display: block; |
1546 | b3c1328b | Olga Brani | font-weight: 500; |
1547 | b3c1328b | Olga Brani | margin-bottom: 0.1875em; } |
1548 | b3c1328b | Olga Brani | label.right { |
1549 | b3c1328b | Olga Brani | float: none; |
1550 | b3c1328b | Olga Brani | text-align: right; } |
1551 | b3c1328b | Olga Brani | label.inline { |
1552 | b3c1328b | Olga Brani | margin: 0 0 1em 0; |
1553 | b3c1328b | Olga Brani | padding: 0.625em 0; } |
1554 | b3c1328b | Olga Brani | |
1555 | b3c1328b | Olga Brani | /* Attach elements to the beginning or end of an input */
|
1556 | b3c1328b | Olga Brani | .prefix,
|
1557 | b3c1328b | Olga Brani | .postfix {
|
1558 | b3c1328b | Olga Brani | display: block; |
1559 | b3c1328b | Olga Brani | position: relative; |
1560 | b3c1328b | Olga Brani | z-index: 2; |
1561 | b3c1328b | Olga Brani | text-align: center; |
1562 | b3c1328b | Olga Brani | width: 100%; |
1563 | b3c1328b | Olga Brani | padding-top: 0; |
1564 | b3c1328b | Olga Brani | padding-bottom: 0; |
1565 | b3c1328b | Olga Brani | border-style: solid; |
1566 | b3c1328b | Olga Brani | border-width: 1px; |
1567 | b3c1328b | Olga Brani | overflow: hidden; |
1568 | b3c1328b | Olga Brani | font-size: 0.875em; |
1569 | b3c1328b | Olga Brani | height: 2.3125em; |
1570 | b3c1328b | Olga Brani | line-height: 2.3125em; } |
1571 | b3c1328b | Olga Brani | |
1572 | b3c1328b | Olga Brani | /* Adjust padding, alignment and radius if pre/post element is a button */
|
1573 | b3c1328b | Olga Brani | .postfix.button { |
1574 | b3c1328b | Olga Brani | padding-left: 0; |
1575 | b3c1328b | Olga Brani | padding-right: 0; |
1576 | b3c1328b | Olga Brani | padding-top: 0; |
1577 | b3c1328b | Olga Brani | padding-bottom: 0; |
1578 | b3c1328b | Olga Brani | text-align: center; |
1579 | b3c1328b | Olga Brani | line-height: 2.125em; } |
1580 | b3c1328b | Olga Brani | |
1581 | b3c1328b | Olga Brani | .prefix.button { |
1582 | b3c1328b | Olga Brani | padding-left: 0; |
1583 | b3c1328b | Olga Brani | padding-right: 0; |
1584 | b3c1328b | Olga Brani | padding-top: 0; |
1585 | b3c1328b | Olga Brani | padding-bottom: 0; |
1586 | b3c1328b | Olga Brani | text-align: center; |
1587 | b3c1328b | Olga Brani | line-height: 2.125em; } |
1588 | b3c1328b | Olga Brani | |
1589 | b3c1328b | Olga Brani | .prefix.button.radius { |
1590 | b3c1328b | Olga Brani | -webkit-border-radius: 0; |
1591 | b3c1328b | Olga Brani | border-radius: 0; |
1592 | b3c1328b | Olga Brani | -moz-border-radius-bottomleft: 3px; |
1593 | b3c1328b | Olga Brani | -moz-border-radius-topleft: 3px; |
1594 | b3c1328b | Olga Brani | -webkit-border-bottom-left-radius: 3px; |
1595 | b3c1328b | Olga Brani | -webkit-border-top-left-radius: 3px; |
1596 | b3c1328b | Olga Brani | border-bottom-left-radius: 3px; |
1597 | b3c1328b | Olga Brani | border-top-left-radius: 3px; } |
1598 | b3c1328b | Olga Brani | |
1599 | b3c1328b | Olga Brani | .postfix.button.radius { |
1600 | b3c1328b | Olga Brani | -webkit-border-radius: 0; |
1601 | b3c1328b | Olga Brani | border-radius: 0; |
1602 | b3c1328b | Olga Brani | -moz-border-radius-topright: 3px; |
1603 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 3px; |
1604 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 3px; |
1605 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 3px; |
1606 | b3c1328b | Olga Brani | border-top-right-radius: 3px; |
1607 | b3c1328b | Olga Brani | border-bottom-right-radius: 3px; } |
1608 | b3c1328b | Olga Brani | |
1609 | b3c1328b | Olga Brani | .prefix.button.round { |
1610 | b3c1328b | Olga Brani | -webkit-border-radius: 0; |
1611 | b3c1328b | Olga Brani | border-radius: 0; |
1612 | b3c1328b | Olga Brani | -moz-border-radius-bottomleft: 1000px; |
1613 | b3c1328b | Olga Brani | -moz-border-radius-topleft: 1000px; |
1614 | b3c1328b | Olga Brani | -webkit-border-bottom-left-radius: 1000px; |
1615 | b3c1328b | Olga Brani | -webkit-border-top-left-radius: 1000px; |
1616 | b3c1328b | Olga Brani | border-bottom-left-radius: 1000px; |
1617 | b3c1328b | Olga Brani | border-top-left-radius: 1000px; } |
1618 | b3c1328b | Olga Brani | |
1619 | b3c1328b | Olga Brani | .postfix.button.round { |
1620 | b3c1328b | Olga Brani | -webkit-border-radius: 0; |
1621 | b3c1328b | Olga Brani | border-radius: 0; |
1622 | b3c1328b | Olga Brani | -moz-border-radius-topright: 1000px; |
1623 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 1000px; |
1624 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 1000px; |
1625 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 1000px; |
1626 | b3c1328b | Olga Brani | border-top-right-radius: 1000px; |
1627 | b3c1328b | Olga Brani | border-bottom-right-radius: 1000px; } |
1628 | b3c1328b | Olga Brani | |
1629 | b3c1328b | Olga Brani | /* Separate prefix and postfix styles when on span so buttons keep their own */
|
1630 | b3c1328b | Olga Brani | span.prefix { |
1631 | b3c1328b | Olga Brani | background: #f2f2f2; |
1632 | b3c1328b | Olga Brani | border-color: #d9d9d9; |
1633 | b3c1328b | Olga Brani | border-right: none; |
1634 | b3c1328b | Olga Brani | color: #333333; } |
1635 | b3c1328b | Olga Brani | span.prefix.radius { |
1636 | b3c1328b | Olga Brani | -webkit-border-radius: 0; |
1637 | b3c1328b | Olga Brani | border-radius: 0; |
1638 | b3c1328b | Olga Brani | -moz-border-radius-bottomleft: 3px; |
1639 | b3c1328b | Olga Brani | -moz-border-radius-topleft: 3px; |
1640 | b3c1328b | Olga Brani | -webkit-border-bottom-left-radius: 3px; |
1641 | b3c1328b | Olga Brani | -webkit-border-top-left-radius: 3px; |
1642 | b3c1328b | Olga Brani | border-bottom-left-radius: 3px; |
1643 | b3c1328b | Olga Brani | border-top-left-radius: 3px; } |
1644 | b3c1328b | Olga Brani | |
1645 | b3c1328b | Olga Brani | span.postfix { |
1646 | b3c1328b | Olga Brani | background: #f2f2f2; |
1647 | b3c1328b | Olga Brani | border-color: #cccccc; |
1648 | b3c1328b | Olga Brani | border-left: none; |
1649 | b3c1328b | Olga Brani | color: #333333; } |
1650 | b3c1328b | Olga Brani | span.postfix.radius { |
1651 | b3c1328b | Olga Brani | -webkit-border-radius: 0; |
1652 | b3c1328b | Olga Brani | border-radius: 0; |
1653 | b3c1328b | Olga Brani | -moz-border-radius-topright: 3px; |
1654 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 3px; |
1655 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 3px; |
1656 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 3px; |
1657 | b3c1328b | Olga Brani | border-top-right-radius: 3px; |
1658 | b3c1328b | Olga Brani | border-bottom-right-radius: 3px; } |
1659 | b3c1328b | Olga Brani | |
1660 | b3c1328b | Olga Brani | /* Input groups will automatically style first and last elements of the group */
|
1661 | b3c1328b | Olga Brani | .input-group.radius > *:first-child, .input-group.radius > *:first-child * { |
1662 | b3c1328b | Olga Brani | -moz-border-radius-bottomleft: 3px; |
1663 | b3c1328b | Olga Brani | -moz-border-radius-topleft: 3px; |
1664 | b3c1328b | Olga Brani | -webkit-border-bottom-left-radius: 3px; |
1665 | b3c1328b | Olga Brani | -webkit-border-top-left-radius: 3px; |
1666 | b3c1328b | Olga Brani | border-bottom-left-radius: 3px; |
1667 | b3c1328b | Olga Brani | border-top-left-radius: 3px; } |
1668 | b3c1328b | Olga Brani | .input-group.radius > *:last-child, .input-group.radius > *:last-child * { |
1669 | b3c1328b | Olga Brani | -moz-border-radius-topright: 3px; |
1670 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 3px; |
1671 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 3px; |
1672 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 3px; |
1673 | b3c1328b | Olga Brani | border-top-right-radius: 3px; |
1674 | b3c1328b | Olga Brani | border-bottom-right-radius: 3px; } |
1675 | b3c1328b | Olga Brani | .input-group.round > *:first-child, .input-group.round > *:first-child * { |
1676 | b3c1328b | Olga Brani | -moz-border-radius-bottomleft: 1000px; |
1677 | b3c1328b | Olga Brani | -moz-border-radius-topleft: 1000px; |
1678 | b3c1328b | Olga Brani | -webkit-border-bottom-left-radius: 1000px; |
1679 | b3c1328b | Olga Brani | -webkit-border-top-left-radius: 1000px; |
1680 | b3c1328b | Olga Brani | border-bottom-left-radius: 1000px; |
1681 | b3c1328b | Olga Brani | border-top-left-radius: 1000px; } |
1682 | b3c1328b | Olga Brani | .input-group.round > *:last-child, .input-group.round > *:last-child * { |
1683 | b3c1328b | Olga Brani | -moz-border-radius-topright: 1000px; |
1684 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 1000px; |
1685 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 1000px; |
1686 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 1000px; |
1687 | b3c1328b | Olga Brani | border-top-right-radius: 1000px; |
1688 | b3c1328b | Olga Brani | border-bottom-right-radius: 1000px; } |
1689 | b3c1328b | Olga Brani | |
1690 | b3c1328b | Olga Brani | /* We use this to get basic styling on all basic form elements */
|
1691 | b3c1328b | Olga Brani | input[type="text"], |
1692 | b3c1328b | Olga Brani | input[type="password"], |
1693 | b3c1328b | Olga Brani | input[type="date"], |
1694 | b3c1328b | Olga Brani | input[type="datetime"], |
1695 | b3c1328b | Olga Brani | input[type="datetime-local"], |
1696 | b3c1328b | Olga Brani | input[type="month"], |
1697 | b3c1328b | Olga Brani | input[type="week"], |
1698 | b3c1328b | Olga Brani | input[type="email"], |
1699 | b3c1328b | Olga Brani | input[type="number"], |
1700 | b3c1328b | Olga Brani | input[type="search"], |
1701 | b3c1328b | Olga Brani | input[type="tel"], |
1702 | b3c1328b | Olga Brani | input[type="time"], |
1703 | b3c1328b | Olga Brani | input[type="url"], |
1704 | b3c1328b | Olga Brani | textarea {
|
1705 | b3c1328b | Olga Brani | background-color: white; |
1706 | b3c1328b | Olga Brani | font-family: inherit; |
1707 | b3c1328b | Olga Brani | border: 1px solid #cccccc; |
1708 | b3c1328b | Olga Brani | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
1709 | b3c1328b | Olga Brani | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
1710 | b3c1328b | Olga Brani | color: rgba(0, 0, 0, 0.75); |
1711 | b3c1328b | Olga Brani | display: block; |
1712 | b3c1328b | Olga Brani | font-size: 0.875em; |
1713 | b3c1328b | Olga Brani | margin: 0 0 1em 0; |
1714 | b3c1328b | Olga Brani | padding: 0.5em; |
1715 | b3c1328b | Olga Brani | height: 2.3125em; |
1716 | b3c1328b | Olga Brani | width: 100%; |
1717 | b3c1328b | Olga Brani | -moz-box-sizing: border-box; |
1718 | b3c1328b | Olga Brani | -webkit-box-sizing: border-box; |
1719 | b3c1328b | Olga Brani | box-sizing: border-box; |
1720 | b3c1328b | Olga Brani | -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; |
1721 | b3c1328b | Olga Brani | -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; |
1722 | b3c1328b | Olga Brani | transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } |
1723 | b3c1328b | Olga Brani | input[type="text"]:focus, |
1724 | b3c1328b | Olga Brani | input[type="password"]:focus, |
1725 | b3c1328b | Olga Brani | input[type="date"]:focus, |
1726 | b3c1328b | Olga Brani | input[type="datetime"]:focus, |
1727 | b3c1328b | Olga Brani | input[type="datetime-local"]:focus, |
1728 | b3c1328b | Olga Brani | input[type="month"]:focus, |
1729 | b3c1328b | Olga Brani | input[type="week"]:focus, |
1730 | b3c1328b | Olga Brani | input[type="email"]:focus, |
1731 | b3c1328b | Olga Brani | input[type="number"]:focus, |
1732 | b3c1328b | Olga Brani | input[type="search"]:focus, |
1733 | b3c1328b | Olga Brani | input[type="tel"]:focus, |
1734 | b3c1328b | Olga Brani | input[type="time"]:focus, |
1735 | b3c1328b | Olga Brani | input[type="url"]:focus, |
1736 | b3c1328b | Olga Brani | textarea:focus { |
1737 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 0 5px #999999; |
1738 | b3c1328b | Olga Brani | -moz-box-shadow: 0 0 5px #999999; |
1739 | b3c1328b | Olga Brani | box-shadow: 0 0 5px #999999; |
1740 | b3c1328b | Olga Brani | border-color: #999999; } |
1741 | b3c1328b | Olga Brani | input[type="text"]:focus, |
1742 | b3c1328b | Olga Brani | input[type="password"]:focus, |
1743 | b3c1328b | Olga Brani | input[type="date"]:focus, |
1744 | b3c1328b | Olga Brani | input[type="datetime"]:focus, |
1745 | b3c1328b | Olga Brani | input[type="datetime-local"]:focus, |
1746 | b3c1328b | Olga Brani | input[type="month"]:focus, |
1747 | b3c1328b | Olga Brani | input[type="week"]:focus, |
1748 | b3c1328b | Olga Brani | input[type="email"]:focus, |
1749 | b3c1328b | Olga Brani | input[type="number"]:focus, |
1750 | b3c1328b | Olga Brani | input[type="search"]:focus, |
1751 | b3c1328b | Olga Brani | input[type="tel"]:focus, |
1752 | b3c1328b | Olga Brani | input[type="time"]:focus, |
1753 | b3c1328b | Olga Brani | input[type="url"]:focus, |
1754 | b3c1328b | Olga Brani | textarea:focus { |
1755 | b3c1328b | Olga Brani | background: #fafafa; |
1756 | b3c1328b | Olga Brani | border-color: #999999; |
1757 | b3c1328b | Olga Brani | outline: none; } |
1758 | b3c1328b | Olga Brani | input[type="text"][disabled], |
1759 | b3c1328b | Olga Brani | input[type="password"][disabled], |
1760 | b3c1328b | Olga Brani | input[type="date"][disabled], |
1761 | b3c1328b | Olga Brani | input[type="datetime"][disabled], |
1762 | b3c1328b | Olga Brani | input[type="datetime-local"][disabled], |
1763 | b3c1328b | Olga Brani | input[type="month"][disabled], |
1764 | b3c1328b | Olga Brani | input[type="week"][disabled], |
1765 | b3c1328b | Olga Brani | input[type="email"][disabled], |
1766 | b3c1328b | Olga Brani | input[type="number"][disabled], |
1767 | b3c1328b | Olga Brani | input[type="search"][disabled], |
1768 | b3c1328b | Olga Brani | input[type="tel"][disabled], |
1769 | b3c1328b | Olga Brani | input[type="time"][disabled], |
1770 | b3c1328b | Olga Brani | input[type="url"][disabled], |
1771 | b3c1328b | Olga Brani | textarea[disabled] { |
1772 | b3c1328b | Olga Brani | background-color: #dddddd; } |
1773 | b3c1328b | Olga Brani | |
1774 | b3c1328b | Olga Brani | /* Adjust margin for form elements below */
|
1775 | b3c1328b | Olga Brani | input[type="file"], |
1776 | b3c1328b | Olga Brani | input[type="checkbox"], |
1777 | b3c1328b | Olga Brani | input[type="radio"], |
1778 | b3c1328b | Olga Brani | select {
|
1779 | b3c1328b | Olga Brani | margin: 0 0 1em 0; } |
1780 | b3c1328b | Olga Brani | |
1781 | b3c1328b | Olga Brani | /* Normalize file input width */
|
1782 | b3c1328b | Olga Brani | input[type="file"] { |
1783 | b3c1328b | Olga Brani | width: 100%; } |
1784 | b3c1328b | Olga Brani | |
1785 | b3c1328b | Olga Brani | /* We add basic fieldset styling */
|
1786 | b3c1328b | Olga Brani | fieldset {
|
1787 | b3c1328b | Olga Brani | border: solid 1px #dddddd; |
1788 | b3c1328b | Olga Brani | padding: 1.25em; |
1789 | b3c1328b | Olga Brani | margin: 1.125em 0; } |
1790 | b3c1328b | Olga Brani | fieldset legend { |
1791 | b3c1328b | Olga Brani | font-weight: bold; |
1792 | b3c1328b | Olga Brani | background: white; |
1793 | b3c1328b | Olga Brani | padding: 0 0.1875em; |
1794 | b3c1328b | Olga Brani | margin: 0; |
1795 | b3c1328b | Olga Brani | margin-left: -0.1875em; } |
1796 | b3c1328b | Olga Brani | |
1797 | b3c1328b | Olga Brani | /* Error Handling */
|
1798 | b3c1328b | Olga Brani | .error input, |
1799 | b3c1328b | Olga Brani | input.error, |
1800 | b3c1328b | Olga Brani | .error textarea, |
1801 | b3c1328b | Olga Brani | textarea.error { |
1802 | b3c1328b | Olga Brani | border-color: #c60f13; |
1803 | b3c1328b | Olga Brani | background-color: rgba(198, 15, 19, 0.1); } |
1804 | b3c1328b | Olga Brani | .error input:focus, |
1805 | b3c1328b | Olga Brani | input.error:focus, |
1806 | b3c1328b | Olga Brani | .error textarea:focus, |
1807 | b3c1328b | Olga Brani | textarea.error:focus { |
1808 | b3c1328b | Olga Brani | background: #fafafa; |
1809 | b3c1328b | Olga Brani | border-color: #999999; } |
1810 | b3c1328b | Olga Brani | |
1811 | b3c1328b | Olga Brani | .error label, |
1812 | b3c1328b | Olga Brani | label.error { |
1813 | b3c1328b | Olga Brani | color: #c60f13; } |
1814 | b3c1328b | Olga Brani | |
1815 | b3c1328b | Olga Brani | .error small, |
1816 | b3c1328b | Olga Brani | small.error { |
1817 | b3c1328b | Olga Brani | display: block; |
1818 | b3c1328b | Olga Brani | padding: 0.375em 0.25em; |
1819 | b3c1328b | Olga Brani | margin-top: -1.3125em; |
1820 | b3c1328b | Olga Brani | margin-bottom: 1em; |
1821 | b3c1328b | Olga Brani | font-size: 0.75em; |
1822 | b3c1328b | Olga Brani | font-weight: bold; |
1823 | b3c1328b | Olga Brani | background: #c60f13; |
1824 | b3c1328b | Olga Brani | color: white; } |
1825 | b3c1328b | Olga Brani | |
1826 | b3c1328b | Olga Brani | /* Custom Checkbox and Radio Inputs */
|
1827 | b3c1328b | Olga Brani | form.custom .hidden-field { |
1828 | b3c1328b | Olga Brani | margin-left: -99999px; |
1829 | b3c1328b | Olga Brani | position: absolute; |
1830 | b3c1328b | Olga Brani | visibility: hidden; } |
1831 | b3c1328b | Olga Brani | form.custom .custom { |
1832 | b3c1328b | Olga Brani | display: inline-block; |
1833 | b3c1328b | Olga Brani | width: 16px; |
1834 | b3c1328b | Olga Brani | height: 16px; |
1835 | b3c1328b | Olga Brani | position: relative; |
1836 | b3c1328b | Olga Brani | vertical-align: middle; |
1837 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
1838 | b3c1328b | Olga Brani | background: white; } |
1839 | b3c1328b | Olga Brani | form.custom .custom.checkbox { |
1840 | b3c1328b | Olga Brani | -webkit-border-radius: 0px; |
1841 | b3c1328b | Olga Brani | border-radius: 0px; |
1842 | b3c1328b | Olga Brani | padding: -3px; } |
1843 | b3c1328b | Olga Brani | form.custom .custom.radio { |
1844 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
1845 | b3c1328b | Olga Brani | border-radius: 1000px; |
1846 | b3c1328b | Olga Brani | padding: 3px; } |
1847 | b3c1328b | Olga Brani | form.custom .custom.checkbox:before { |
1848 | b3c1328b | Olga Brani | content: ""; |
1849 | b3c1328b | Olga Brani | display: block; |
1850 | b3c1328b | Olga Brani | font-size: 20px; |
1851 | b3c1328b | Olga Brani | color: white; } |
1852 | b3c1328b | Olga Brani | form.custom .custom.radio.checked:before { |
1853 | b3c1328b | Olga Brani | content: ""; |
1854 | b3c1328b | Olga Brani | display: block; |
1855 | b3c1328b | Olga Brani | width: 8px; |
1856 | b3c1328b | Olga Brani | height: 8px; |
1857 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
1858 | b3c1328b | Olga Brani | border-radius: 1000px; |
1859 | b3c1328b | Olga Brani | background: #222222; |
1860 | b3c1328b | Olga Brani | position: relative; } |
1861 | b3c1328b | Olga Brani | form.custom .custom.checkbox.checked:before { |
1862 | b3c1328b | Olga Brani | content: "\2A2F"; |
1863 | b3c1328b | Olga Brani | color: #222222; |
1864 | b3c1328b | Olga Brani | margin-top: -8px; |
1865 | b3c1328b | Olga Brani | margin-left: 2px; } |
1866 | b3c1328b | Olga Brani | |
1867 | b3c1328b | Olga Brani | /* Custom Select Options and Dropdowns */
|
1868 | b3c1328b | Olga Brani | form.custom { |
1869 | b3c1328b | Olga Brani | /* Custom input, disabled */ }
|
1870 | b3c1328b | Olga Brani | form.custom .custom.dropdown { |
1871 | b3c1328b | Olga Brani | display: block; |
1872 | b3c1328b | Olga Brani | position: relative; |
1873 | b3c1328b | Olga Brani | top: 0; |
1874 | b3c1328b | Olga Brani | height: 2.3125em; |
1875 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
1876 | b3c1328b | Olga Brani | margin-top: 0px; |
1877 | b3c1328b | Olga Brani | padding: 0px; |
1878 | b3c1328b | Olga Brani | width: 100%; |
1879 | b3c1328b | Olga Brani | background: white; |
1880 | b3c1328b | Olga Brani | background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%); |
1881 | b3c1328b | Olga Brani | background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%); |
1882 | b3c1328b | Olga Brani | background: linear-gradient(to bottom, white 0%, #f3f3f3 100%); |
1883 | b3c1328b | Olga Brani | -webkit-box-shadow: none; |
1884 | b3c1328b | Olga Brani | box-shadow: none; |
1885 | b3c1328b | Olga Brani | font-size: 0.875em; |
1886 | b3c1328b | Olga Brani | vertical-align: top; } |
1887 | b3c1328b | Olga Brani | form.custom .custom.dropdown ul { |
1888 | b3c1328b | Olga Brani | overflow-y: auto; |
1889 | b3c1328b | Olga Brani | max-height: 200px; } |
1890 | b3c1328b | Olga Brani | form.custom .custom.dropdown .current { |
1891 | b3c1328b | Olga Brani | cursor: default; |
1892 | b3c1328b | Olga Brani | white-space: nowrap; |
1893 | b3c1328b | Olga Brani | line-height: 2.25em; |
1894 | b3c1328b | Olga Brani | color: rgba(0, 0, 0, 0.75); |
1895 | b3c1328b | Olga Brani | text-decoration: none; |
1896 | b3c1328b | Olga Brani | overflow: hidden; |
1897 | b3c1328b | Olga Brani | display: block; |
1898 | b3c1328b | Olga Brani | margin-left: 0.5em; |
1899 | b3c1328b | Olga Brani | margin-right: 2.3125em; } |
1900 | b3c1328b | Olga Brani | form.custom .custom.dropdown .selector { |
1901 | b3c1328b | Olga Brani | cursor: default; |
1902 | b3c1328b | Olga Brani | position: absolute; |
1903 | b3c1328b | Olga Brani | width: 2.5em; |
1904 | b3c1328b | Olga Brani | height: 2.3125em; |
1905 | b3c1328b | Olga Brani | display: block; |
1906 | b3c1328b | Olga Brani | right: 0; |
1907 | b3c1328b | Olga Brani | top: 0; } |
1908 | b3c1328b | Olga Brani | form.custom .custom.dropdown .selector:after { |
1909 | b3c1328b | Olga Brani | content: ""; |
1910 | b3c1328b | Olga Brani | display: block; |
1911 | b3c1328b | Olga Brani | content: ""; |
1912 | b3c1328b | Olga Brani | display: block; |
1913 | b3c1328b | Olga Brani | width: 0; |
1914 | b3c1328b | Olga Brani | height: 0; |
1915 | b3c1328b | Olga Brani | border: inset 5px; |
1916 | b3c1328b | Olga Brani | border-color: #aaaaaa transparent transparent transparent; |
1917 | b3c1328b | Olga Brani | border-top-style: solid; |
1918 | b3c1328b | Olga Brani | position: absolute; |
1919 | b3c1328b | Olga Brani | left: 0.9375em; |
1920 | b3c1328b | Olga Brani | top: 50%; |
1921 | b3c1328b | Olga Brani | margin-top: -3px; } |
1922 | b3c1328b | Olga Brani | form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after { |
1923 | b3c1328b | Olga Brani | content: ""; |
1924 | b3c1328b | Olga Brani | display: block; |
1925 | b3c1328b | Olga Brani | width: 0; |
1926 | b3c1328b | Olga Brani | height: 0; |
1927 | b3c1328b | Olga Brani | border: inset 5px; |
1928 | b3c1328b | Olga Brani | border-color: #222222 transparent transparent transparent; |
1929 | b3c1328b | Olga Brani | border-top-style: solid; } |
1930 | b3c1328b | Olga Brani | form.custom .custom.dropdown .disabled { |
1931 | b3c1328b | Olga Brani | color: #888888; } |
1932 | b3c1328b | Olga Brani | form.custom .custom.dropdown .disabled:hover { |
1933 | b3c1328b | Olga Brani | background: transparent; |
1934 | b3c1328b | Olga Brani | color: #888888; } |
1935 | b3c1328b | Olga Brani | form.custom .custom.dropdown .disabled:hover:after { |
1936 | b3c1328b | Olga Brani | display: none; } |
1937 | b3c1328b | Olga Brani | form.custom .custom.dropdown.open ul { |
1938 | b3c1328b | Olga Brani | display: block; |
1939 | b3c1328b | Olga Brani | z-index: 10; |
1940 | b3c1328b | Olga Brani | min-width: 100%; |
1941 | b3c1328b | Olga Brani | -moz-box-sizing: content-box; |
1942 | b3c1328b | Olga Brani | -webkit-box-sizing: content-box; |
1943 | b3c1328b | Olga Brani | box-sizing: content-box; } |
1944 | b3c1328b | Olga Brani | form.custom .custom.dropdown.small { |
1945 | b3c1328b | Olga Brani | max-width: 134px; } |
1946 | b3c1328b | Olga Brani | form.custom .custom.dropdown.medium { |
1947 | b3c1328b | Olga Brani | max-width: 254px; } |
1948 | b3c1328b | Olga Brani | form.custom .custom.dropdown.large { |
1949 | b3c1328b | Olga Brani | max-width: 434px; } |
1950 | b3c1328b | Olga Brani | form.custom .custom.dropdown.expand { |
1951 | b3c1328b | Olga Brani | width: 100% !important; } |
1952 | b3c1328b | Olga Brani | form.custom .custom.dropdown.open.small ul { |
1953 | b3c1328b | Olga Brani | min-width: 134px; |
1954 | b3c1328b | Olga Brani | -moz-box-sizing: border-box; |
1955 | b3c1328b | Olga Brani | -webkit-box-sizing: border-box; |
1956 | b3c1328b | Olga Brani | box-sizing: border-box; } |
1957 | b3c1328b | Olga Brani | form.custom .custom.dropdown.open.medium ul { |
1958 | b3c1328b | Olga Brani | min-width: 254px; |
1959 | b3c1328b | Olga Brani | -moz-box-sizing: border-box; |
1960 | b3c1328b | Olga Brani | -webkit-box-sizing: border-box; |
1961 | b3c1328b | Olga Brani | box-sizing: border-box; } |
1962 | b3c1328b | Olga Brani | form.custom .custom.dropdown.open.large ul { |
1963 | b3c1328b | Olga Brani | min-width: 434px; |
1964 | b3c1328b | Olga Brani | -moz-box-sizing: border-box; |
1965 | b3c1328b | Olga Brani | -webkit-box-sizing: border-box; |
1966 | b3c1328b | Olga Brani | box-sizing: border-box; } |
1967 | b3c1328b | Olga Brani | form.custom .custom.dropdown ul { |
1968 | b3c1328b | Olga Brani | position: absolute; |
1969 | b3c1328b | Olga Brani | width: auto; |
1970 | b3c1328b | Olga Brani | display: none; |
1971 | b3c1328b | Olga Brani | margin: 0; |
1972 | b3c1328b | Olga Brani | left: -1px; |
1973 | b3c1328b | Olga Brani | top: auto; |
1974 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); |
1975 | b3c1328b | Olga Brani | box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); |
1976 | b3c1328b | Olga Brani | margin: 0; |
1977 | b3c1328b | Olga Brani | padding: 0; |
1978 | b3c1328b | Olga Brani | background: white; |
1979 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
1980 | b3c1328b | Olga Brani | font-size: 16px; } |
1981 | b3c1328b | Olga Brani | form.custom .custom.dropdown ul li { |
1982 | b3c1328b | Olga Brani | color: #555555; |
1983 | b3c1328b | Olga Brani | font-size: 0.875em; |
1984 | b3c1328b | Olga Brani | cursor: default; |
1985 | b3c1328b | Olga Brani | padding-top: 0.25em; |
1986 | b3c1328b | Olga Brani | padding-bottom: 0.25em; |
1987 | b3c1328b | Olga Brani | padding-left: 0.375em; |
1988 | b3c1328b | Olga Brani | padding-right: 2.375em; |
1989 | b3c1328b | Olga Brani | min-height: 1.5em; |
1990 | b3c1328b | Olga Brani | line-height: 1.5em; |
1991 | b3c1328b | Olga Brani | margin: 0; |
1992 | b3c1328b | Olga Brani | white-space: nowrap; |
1993 | b3c1328b | Olga Brani | list-style: none; } |
1994 | b3c1328b | Olga Brani | form.custom .custom.dropdown ul li.selected { |
1995 | b3c1328b | Olga Brani | background: #eeeeee; |
1996 | b3c1328b | Olga Brani | color: black; } |
1997 | b3c1328b | Olga Brani | form.custom .custom.dropdown ul li:hover { |
1998 | b3c1328b | Olga Brani | background-color: #e4e4e4; |
1999 | b3c1328b | Olga Brani | color: black; } |
2000 | b3c1328b | Olga Brani | form.custom .custom.dropdown ul li.selected:hover { |
2001 | b3c1328b | Olga Brani | background: #eeeeee; |
2002 | b3c1328b | Olga Brani | cursor: default; |
2003 | b3c1328b | Olga Brani | color: black; } |
2004 | b3c1328b | Olga Brani | form.custom .custom.dropdown ul.show { |
2005 | b3c1328b | Olga Brani | display: block; } |
2006 | b3c1328b | Olga Brani | form.custom .custom.disabled { |
2007 | b3c1328b | Olga Brani | background: #dddddd; } |
2008 | b3c1328b | Olga Brani | |
2009 | b3c1328b | Olga Brani | /* Button Groups */
|
2010 | b3c1328b | Olga Brani | .button-group {
|
2011 | b3c1328b | Olga Brani | list-style: none; |
2012 | b3c1328b | Olga Brani | margin: 0; |
2013 | b3c1328b | Olga Brani | *zoom: 1; } |
2014 | b3c1328b | Olga Brani | .button-group:before, .button-group:after { |
2015 | b3c1328b | Olga Brani | content: " "; |
2016 | b3c1328b | Olga Brani | display: table; } |
2017 | b3c1328b | Olga Brani | .button-group:after { |
2018 | b3c1328b | Olga Brani | clear: both; } |
2019 | b3c1328b | Olga Brani | .button-group > * { |
2020 | b3c1328b | Olga Brani | margin: 0 0 0 -1px; |
2021 | b3c1328b | Olga Brani | float: left; } |
2022 | b3c1328b | Olga Brani | .button-group > *:first-child { |
2023 | b3c1328b | Olga Brani | margin-left: 0; } |
2024 | b3c1328b | Olga Brani | .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { |
2025 | b3c1328b | Olga Brani | -moz-border-radius-bottomleft: 3px; |
2026 | b3c1328b | Olga Brani | -moz-border-radius-topleft: 3px; |
2027 | b3c1328b | Olga Brani | -webkit-border-bottom-left-radius: 3px; |
2028 | b3c1328b | Olga Brani | -webkit-border-top-left-radius: 3px; |
2029 | b3c1328b | Olga Brani | border-bottom-left-radius: 3px; |
2030 | b3c1328b | Olga Brani | border-top-left-radius: 3px; } |
2031 | b3c1328b | Olga Brani | .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { |
2032 | b3c1328b | Olga Brani | -moz-border-radius-topright: 3px; |
2033 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 3px; |
2034 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 3px; |
2035 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 3px; |
2036 | b3c1328b | Olga Brani | border-top-right-radius: 3px; |
2037 | b3c1328b | Olga Brani | border-bottom-right-radius: 3px; } |
2038 | b3c1328b | Olga Brani | .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { |
2039 | b3c1328b | Olga Brani | -moz-border-radius-bottomleft: 1000px; |
2040 | b3c1328b | Olga Brani | -moz-border-radius-topleft: 1000px; |
2041 | b3c1328b | Olga Brani | -webkit-border-bottom-left-radius: 1000px; |
2042 | b3c1328b | Olga Brani | -webkit-border-top-left-radius: 1000px; |
2043 | b3c1328b | Olga Brani | border-bottom-left-radius: 1000px; |
2044 | b3c1328b | Olga Brani | border-top-left-radius: 1000px; } |
2045 | b3c1328b | Olga Brani | .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { |
2046 | b3c1328b | Olga Brani | -moz-border-radius-topright: 1000px; |
2047 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 1000px; |
2048 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 1000px; |
2049 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 1000px; |
2050 | b3c1328b | Olga Brani | border-top-right-radius: 1000px; |
2051 | b3c1328b | Olga Brani | border-bottom-right-radius: 1000px; } |
2052 | b3c1328b | Olga Brani | .button-group.even-2 li { |
2053 | b3c1328b | Olga Brani | width: 50%; } |
2054 | b3c1328b | Olga Brani | .button-group.even-2 li button, .button-group.even-2 li .button { |
2055 | b3c1328b | Olga Brani | width: 100%; } |
2056 | b3c1328b | Olga Brani | .button-group.even-3 li { |
2057 | b3c1328b | Olga Brani | width: 33.33333%; } |
2058 | b3c1328b | Olga Brani | .button-group.even-3 li button, .button-group.even-3 li .button { |
2059 | b3c1328b | Olga Brani | width: 100%; } |
2060 | b3c1328b | Olga Brani | .button-group.even-4 li { |
2061 | b3c1328b | Olga Brani | width: 25%; } |
2062 | b3c1328b | Olga Brani | .button-group.even-4 li button, .button-group.even-4 li .button { |
2063 | b3c1328b | Olga Brani | width: 100%; } |
2064 | b3c1328b | Olga Brani | .button-group.even-5 li { |
2065 | b3c1328b | Olga Brani | width: 20%; } |
2066 | b3c1328b | Olga Brani | .button-group.even-5 li button, .button-group.even-5 li .button { |
2067 | b3c1328b | Olga Brani | width: 100%; } |
2068 | b3c1328b | Olga Brani | .button-group.even-6 li { |
2069 | b3c1328b | Olga Brani | width: 16.66667%; } |
2070 | b3c1328b | Olga Brani | .button-group.even-6 li button, .button-group.even-6 li .button { |
2071 | b3c1328b | Olga Brani | width: 100%; } |
2072 | b3c1328b | Olga Brani | .button-group.even-7 li { |
2073 | b3c1328b | Olga Brani | width: 14.28571%; } |
2074 | b3c1328b | Olga Brani | .button-group.even-7 li button, .button-group.even-7 li .button { |
2075 | b3c1328b | Olga Brani | width: 100%; } |
2076 | b3c1328b | Olga Brani | .button-group.even-8 li { |
2077 | b3c1328b | Olga Brani | width: 12.5%; } |
2078 | b3c1328b | Olga Brani | .button-group.even-8 li button, .button-group.even-8 li .button { |
2079 | b3c1328b | Olga Brani | width: 100%; } |
2080 | b3c1328b | Olga Brani | |
2081 | b3c1328b | Olga Brani | .button-bar {
|
2082 | b3c1328b | Olga Brani | *zoom: 1; } |
2083 | b3c1328b | Olga Brani | .button-bar:before, .button-bar:after { |
2084 | b3c1328b | Olga Brani | content: " "; |
2085 | b3c1328b | Olga Brani | display: table; } |
2086 | b3c1328b | Olga Brani | .button-bar:after { |
2087 | b3c1328b | Olga Brani | clear: both; } |
2088 | b3c1328b | Olga Brani | .button-bar .button-group { |
2089 | b3c1328b | Olga Brani | float: left; |
2090 | b3c1328b | Olga Brani | margin-right: 0.625em; } |
2091 | b3c1328b | Olga Brani | .button-bar .button-group div { |
2092 | b3c1328b | Olga Brani | overflow: hidden; } |
2093 | b3c1328b | Olga Brani | |
2094 | b3c1328b | Olga Brani | /* Dropdown Button */
|
2095 | b3c1328b | Olga Brani | .dropdown.button { |
2096 | b3c1328b | Olga Brani | position: relative; |
2097 | b3c1328b | Olga Brani | padding-right: 3.1875em; } |
2098 | b3c1328b | Olga Brani | .dropdown.button:before { |
2099 | b3c1328b | Olga Brani | position: absolute; |
2100 | b3c1328b | Olga Brani | content: ""; |
2101 | b3c1328b | Olga Brani | width: 0; |
2102 | b3c1328b | Olga Brani | height: 0; |
2103 | b3c1328b | Olga Brani | display: block; |
2104 | b3c1328b | Olga Brani | border-style: solid; |
2105 | b3c1328b | Olga Brani | border-color: white transparent transparent transparent; |
2106 | b3c1328b | Olga Brani | top: 50%; } |
2107 | b3c1328b | Olga Brani | .dropdown.button:before { |
2108 | b3c1328b | Olga Brani | border-width: 0.5625em; |
2109 | b3c1328b | Olga Brani | right: 1.5em; |
2110 | b3c1328b | Olga Brani | margin-top: -0.25em; } |
2111 | b3c1328b | Olga Brani | .dropdown.button:before { |
2112 | b3c1328b | Olga Brani | border-color: white transparent transparent transparent; } |
2113 | b3c1328b | Olga Brani | .dropdown.button.tiny { |
2114 | b3c1328b | Olga Brani | padding-right: 2.1875em; } |
2115 | b3c1328b | Olga Brani | .dropdown.button.tiny:before { |
2116 | b3c1328b | Olga Brani | border-width: 0.4375em; |
2117 | b3c1328b | Olga Brani | right: 0.875em; |
2118 | b3c1328b | Olga Brani | margin-top: -0.15625em; } |
2119 | b3c1328b | Olga Brani | .dropdown.button.tiny:before { |
2120 | b3c1328b | Olga Brani | border-color: white transparent transparent transparent; } |
2121 | b3c1328b | Olga Brani | .dropdown.button.small { |
2122 | b3c1328b | Olga Brani | padding-right: 2.8125em; } |
2123 | b3c1328b | Olga Brani | .dropdown.button.small:before { |
2124 | b3c1328b | Olga Brani | border-width: 0.5625em; |
2125 | b3c1328b | Olga Brani | right: 1.125em; |
2126 | b3c1328b | Olga Brani | margin-top: -0.21875em; } |
2127 | b3c1328b | Olga Brani | .dropdown.button.small:before { |
2128 | b3c1328b | Olga Brani | border-color: white transparent transparent transparent; } |
2129 | b3c1328b | Olga Brani | .dropdown.button.large { |
2130 | b3c1328b | Olga Brani | padding-right: 4em; } |
2131 | b3c1328b | Olga Brani | .dropdown.button.large:before { |
2132 | b3c1328b | Olga Brani | border-width: 0.625em; |
2133 | b3c1328b | Olga Brani | right: 1.75em; |
2134 | b3c1328b | Olga Brani | margin-top: -0.3125em; } |
2135 | b3c1328b | Olga Brani | .dropdown.button.large:before { |
2136 | b3c1328b | Olga Brani | border-color: white transparent transparent transparent; } |
2137 | b3c1328b | Olga Brani | .dropdown.button.secondary:before { |
2138 | b3c1328b | Olga Brani | border-color: #333333 transparent transparent transparent; } |
2139 | b3c1328b | Olga Brani | |
2140 | b3c1328b | Olga Brani | /* Split Buttons */
|
2141 | b3c1328b | Olga Brani | .split.button { |
2142 | b3c1328b | Olga Brani | position: relative; |
2143 | b3c1328b | Olga Brani | padding-right: 4.8em; } |
2144 | b3c1328b | Olga Brani | .split.button span { |
2145 | b3c1328b | Olga Brani | display: block; |
2146 | b3c1328b | Olga Brani | height: 100%; |
2147 | b3c1328b | Olga Brani | position: absolute; |
2148 | b3c1328b | Olga Brani | right: 0; |
2149 | b3c1328b | Olga Brani | top: 0; |
2150 | b3c1328b | Olga Brani | border-left: solid 1px; } |
2151 | b3c1328b | Olga Brani | .split.button span:before { |
2152 | b3c1328b | Olga Brani | position: absolute; |
2153 | b3c1328b | Olga Brani | content: ""; |
2154 | b3c1328b | Olga Brani | width: 0; |
2155 | b3c1328b | Olga Brani | height: 0; |
2156 | b3c1328b | Olga Brani | display: block; |
2157 | b3c1328b | Olga Brani | border-style: inset; |
2158 | b3c1328b | Olga Brani | left: 50%; } |
2159 | b3c1328b | Olga Brani | .split.button span:active { |
2160 | b3c1328b | Olga Brani | background-color: rgba(0, 0, 0, 0.1); } |
2161 | b3c1328b | Olga Brani | .split.button span { |
2162 | b3c1328b | Olga Brani | border-left-color: #1e728c; } |
2163 | b3c1328b | Olga Brani | .split.button span { |
2164 | b3c1328b | Olga Brani | width: 3em; } |
2165 | b3c1328b | Olga Brani | .split.button span:before { |
2166 | b3c1328b | Olga Brani | border-top-style: solid; |
2167 | b3c1328b | Olga Brani | border-width: 0.5625em; |
2168 | b3c1328b | Olga Brani | top: 1.125em; |
2169 | b3c1328b | Olga Brani | margin-left: -0.5625em; } |
2170 | b3c1328b | Olga Brani | .split.button span:before { |
2171 | b3c1328b | Olga Brani | border-color: white transparent transparent transparent; } |
2172 | b3c1328b | Olga Brani | .split.button.secondary span { |
2173 | b3c1328b | Olga Brani | border-left-color: #c3c3c3; } |
2174 | b3c1328b | Olga Brani | .split.button.secondary span:before { |
2175 | b3c1328b | Olga Brani | border-color: white transparent transparent transparent; } |
2176 | b3c1328b | Olga Brani | .split.button.alert span { |
2177 | b3c1328b | Olga Brani | border-left-color: #7f0a0c; } |
2178 | b3c1328b | Olga Brani | .split.button.success span { |
2179 | b3c1328b | Olga Brani | border-left-color: #396516; } |
2180 | b3c1328b | Olga Brani | .split.button.tiny { |
2181 | b3c1328b | Olga Brani | padding-right: 3.9375em; } |
2182 | b3c1328b | Olga Brani | .split.button.tiny span { |
2183 | b3c1328b | Olga Brani | width: 2.84375em; } |
2184 | b3c1328b | Olga Brani | .split.button.tiny span:before { |
2185 | b3c1328b | Olga Brani | border-top-style: solid; |
2186 | b3c1328b | Olga Brani | border-width: 0.4375em; |
2187 | b3c1328b | Olga Brani | top: 0.875em; |
2188 | b3c1328b | Olga Brani | margin-left: -0.3125em; } |
2189 | b3c1328b | Olga Brani | .split.button.small { |
2190 | b3c1328b | Olga Brani | padding-right: 3.9375em; } |
2191 | b3c1328b | Olga Brani | .split.button.small span { |
2192 | b3c1328b | Olga Brani | width: 2.8125em; } |
2193 | b3c1328b | Olga Brani | .split.button.small span:before { |
2194 | b3c1328b | Olga Brani | border-top-style: solid; |
2195 | b3c1328b | Olga Brani | border-width: 0.5625em; |
2196 | b3c1328b | Olga Brani | top: 0.84375em; |
2197 | b3c1328b | Olga Brani | margin-left: -0.5625em; } |
2198 | b3c1328b | Olga Brani | .split.button.large { |
2199 | b3c1328b | Olga Brani | padding-right: 6em; } |
2200 | b3c1328b | Olga Brani | .split.button.large span { |
2201 | b3c1328b | Olga Brani | width: 3.75em; } |
2202 | b3c1328b | Olga Brani | .split.button.large span:before { |
2203 | b3c1328b | Olga Brani | border-top-style: solid; |
2204 | b3c1328b | Olga Brani | border-width: 0.625em; |
2205 | b3c1328b | Olga Brani | top: 1.3125em; |
2206 | b3c1328b | Olga Brani | margin-left: -0.5625em; } |
2207 | b3c1328b | Olga Brani | .split.button.expand { |
2208 | b3c1328b | Olga Brani | padding-left: 2em; } |
2209 | b3c1328b | Olga Brani | .split.button.secondary span:before { |
2210 | b3c1328b | Olga Brani | border-color: #333333 transparent transparent transparent; } |
2211 | b3c1328b | Olga Brani | .split.button.radius span { |
2212 | b3c1328b | Olga Brani | -moz-border-radius-topright: 3px; |
2213 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 3px; |
2214 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 3px; |
2215 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 3px; |
2216 | b3c1328b | Olga Brani | border-top-right-radius: 3px; |
2217 | b3c1328b | Olga Brani | border-bottom-right-radius: 3px; } |
2218 | b3c1328b | Olga Brani | .split.button.round span { |
2219 | b3c1328b | Olga Brani | -moz-border-radius-topright: 1000px; |
2220 | b3c1328b | Olga Brani | -moz-border-radius-bottomright: 1000px; |
2221 | b3c1328b | Olga Brani | -webkit-border-top-right-radius: 1000px; |
2222 | b3c1328b | Olga Brani | -webkit-border-bottom-right-radius: 1000px; |
2223 | b3c1328b | Olga Brani | border-top-right-radius: 1000px; |
2224 | b3c1328b | Olga Brani | border-bottom-right-radius: 1000px; } |
2225 | b3c1328b | Olga Brani | |
2226 | b3c1328b | Olga Brani | /* Flex Video */
|
2227 | b3c1328b | Olga Brani | .flex-video {
|
2228 | b3c1328b | Olga Brani | position: relative; |
2229 | b3c1328b | Olga Brani | padding-top: 1.5625em; |
2230 | b3c1328b | Olga Brani | padding-bottom: 67.5%; |
2231 | b3c1328b | Olga Brani | height: 0; |
2232 | b3c1328b | Olga Brani | margin-bottom: 1em; |
2233 | b3c1328b | Olga Brani | overflow: hidden; } |
2234 | b3c1328b | Olga Brani | .flex-video.widescreen { |
2235 | b3c1328b | Olga Brani | padding-bottom: 57.25%; } |
2236 | b3c1328b | Olga Brani | .flex-video.vimeo { |
2237 | b3c1328b | Olga Brani | padding-top: 0; } |
2238 | b3c1328b | Olga Brani | .flex-video iframe, |
2239 | b3c1328b | Olga Brani | .flex-video object, |
2240 | b3c1328b | Olga Brani | .flex-video embed, |
2241 | b3c1328b | Olga Brani | .flex-video video { |
2242 | b3c1328b | Olga Brani | position: absolute; |
2243 | b3c1328b | Olga Brani | top: 0; |
2244 | b3c1328b | Olga Brani | left: 0; |
2245 | b3c1328b | Olga Brani | width: 100%; |
2246 | b3c1328b | Olga Brani | height: 100%; } |
2247 | b3c1328b | Olga Brani | |
2248 | b3c1328b | Olga Brani | /* Sections */
|
2249 | b3c1328b | Olga Brani | .section-container, .section-container.auto { |
2250 | b3c1328b | Olga Brani | width: 100%; |
2251 | b3c1328b | Olga Brani | display: block; |
2252 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
2253 | b3c1328b | Olga Brani | border: 1px solid #cccccc; |
2254 | b3c1328b | Olga Brani | border-top: none; } |
2255 | b3c1328b | Olga Brani | .section-container > section, .section-container > .section, .section-container.auto > section, .section-container.auto > .section { |
2256 | b3c1328b | Olga Brani | position: relative; } |
2257 | b3c1328b | Olga Brani | .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title { |
2258 | b3c1328b | Olga Brani | background-color: #efefef; |
2259 | b3c1328b | Olga Brani | cursor: pointer; |
2260 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2261 | b3c1328b | Olga Brani | .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a { |
2262 | b3c1328b | Olga Brani | padding: 0.9375em; |
2263 | b3c1328b | Olga Brani | display: inline-block; |
2264 | b3c1328b | Olga Brani | color: #333333; |
2265 | b3c1328b | Olga Brani | font-size: 0.875em; |
2266 | b3c1328b | Olga Brani | white-space: nowrap; } |
2267 | b3c1328b | Olga Brani | .section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover { |
2268 | b3c1328b | Olga Brani | background-color: #e2e2e2; } |
2269 | b3c1328b | Olga Brani | .section-container > section .content, .section-container > .section .content, .section-container.auto > section .content, .section-container.auto > .section .content { |
2270 | b3c1328b | Olga Brani | display: none; |
2271 | b3c1328b | Olga Brani | padding: 0.9375em; |
2272 | b3c1328b | Olga Brani | background-color: white; } |
2273 | b3c1328b | Olga Brani | .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child { |
2274 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2275 | b3c1328b | Olga Brani | .section-container > section .content > *:first-child, .section-container > .section .content > *:first-child, .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child { |
2276 | b3c1328b | Olga Brani | padding-top: 0; } |
2277 | b3c1328b | Olga Brani | .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child { |
2278 | b3c1328b | Olga Brani | padding-bottom: 0; } |
2279 | b3c1328b | Olga Brani | .section-container > section.active > .content, .section-container > .section.active > .content, .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content { |
2280 | b3c1328b | Olga Brani | display: block; } |
2281 | b3c1328b | Olga Brani | .section-container > section.active > .title, .section-container > .section.active > .title, .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { |
2282 | b3c1328b | Olga Brani | background: #d5d5d5; } |
2283 | b3c1328b | Olga Brani | .section-container > section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a { |
2284 | b3c1328b | Olga Brani | color: #333333; } |
2285 | b3c1328b | Olga Brani | .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title { |
2286 | b3c1328b | Olga Brani | top: 0; |
2287 | b3c1328b | Olga Brani | width: 100%; |
2288 | b3c1328b | Olga Brani | margin: 0; |
2289 | b3c1328b | Olga Brani | border-top: solid 1px #cccccc; } |
2290 | b3c1328b | Olga Brani | .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a { |
2291 | b3c1328b | Olga Brani | width: 100%; } |
2292 | b3c1328b | Olga Brani | |
2293 | b3c1328b | Olga Brani | .section-container.tabs { |
2294 | b3c1328b | Olga Brani | border: 0; |
2295 | b3c1328b | Olga Brani | position: relative; } |
2296 | b3c1328b | Olga Brani | .section-container.tabs > section, .section-container.tabs > .section { |
2297 | b3c1328b | Olga Brani | border: 0; |
2298 | b3c1328b | Olga Brani | position: static; } |
2299 | b3c1328b | Olga Brani | .section-container.tabs > section > .title, .section-container.tabs > .section > .title { |
2300 | b3c1328b | Olga Brani | background-color: #efefef; |
2301 | b3c1328b | Olga Brani | cursor: pointer; |
2302 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2303 | b3c1328b | Olga Brani | .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a { |
2304 | b3c1328b | Olga Brani | padding: 0.9375em; |
2305 | b3c1328b | Olga Brani | display: inline-block; |
2306 | b3c1328b | Olga Brani | color: #333333; |
2307 | b3c1328b | Olga Brani | font-size: 0.875em; |
2308 | b3c1328b | Olga Brani | white-space: nowrap; } |
2309 | b3c1328b | Olga Brani | .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover { |
2310 | b3c1328b | Olga Brani | background-color: #e2e2e2; } |
2311 | b3c1328b | Olga Brani | .section-container.tabs > section .content, .section-container.tabs > .section .content { |
2312 | b3c1328b | Olga Brani | display: none; |
2313 | b3c1328b | Olga Brani | padding: 0.9375em; |
2314 | b3c1328b | Olga Brani | background-color: white; } |
2315 | b3c1328b | Olga Brani | .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child { |
2316 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2317 | b3c1328b | Olga Brani | .section-container.tabs > section .content > *:first-child, .section-container.tabs > .section .content > *:first-child { |
2318 | b3c1328b | Olga Brani | padding-top: 0; } |
2319 | b3c1328b | Olga Brani | .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child { |
2320 | b3c1328b | Olga Brani | padding-bottom: 0; } |
2321 | b3c1328b | Olga Brani | .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content { |
2322 | b3c1328b | Olga Brani | display: block; } |
2323 | b3c1328b | Olga Brani | .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { |
2324 | b3c1328b | Olga Brani | background: white; } |
2325 | b3c1328b | Olga Brani | .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a { |
2326 | b3c1328b | Olga Brani | color: #333333; } |
2327 | b3c1328b | Olga Brani | .section-container.tabs > section > .title, .section-container.tabs > .section > .title { |
2328 | b3c1328b | Olga Brani | width: auto; |
2329 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
2330 | b3c1328b | Olga Brani | border-right: 0; |
2331 | b3c1328b | Olga Brani | border-bottom: 0; |
2332 | b3c1328b | Olga Brani | position: absolute; |
2333 | b3c1328b | Olga Brani | top: 0; |
2334 | b3c1328b | Olga Brani | z-index: 1; } |
2335 | b3c1328b | Olga Brani | .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a { |
2336 | b3c1328b | Olga Brani | width: 100%; } |
2337 | b3c1328b | Olga Brani | .section-container.tabs > section:last-child .title, .section-container.tabs > .section:last-child .title { |
2338 | b3c1328b | Olga Brani | border-right: solid 1px #cccccc; } |
2339 | b3c1328b | Olga Brani | .section-container.tabs > section .content, .section-container.tabs > .section .content { |
2340 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
2341 | b3c1328b | Olga Brani | position: absolute; |
2342 | b3c1328b | Olga Brani | z-index: 10; |
2343 | b3c1328b | Olga Brani | display: none; |
2344 | b3c1328b | Olga Brani | top: -1px; } |
2345 | b3c1328b | Olga Brani | .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { |
2346 | b3c1328b | Olga Brani | z-index: 11; |
2347 | b3c1328b | Olga Brani | border-bottom: 0; |
2348 | b3c1328b | Olga Brani | background-color: white; } |
2349 | b3c1328b | Olga Brani | .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content { |
2350 | b3c1328b | Olga Brani | position: relative; } |
2351 | b3c1328b | Olga Brani | |
2352 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
2353 | b3c1328b | Olga Brani | .section-container.auto { |
2354 | b3c1328b | Olga Brani | border: 0; |
2355 | b3c1328b | Olga Brani | position: relative; } |
2356 | b3c1328b | Olga Brani | .section-container.auto > section, .section-container.auto > .section { |
2357 | b3c1328b | Olga Brani | border: 0; |
2358 | b3c1328b | Olga Brani | position: static; } |
2359 | b3c1328b | Olga Brani | .section-container.auto > section > .title, .section-container.auto > .section > .title { |
2360 | b3c1328b | Olga Brani | background-color: #efefef; |
2361 | b3c1328b | Olga Brani | cursor: pointer; |
2362 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2363 | b3c1328b | Olga Brani | .section-container.auto > section > .title a, .section-container.auto > .section > .title a { |
2364 | b3c1328b | Olga Brani | padding: 0.9375em; |
2365 | b3c1328b | Olga Brani | display: inline-block; |
2366 | b3c1328b | Olga Brani | color: #333333; |
2367 | b3c1328b | Olga Brani | font-size: 0.875em; |
2368 | b3c1328b | Olga Brani | white-space: nowrap; } |
2369 | b3c1328b | Olga Brani | .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover { |
2370 | b3c1328b | Olga Brani | background-color: #e2e2e2; } |
2371 | b3c1328b | Olga Brani | .section-container.auto > section .content, .section-container.auto > .section .content { |
2372 | b3c1328b | Olga Brani | display: none; |
2373 | b3c1328b | Olga Brani | padding: 0.9375em; |
2374 | b3c1328b | Olga Brani | background-color: white; } |
2375 | b3c1328b | Olga Brani | .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child { |
2376 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2377 | b3c1328b | Olga Brani | .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child { |
2378 | b3c1328b | Olga Brani | padding-top: 0; } |
2379 | b3c1328b | Olga Brani | .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child { |
2380 | b3c1328b | Olga Brani | padding-bottom: 0; } |
2381 | b3c1328b | Olga Brani | .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content { |
2382 | b3c1328b | Olga Brani | display: block; } |
2383 | b3c1328b | Olga Brani | .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { |
2384 | b3c1328b | Olga Brani | background: white; } |
2385 | b3c1328b | Olga Brani | .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a { |
2386 | b3c1328b | Olga Brani | color: #333333; } |
2387 | b3c1328b | Olga Brani | .section-container.auto > section > .title, .section-container.auto > .section > .title { |
2388 | b3c1328b | Olga Brani | width: auto; |
2389 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
2390 | b3c1328b | Olga Brani | border-right: 0; |
2391 | b3c1328b | Olga Brani | border-bottom: 0; |
2392 | b3c1328b | Olga Brani | position: absolute; |
2393 | b3c1328b | Olga Brani | top: 0; |
2394 | b3c1328b | Olga Brani | z-index: 1; } |
2395 | b3c1328b | Olga Brani | .section-container.auto > section > .title a, .section-container.auto > .section > .title a { |
2396 | b3c1328b | Olga Brani | width: 100%; } |
2397 | b3c1328b | Olga Brani | .section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title { |
2398 | b3c1328b | Olga Brani | border-right: solid 1px #cccccc; } |
2399 | b3c1328b | Olga Brani | .section-container.auto > section .content, .section-container.auto > .section .content { |
2400 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
2401 | b3c1328b | Olga Brani | position: absolute; |
2402 | b3c1328b | Olga Brani | z-index: 10; |
2403 | b3c1328b | Olga Brani | display: none; |
2404 | b3c1328b | Olga Brani | top: -1px; } |
2405 | b3c1328b | Olga Brani | .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { |
2406 | b3c1328b | Olga Brani | z-index: 11; |
2407 | b3c1328b | Olga Brani | border-bottom: 0; |
2408 | b3c1328b | Olga Brani | background-color: white; } |
2409 | b3c1328b | Olga Brani | .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content { |
2410 | b3c1328b | Olga Brani | position: relative; } |
2411 | b3c1328b | Olga Brani | |
2412 | b3c1328b | Olga Brani | .section-container.accordion .section { |
2413 | b3c1328b | Olga Brani | padding-top: 0 !important; } |
2414 | b3c1328b | Olga Brani | |
2415 | b3c1328b | Olga Brani | .section-container.vertical-tabs { |
2416 | b3c1328b | Olga Brani | border: 1px solid #cccccc; |
2417 | b3c1328b | Olga Brani | position: relative; } |
2418 | b3c1328b | Olga Brani | .section-container.vertical-tabs section, |
2419 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section { |
2420 | b3c1328b | Olga Brani | padding-top: 0 !important; |
2421 | b3c1328b | Olga Brani | border: 0; |
2422 | b3c1328b | Olga Brani | position: static; } |
2423 | b3c1328b | Olga Brani | .section-container.vertical-tabs section > .title, |
2424 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section > .title { |
2425 | b3c1328b | Olga Brani | background-color: #efefef; |
2426 | b3c1328b | Olga Brani | cursor: pointer; |
2427 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2428 | b3c1328b | Olga Brani | .section-container.vertical-tabs section > .title a, |
2429 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section > .title a { |
2430 | b3c1328b | Olga Brani | padding: 0.9375em; |
2431 | b3c1328b | Olga Brani | display: inline-block; |
2432 | b3c1328b | Olga Brani | color: #333333; |
2433 | b3c1328b | Olga Brani | font-size: 0.875em; |
2434 | b3c1328b | Olga Brani | white-space: nowrap; } |
2435 | b3c1328b | Olga Brani | .section-container.vertical-tabs section > .title:hover, |
2436 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section > .title:hover { |
2437 | b3c1328b | Olga Brani | background-color: #e2e2e2; } |
2438 | b3c1328b | Olga Brani | .section-container.vertical-tabs section .content, |
2439 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section .content { |
2440 | b3c1328b | Olga Brani | display: none; |
2441 | b3c1328b | Olga Brani | padding: 0.9375em; |
2442 | b3c1328b | Olga Brani | background-color: white; } |
2443 | b3c1328b | Olga Brani | .section-container.vertical-tabs section .content > *:last-child, |
2444 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section .content > *:last-child { |
2445 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2446 | b3c1328b | Olga Brani | .section-container.vertical-tabs section .content > *:first-child, |
2447 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section .content > *:first-child { |
2448 | b3c1328b | Olga Brani | padding-top: 0; } |
2449 | b3c1328b | Olga Brani | .section-container.vertical-tabs section .content > *:last-child, |
2450 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section .content > *:last-child { |
2451 | b3c1328b | Olga Brani | padding-bottom: 0; } |
2452 | b3c1328b | Olga Brani | .section-container.vertical-tabs section.active > .content, |
2453 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section.active > .content { |
2454 | b3c1328b | Olga Brani | display: block; } |
2455 | b3c1328b | Olga Brani | .section-container.vertical-tabs section.active > .title, |
2456 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section.active > .title { |
2457 | b3c1328b | Olga Brani | background: #d5d5d5; } |
2458 | b3c1328b | Olga Brani | .section-container.vertical-tabs section.active > .title a, |
2459 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section.active > .title a { |
2460 | b3c1328b | Olga Brani | color: #333333; } |
2461 | b3c1328b | Olga Brani | .section-container.vertical-tabs section > .title, |
2462 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section > .title { |
2463 | b3c1328b | Olga Brani | position: absolute; |
2464 | b3c1328b | Olga Brani | border-top: solid 1px #cccccc; |
2465 | b3c1328b | Olga Brani | width: 12.5em; } |
2466 | b3c1328b | Olga Brani | .section-container.vertical-tabs section:first-child .title, |
2467 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section:first-child .title { |
2468 | b3c1328b | Olga Brani | border-top: 0; } |
2469 | b3c1328b | Olga Brani | .section-container.vertical-tabs section .content, |
2470 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section .content { |
2471 | b3c1328b | Olga Brani | display: block; |
2472 | b3c1328b | Olga Brani | position: relative; |
2473 | b3c1328b | Olga Brani | left: 12.5em; |
2474 | b3c1328b | Olga Brani | border-left: solid 1px #cccccc; |
2475 | b3c1328b | Olga Brani | z-index: 10; } |
2476 | b3c1328b | Olga Brani | .section-container.vertical-tabs section.active > .title, |
2477 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section.active > .title { |
2478 | b3c1328b | Olga Brani | background-color: #d5d5d5; |
2479 | b3c1328b | Olga Brani | width: 12.5625em; |
2480 | b3c1328b | Olga Brani | border-right: solid 0 transparent; |
2481 | b3c1328b | Olga Brani | z-index: 11; } |
2482 | b3c1328b | Olga Brani | .section-container.vertical-tabs section.active:last-child .title, |
2483 | b3c1328b | Olga Brani | .section-container.vertical-tabs .section.active:last-child .title { |
2484 | b3c1328b | Olga Brani | border-bottom: 0; } |
2485 | b3c1328b | Olga Brani | |
2486 | b3c1328b | Olga Brani | .section-container.vertical-nav { |
2487 | b3c1328b | Olga Brani | border: 0; |
2488 | b3c1328b | Olga Brani | position: relative; } |
2489 | b3c1328b | Olga Brani | .section-container.vertical-nav > section, .section-container.vertical-nav > .section { |
2490 | b3c1328b | Olga Brani | padding-top: 0 !important; |
2491 | b3c1328b | Olga Brani | position: relative; } |
2492 | b3c1328b | Olga Brani | .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title { |
2493 | b3c1328b | Olga Brani | background-color: #efefef; |
2494 | b3c1328b | Olga Brani | cursor: pointer; |
2495 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2496 | b3c1328b | Olga Brani | .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a { |
2497 | b3c1328b | Olga Brani | padding: 0.9375em; |
2498 | b3c1328b | Olga Brani | display: inline-block; |
2499 | b3c1328b | Olga Brani | color: #333333; |
2500 | b3c1328b | Olga Brani | font-size: 0.875em; |
2501 | b3c1328b | Olga Brani | white-space: nowrap; } |
2502 | b3c1328b | Olga Brani | .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover { |
2503 | b3c1328b | Olga Brani | background-color: #e2e2e2; } |
2504 | b3c1328b | Olga Brani | .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content { |
2505 | b3c1328b | Olga Brani | display: none; |
2506 | b3c1328b | Olga Brani | padding: 0.9375em; |
2507 | b3c1328b | Olga Brani | background-color: white; } |
2508 | b3c1328b | Olga Brani | .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child { |
2509 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2510 | b3c1328b | Olga Brani | .section-container.vertical-nav > section .content > *:first-child, .section-container.vertical-nav > .section .content > *:first-child { |
2511 | b3c1328b | Olga Brani | padding-top: 0; } |
2512 | b3c1328b | Olga Brani | .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child { |
2513 | b3c1328b | Olga Brani | padding-bottom: 0; } |
2514 | b3c1328b | Olga Brani | .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content { |
2515 | b3c1328b | Olga Brani | display: block; } |
2516 | b3c1328b | Olga Brani | .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title { |
2517 | b3c1328b | Olga Brani | background: #d5d5d5; } |
2518 | b3c1328b | Olga Brani | .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a { |
2519 | b3c1328b | Olga Brani | color: #333333; } |
2520 | b3c1328b | Olga Brani | .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title { |
2521 | b3c1328b | Olga Brani | border-top: none; |
2522 | b3c1328b | Olga Brani | border: solid 1px #cccccc; } |
2523 | b3c1328b | Olga Brani | .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a { |
2524 | b3c1328b | Olga Brani | display: block; |
2525 | b3c1328b | Olga Brani | width: 100%; } |
2526 | b3c1328b | Olga Brani | .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content { |
2527 | b3c1328b | Olga Brani | display: none; } |
2528 | b3c1328b | Olga Brani | .section-container.vertical-nav > section:first-child .title, .section-container.vertical-nav > .section:first-child .title { |
2529 | b3c1328b | Olga Brani | border-bottom: none; } |
2530 | b3c1328b | Olga Brani | .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content { |
2531 | b3c1328b | Olga Brani | display: block; |
2532 | b3c1328b | Olga Brani | position: absolute; |
2533 | b3c1328b | Olga Brani | left: 100%; |
2534 | b3c1328b | Olga Brani | top: 0px; |
2535 | b3c1328b | Olga Brani | z-index: 999; |
2536 | b3c1328b | Olga Brani | min-width: 12.5em; |
2537 | b3c1328b | Olga Brani | border: solid 1px #cccccc; } |
2538 | b3c1328b | Olga Brani | |
2539 | b3c1328b | Olga Brani | .section-container.horizontal-nav { |
2540 | b3c1328b | Olga Brani | position: relative; |
2541 | b3c1328b | Olga Brani | background: #efefef; |
2542 | b3c1328b | Olga Brani | border: 1px solid #cccccc; } |
2543 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section { |
2544 | b3c1328b | Olga Brani | padding-top: 0; |
2545 | b3c1328b | Olga Brani | border: 0; |
2546 | b3c1328b | Olga Brani | position: static; } |
2547 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title { |
2548 | b3c1328b | Olga Brani | background-color: #efefef; |
2549 | b3c1328b | Olga Brani | cursor: pointer; |
2550 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2551 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a { |
2552 | b3c1328b | Olga Brani | padding: 0.9375em; |
2553 | b3c1328b | Olga Brani | display: inline-block; |
2554 | b3c1328b | Olga Brani | color: #333333; |
2555 | b3c1328b | Olga Brani | font-size: 0.875em; |
2556 | b3c1328b | Olga Brani | white-space: nowrap; } |
2557 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover { |
2558 | b3c1328b | Olga Brani | background-color: #e2e2e2; } |
2559 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content { |
2560 | b3c1328b | Olga Brani | display: none; |
2561 | b3c1328b | Olga Brani | padding: 0.9375em; |
2562 | b3c1328b | Olga Brani | background-color: white; } |
2563 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child { |
2564 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2565 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section .content > *:first-child, .section-container.horizontal-nav > .section .content > *:first-child { |
2566 | b3c1328b | Olga Brani | padding-top: 0; } |
2567 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child { |
2568 | b3c1328b | Olga Brani | padding-bottom: 0; } |
2569 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content { |
2570 | b3c1328b | Olga Brani | display: block; } |
2571 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title { |
2572 | b3c1328b | Olga Brani | background: #d5d5d5; } |
2573 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a { |
2574 | b3c1328b | Olga Brani | color: #333333; } |
2575 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title { |
2576 | b3c1328b | Olga Brani | width: auto; |
2577 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
2578 | b3c1328b | Olga Brani | border-left: 0; |
2579 | b3c1328b | Olga Brani | top: -1px; |
2580 | b3c1328b | Olga Brani | position: absolute; |
2581 | b3c1328b | Olga Brani | z-index: 1; } |
2582 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a { |
2583 | b3c1328b | Olga Brani | width: 100%; } |
2584 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content { |
2585 | b3c1328b | Olga Brani | display: none; } |
2586 | b3c1328b | Olga Brani | .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content { |
2587 | b3c1328b | Olga Brani | display: block; |
2588 | b3c1328b | Olga Brani | position: absolute; |
2589 | b3c1328b | Olga Brani | z-index: 999; |
2590 | b3c1328b | Olga Brani | left: 0; |
2591 | b3c1328b | Olga Brani | top: -2px; |
2592 | b3c1328b | Olga Brani | min-width: 12.5em; |
2593 | b3c1328b | Olga Brani | border: solid 1px #cccccc; } } |
2594 | b3c1328b | Olga Brani | /* Wrapped around .top-bar to contain to grid width */
|
2595 | b3c1328b | Olga Brani | .contain-to-grid {
|
2596 | b3c1328b | Olga Brani | width: 100%; |
2597 | b3c1328b | Olga Brani | background: #111111; } |
2598 | b3c1328b | Olga Brani | |
2599 | b3c1328b | Olga Brani | .fixed {
|
2600 | b3c1328b | Olga Brani | width: 100%; |
2601 | b3c1328b | Olga Brani | left: 0; |
2602 | b3c1328b | Olga Brani | position: fixed; |
2603 | b3c1328b | Olga Brani | top: 0; |
2604 | b3c1328b | Olga Brani | z-index: 99; } |
2605 | b3c1328b | Olga Brani | |
2606 | b3c1328b | Olga Brani | .top-bar {
|
2607 | b3c1328b | Olga Brani | overflow: hidden; |
2608 | b3c1328b | Olga Brani | height: 45px; |
2609 | b3c1328b | Olga Brani | line-height: 45px; |
2610 | b3c1328b | Olga Brani | position: relative; |
2611 | b3c1328b | Olga Brani | background: #111111; |
2612 | b3c1328b | Olga Brani | margin-bottom: 1.875em; } |
2613 | b3c1328b | Olga Brani | .top-bar ul { |
2614 | b3c1328b | Olga Brani | margin-bottom: 0; |
2615 | b3c1328b | Olga Brani | list-style: none; } |
2616 | b3c1328b | Olga Brani | .top-bar .row { |
2617 | b3c1328b | Olga Brani | max-width: none; } |
2618 | b3c1328b | Olga Brani | .top-bar form, |
2619 | b3c1328b | Olga Brani | .top-bar input { |
2620 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2621 | b3c1328b | Olga Brani | .top-bar input { |
2622 | b3c1328b | Olga Brani | height: 2.45em; } |
2623 | b3c1328b | Olga Brani | .top-bar .button { |
2624 | b3c1328b | Olga Brani | padding-top: .5em; |
2625 | b3c1328b | Olga Brani | padding-bottom: .5em; |
2626 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2627 | b3c1328b | Olga Brani | .top-bar .title-area { |
2628 | b3c1328b | Olga Brani | position: relative; } |
2629 | b3c1328b | Olga Brani | .top-bar .name { |
2630 | b3c1328b | Olga Brani | height: 45px; |
2631 | b3c1328b | Olga Brani | margin: 0; |
2632 | b3c1328b | Olga Brani | font-size: 16px; } |
2633 | b3c1328b | Olga Brani | .top-bar .name h1 { |
2634 | b3c1328b | Olga Brani | line-height: 45px; |
2635 | b3c1328b | Olga Brani | font-size: 1.0625em; |
2636 | b3c1328b | Olga Brani | margin: 0; } |
2637 | b3c1328b | Olga Brani | .top-bar .name h1 a { |
2638 | b3c1328b | Olga Brani | font-weight: bold; |
2639 | b3c1328b | Olga Brani | color: white; |
2640 | b3c1328b | Olga Brani | width: 50%; |
2641 | b3c1328b | Olga Brani | display: block; |
2642 | b3c1328b | Olga Brani | padding: 0 15px; } |
2643 | b3c1328b | Olga Brani | .top-bar .toggle-topbar { |
2644 | b3c1328b | Olga Brani | position: absolute; |
2645 | b3c1328b | Olga Brani | right: 0; |
2646 | b3c1328b | Olga Brani | top: 0; } |
2647 | b3c1328b | Olga Brani | .top-bar .toggle-topbar a { |
2648 | b3c1328b | Olga Brani | color: white; |
2649 | b3c1328b | Olga Brani | text-transform: uppercase; |
2650 | b3c1328b | Olga Brani | font-size: 0.8125em; |
2651 | b3c1328b | Olga Brani | font-weight: bold; |
2652 | b3c1328b | Olga Brani | position: relative; |
2653 | b3c1328b | Olga Brani | display: block; |
2654 | b3c1328b | Olga Brani | padding: 0 15px; |
2655 | b3c1328b | Olga Brani | height: 45px; |
2656 | b3c1328b | Olga Brani | line-height: 45px; } |
2657 | b3c1328b | Olga Brani | .top-bar .toggle-topbar.menu-icon { |
2658 | b3c1328b | Olga Brani | right: 15px; |
2659 | b3c1328b | Olga Brani | top: 50%; |
2660 | b3c1328b | Olga Brani | margin-top: -16px; |
2661 | b3c1328b | Olga Brani | padding-left: 40px; } |
2662 | b3c1328b | Olga Brani | .top-bar .toggle-topbar.menu-icon a { |
2663 | b3c1328b | Olga Brani | text-indent: -48px; |
2664 | b3c1328b | Olga Brani | width: 34px; |
2665 | b3c1328b | Olga Brani | height: 34px; |
2666 | b3c1328b | Olga Brani | line-height: 33px; |
2667 | b3c1328b | Olga Brani | padding: 0; |
2668 | b3c1328b | Olga Brani | color: white; } |
2669 | b3c1328b | Olga Brani | .top-bar .toggle-topbar.menu-icon a span { |
2670 | b3c1328b | Olga Brani | position: absolute; |
2671 | b3c1328b | Olga Brani | right: 0; |
2672 | b3c1328b | Olga Brani | display: block; |
2673 | b3c1328b | Olga Brani | width: 16px; |
2674 | b3c1328b | Olga Brani | height: 0; |
2675 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; |
2676 | b3c1328b | Olga Brani | box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; } |
2677 | b3c1328b | Olga Brani | .top-bar.expanded { |
2678 | b3c1328b | Olga Brani | height: auto; |
2679 | b3c1328b | Olga Brani | background: transparent; } |
2680 | b3c1328b | Olga Brani | .top-bar.expanded .title-area { |
2681 | b3c1328b | Olga Brani | background: #111111; } |
2682 | b3c1328b | Olga Brani | .top-bar.expanded .toggle-topbar a { |
2683 | b3c1328b | Olga Brani | color: #888888; } |
2684 | b3c1328b | Olga Brani | .top-bar.expanded .toggle-topbar a span { |
2685 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; |
2686 | b3c1328b | Olga Brani | box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; } |
2687 | b3c1328b | Olga Brani | |
2688 | b3c1328b | Olga Brani | .top-bar-section {
|
2689 | b3c1328b | Olga Brani | left: 0; |
2690 | b3c1328b | Olga Brani | position: relative; |
2691 | b3c1328b | Olga Brani | width: auto; |
2692 | b3c1328b | Olga Brani | -webkit-transition: left 300ms ease-out; |
2693 | b3c1328b | Olga Brani | -moz-transition: left 300ms ease-out; |
2694 | b3c1328b | Olga Brani | transition: left 300ms ease-out; } |
2695 | b3c1328b | Olga Brani | .top-bar-section ul { |
2696 | b3c1328b | Olga Brani | width: 100%; |
2697 | b3c1328b | Olga Brani | height: auto; |
2698 | b3c1328b | Olga Brani | display: block; |
2699 | b3c1328b | Olga Brani | background: #333333; |
2700 | b3c1328b | Olga Brani | font-size: 16px; |
2701 | b3c1328b | Olga Brani | margin: 0; } |
2702 | b3c1328b | Olga Brani | .top-bar-section .divider, |
2703 | b3c1328b | Olga Brani | .top-bar-section [role="separator"] { |
2704 | b3c1328b | Olga Brani | border-bottom: solid 1px #4d4d4d; |
2705 | b3c1328b | Olga Brani | border-top: solid 1px #1a1a1a; |
2706 | b3c1328b | Olga Brani | clear: both; |
2707 | b3c1328b | Olga Brani | height: 1px; |
2708 | b3c1328b | Olga Brani | width: 100%; } |
2709 | b3c1328b | Olga Brani | .top-bar-section ul li > a { |
2710 | b3c1328b | Olga Brani | display: block; |
2711 | b3c1328b | Olga Brani | width: 100%; |
2712 | b3c1328b | Olga Brani | color: white; |
2713 | b3c1328b | Olga Brani | padding: 12px 0 12px 0; |
2714 | b3c1328b | Olga Brani | padding-left: 15px; |
2715 | b3c1328b | Olga Brani | font-size: 0.8125em; |
2716 | b3c1328b | Olga Brani | font-weight: bold; |
2717 | b3c1328b | Olga Brani | background: #333333; } |
2718 | b3c1328b | Olga Brani | .top-bar-section ul li > a:hover { |
2719 | b3c1328b | Olga Brani | background: #2b2b2b; } |
2720 | b3c1328b | Olga Brani | .top-bar-section ul li > a.button { |
2721 | b3c1328b | Olga Brani | background: #2ba6cb; |
2722 | b3c1328b | Olga Brani | font-size: 0.8125em; } |
2723 | b3c1328b | Olga Brani | .top-bar-section ul li > a.button:hover { |
2724 | b3c1328b | Olga Brani | background: #2284a1; } |
2725 | b3c1328b | Olga Brani | .top-bar-section ul li > a.button.secondary { |
2726 | b3c1328b | Olga Brani | background: #e9e9e9; } |
2727 | b3c1328b | Olga Brani | .top-bar-section ul li > a.button.secondary:hover { |
2728 | b3c1328b | Olga Brani | background: #d0d0d0; } |
2729 | b3c1328b | Olga Brani | .top-bar-section ul li > a.button.success { |
2730 | b3c1328b | Olga Brani | background: #5da423; } |
2731 | b3c1328b | Olga Brani | .top-bar-section ul li > a.button.success:hover { |
2732 | b3c1328b | Olga Brani | background: #457a1a; } |
2733 | b3c1328b | Olga Brani | .top-bar-section ul li > a.button.alert { |
2734 | b3c1328b | Olga Brani | background: #c60f13; } |
2735 | b3c1328b | Olga Brani | .top-bar-section ul li > a.button.alert:hover { |
2736 | b3c1328b | Olga Brani | background: #970b0e; } |
2737 | b3c1328b | Olga Brani | .top-bar-section ul li.active > a { |
2738 | b3c1328b | Olga Brani | background: #2b2b2b; } |
2739 | b3c1328b | Olga Brani | .top-bar-section .has-form { |
2740 | b3c1328b | Olga Brani | padding: 15px; } |
2741 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown { |
2742 | b3c1328b | Olga Brani | position: relative; } |
2743 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown > a:after { |
2744 | b3c1328b | Olga Brani | content: ""; |
2745 | b3c1328b | Olga Brani | display: block; |
2746 | b3c1328b | Olga Brani | width: 0; |
2747 | b3c1328b | Olga Brani | height: 0; |
2748 | b3c1328b | Olga Brani | border: inset 5px; |
2749 | b3c1328b | Olga Brani | border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); |
2750 | b3c1328b | Olga Brani | border-left-style: solid; |
2751 | b3c1328b | Olga Brani | margin-right: 15px; |
2752 | b3c1328b | Olga Brani | margin-top: -4.5px; |
2753 | b3c1328b | Olga Brani | position: absolute; |
2754 | b3c1328b | Olga Brani | top: 22px; |
2755 | b3c1328b | Olga Brani | right: 0; } |
2756 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown.moved { |
2757 | b3c1328b | Olga Brani | position: static; } |
2758 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown.moved > .dropdown { |
2759 | b3c1328b | Olga Brani | visibility: visible; } |
2760 | b3c1328b | Olga Brani | .top-bar-section .dropdown { |
2761 | b3c1328b | Olga Brani | position: absolute; |
2762 | b3c1328b | Olga Brani | left: 100%; |
2763 | b3c1328b | Olga Brani | top: 0; |
2764 | b3c1328b | Olga Brani | visibility: hidden; |
2765 | b3c1328b | Olga Brani | z-index: 99; } |
2766 | b3c1328b | Olga Brani | .top-bar-section .dropdown li { |
2767 | b3c1328b | Olga Brani | width: 100%; } |
2768 | b3c1328b | Olga Brani | .top-bar-section .dropdown li a { |
2769 | b3c1328b | Olga Brani | font-weight: normal; |
2770 | b3c1328b | Olga Brani | padding: 8px 15px; } |
2771 | b3c1328b | Olga Brani | .top-bar-section .dropdown li.title h5 { |
2772 | b3c1328b | Olga Brani | margin-bottom: 0; } |
2773 | b3c1328b | Olga Brani | .top-bar-section .dropdown li.title h5 a { |
2774 | b3c1328b | Olga Brani | color: white; |
2775 | b3c1328b | Olga Brani | line-height: 22.5px; |
2776 | b3c1328b | Olga Brani | display: block; } |
2777 | b3c1328b | Olga Brani | .top-bar-section .dropdown label { |
2778 | b3c1328b | Olga Brani | padding: 8px 15px 2px; |
2779 | b3c1328b | Olga Brani | margin-bottom: 0; |
2780 | b3c1328b | Olga Brani | text-transform: uppercase; |
2781 | b3c1328b | Olga Brani | color: #555555; |
2782 | b3c1328b | Olga Brani | font-weight: bold; |
2783 | b3c1328b | Olga Brani | font-size: 0.625em; } |
2784 | b3c1328b | Olga Brani | |
2785 | b3c1328b | Olga Brani | .top-bar-js-breakpoint {
|
2786 | b3c1328b | Olga Brani | width: 58.75em !important; |
2787 | b3c1328b | Olga Brani | visibility: hidden; } |
2788 | b3c1328b | Olga Brani | |
2789 | b3c1328b | Olga Brani | .js-generated {
|
2790 | b3c1328b | Olga Brani | display: block; } |
2791 | b3c1328b | Olga Brani | |
2792 | b3c1328b | Olga Brani | @media only screen and (min-width: 58.75em) { |
2793 | b3c1328b | Olga Brani | .top-bar {
|
2794 | b3c1328b | Olga Brani | background: #111111; |
2795 | b3c1328b | Olga Brani | *zoom: 1; |
2796 | b3c1328b | Olga Brani | overflow: visible; } |
2797 | b3c1328b | Olga Brani | .top-bar:before, .top-bar:after { |
2798 | b3c1328b | Olga Brani | content: " "; |
2799 | b3c1328b | Olga Brani | display: table; } |
2800 | b3c1328b | Olga Brani | .top-bar:after { |
2801 | b3c1328b | Olga Brani | clear: both; } |
2802 | b3c1328b | Olga Brani | .top-bar .toggle-topbar { |
2803 | b3c1328b | Olga Brani | display: none; } |
2804 | b3c1328b | Olga Brani | .top-bar .title-area { |
2805 | b3c1328b | Olga Brani | float: left; } |
2806 | b3c1328b | Olga Brani | .top-bar .name h1 a { |
2807 | b3c1328b | Olga Brani | width: auto; } |
2808 | b3c1328b | Olga Brani | .top-bar input, |
2809 | b3c1328b | Olga Brani | .top-bar .button { |
2810 | b3c1328b | Olga Brani | line-height: 2em; |
2811 | b3c1328b | Olga Brani | font-size: 0.875em; |
2812 | b3c1328b | Olga Brani | height: 2em; |
2813 | b3c1328b | Olga Brani | padding: 0 10px; |
2814 | b3c1328b | Olga Brani | position: relative; |
2815 | b3c1328b | Olga Brani | top: 8px; } |
2816 | b3c1328b | Olga Brani | .top-bar.expanded { |
2817 | b3c1328b | Olga Brani | background: #111111; } |
2818 | b3c1328b | Olga Brani | |
2819 | b3c1328b | Olga Brani | .contain-to-grid .top-bar { |
2820 | b3c1328b | Olga Brani | max-width: 62.5em; |
2821 | b3c1328b | Olga Brani | margin: 0 auto; |
2822 | b3c1328b | Olga Brani | margin-bottom: 1.875em; } |
2823 | b3c1328b | Olga Brani | |
2824 | b3c1328b | Olga Brani | .top-bar-section {
|
2825 | b3c1328b | Olga Brani | -webkit-transition: none 0 0; |
2826 | b3c1328b | Olga Brani | -moz-transition: none 0 0; |
2827 | b3c1328b | Olga Brani | transition: none 0 0; |
2828 | b3c1328b | Olga Brani | left: 0 !important; } |
2829 | b3c1328b | Olga Brani | .top-bar-section ul { |
2830 | b3c1328b | Olga Brani | width: auto; |
2831 | b3c1328b | Olga Brani | height: auto !important; |
2832 | b3c1328b | Olga Brani | display: inline; } |
2833 | b3c1328b | Olga Brani | .top-bar-section ul li { |
2834 | b3c1328b | Olga Brani | float: left; } |
2835 | b3c1328b | Olga Brani | .top-bar-section ul li .js-generated { |
2836 | b3c1328b | Olga Brani | display: none; } |
2837 | b3c1328b | Olga Brani | .top-bar-section li a:not(.button) { |
2838 | b3c1328b | Olga Brani | padding: 0 15px; |
2839 | b3c1328b | Olga Brani | line-height: 45px; |
2840 | b3c1328b | Olga Brani | background: #111111; } |
2841 | b3c1328b | Olga Brani | .top-bar-section li a:not(.button):hover { |
2842 | b3c1328b | Olga Brani | background: black; } |
2843 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown > a { |
2844 | b3c1328b | Olga Brani | padding-right: 35px !important; } |
2845 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown > a:after { |
2846 | b3c1328b | Olga Brani | content: ""; |
2847 | b3c1328b | Olga Brani | display: block; |
2848 | b3c1328b | Olga Brani | width: 0; |
2849 | b3c1328b | Olga Brani | height: 0; |
2850 | b3c1328b | Olga Brani | border: inset 5px; |
2851 | b3c1328b | Olga Brani | border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; |
2852 | b3c1328b | Olga Brani | border-top-style: solid; |
2853 | b3c1328b | Olga Brani | margin-top: -2.5px; |
2854 | b3c1328b | Olga Brani | top: 22.5px; } |
2855 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown.moved { |
2856 | b3c1328b | Olga Brani | position: relative; } |
2857 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown.moved > .dropdown { |
2858 | b3c1328b | Olga Brani | visibility: hidden; } |
2859 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown { |
2860 | b3c1328b | Olga Brani | visibility: visible; } |
2861 | b3c1328b | Olga Brani | .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { |
2862 | b3c1328b | Olga Brani | border: none; |
2863 | b3c1328b | Olga Brani | content: "\00bb"; |
2864 | b3c1328b | Olga Brani | margin-top: -15px; |
2865 | b3c1328b | Olga Brani | right: 5px; } |
2866 | b3c1328b | Olga Brani | .top-bar-section .dropdown { |
2867 | b3c1328b | Olga Brani | left: 0; |
2868 | b3c1328b | Olga Brani | top: auto; |
2869 | b3c1328b | Olga Brani | background: transparent; |
2870 | b3c1328b | Olga Brani | min-width: 100%; } |
2871 | b3c1328b | Olga Brani | .top-bar-section .dropdown li a { |
2872 | b3c1328b | Olga Brani | color: white; |
2873 | b3c1328b | Olga Brani | line-height: 1; |
2874 | b3c1328b | Olga Brani | white-space: nowrap; |
2875 | b3c1328b | Olga Brani | padding: 7px 15px; |
2876 | b3c1328b | Olga Brani | background: #1e1e1e; } |
2877 | b3c1328b | Olga Brani | .top-bar-section .dropdown li label { |
2878 | b3c1328b | Olga Brani | white-space: nowrap; |
2879 | b3c1328b | Olga Brani | background: #1e1e1e; } |
2880 | b3c1328b | Olga Brani | .top-bar-section .dropdown li .dropdown { |
2881 | b3c1328b | Olga Brani | left: 100%; |
2882 | b3c1328b | Olga Brani | top: 0; } |
2883 | b3c1328b | Olga Brani | .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { |
2884 | b3c1328b | Olga Brani | border-bottom: none; |
2885 | b3c1328b | Olga Brani | border-top: none; |
2886 | b3c1328b | Olga Brani | border-right: solid 1px #2b2b2b; |
2887 | b3c1328b | Olga Brani | border-left: solid 1px black; |
2888 | b3c1328b | Olga Brani | clear: none; |
2889 | b3c1328b | Olga Brani | height: 45px; |
2890 | b3c1328b | Olga Brani | width: 0px; } |
2891 | b3c1328b | Olga Brani | .top-bar-section .has-form { |
2892 | b3c1328b | Olga Brani | background: #111111; |
2893 | b3c1328b | Olga Brani | padding: 0 15px; |
2894 | b3c1328b | Olga Brani | height: 45px; } |
2895 | b3c1328b | Olga Brani | .top-bar-section ul.right li .dropdown { |
2896 | b3c1328b | Olga Brani | left: auto; |
2897 | b3c1328b | Olga Brani | right: 0; } |
2898 | b3c1328b | Olga Brani | .top-bar-section ul.right li .dropdown li .dropdown { |
2899 | b3c1328b | Olga Brani | right: 100%; } } |
2900 | b3c1328b | Olga Brani | .orbit-container {
|
2901 | b3c1328b | Olga Brani | overflow: hidden; |
2902 | b3c1328b | Olga Brani | width: 100%; |
2903 | b3c1328b | Olga Brani | position: relative; |
2904 | b3c1328b | Olga Brani | background: whitesmoke; } |
2905 | b3c1328b | Olga Brani | .orbit-container .orbit-slides-container { |
2906 | b3c1328b | Olga Brani | list-style: none; |
2907 | b3c1328b | Olga Brani | margin: 0; |
2908 | b3c1328b | Olga Brani | padding: 0; |
2909 | b3c1328b | Olga Brani | position: relative; } |
2910 | b3c1328b | Olga Brani | .orbit-container .orbit-slides-container img { |
2911 | b3c1328b | Olga Brani | display: block; } |
2912 | b3c1328b | Olga Brani | .orbit-container .orbit-slides-container > * { |
2913 | b3c1328b | Olga Brani | position: relative; |
2914 | b3c1328b | Olga Brani | float: left; |
2915 | b3c1328b | Olga Brani | height: 100%; } |
2916 | b3c1328b | Olga Brani | .orbit-container .orbit-slides-container > * .orbit-caption { |
2917 | b3c1328b | Olga Brani | position: absolute; |
2918 | b3c1328b | Olga Brani | bottom: 0; |
2919 | b3c1328b | Olga Brani | background-color: black; |
2920 | b3c1328b | Olga Brani | background-color: rgba(0, 0, 0, 0.6); |
2921 | b3c1328b | Olga Brani | color: #fff; |
2922 | b3c1328b | Olga Brani | width: 100%; |
2923 | b3c1328b | Olga Brani | padding: 10px 14px; |
2924 | b3c1328b | Olga Brani | font-size: 0.875em; } |
2925 | b3c1328b | Olga Brani | .orbit-container .orbit-slides-container > * .orbit-caption * { |
2926 | b3c1328b | Olga Brani | color: white; } |
2927 | b3c1328b | Olga Brani | .orbit-container .orbit-slide-number { |
2928 | b3c1328b | Olga Brani | position: absolute; |
2929 | b3c1328b | Olga Brani | top: 10px; |
2930 | b3c1328b | Olga Brani | left: 10px; |
2931 | b3c1328b | Olga Brani | font-size: 12px; |
2932 | b3c1328b | Olga Brani | color: white; |
2933 | b3c1328b | Olga Brani | background: rgba(0, 0, 0, 0); } |
2934 | b3c1328b | Olga Brani | .orbit-container .orbit-slide-number span { |
2935 | b3c1328b | Olga Brani | font-weight: 700; |
2936 | b3c1328b | Olga Brani | padding: 0.3125em; } |
2937 | b3c1328b | Olga Brani | .orbit-container .orbit-timer { |
2938 | b3c1328b | Olga Brani | position: absolute; |
2939 | b3c1328b | Olga Brani | top: 10px; |
2940 | b3c1328b | Olga Brani | right: 10px; |
2941 | b3c1328b | Olga Brani | height: 6px; |
2942 | b3c1328b | Olga Brani | width: 100px; } |
2943 | b3c1328b | Olga Brani | .orbit-container .orbit-timer .orbit-progress { |
2944 | b3c1328b | Olga Brani | height: 100%; |
2945 | b3c1328b | Olga Brani | background-color: black; |
2946 | b3c1328b | Olga Brani | background-color: rgba(0, 0, 0, 0.6); |
2947 | b3c1328b | Olga Brani | display: block; |
2948 | b3c1328b | Olga Brani | width: 0%; } |
2949 | b3c1328b | Olga Brani | .orbit-container .orbit-timer > span { |
2950 | b3c1328b | Olga Brani | display: none; |
2951 | b3c1328b | Olga Brani | position: absolute; |
2952 | b3c1328b | Olga Brani | top: 10px; |
2953 | b3c1328b | Olga Brani | right: 0px; |
2954 | b3c1328b | Olga Brani | width: 11px; |
2955 | b3c1328b | Olga Brani | height: 14px; |
2956 | b3c1328b | Olga Brani | border: solid 4px black; |
2957 | b3c1328b | Olga Brani | border-top: none; |
2958 | b3c1328b | Olga Brani | border-bottom: none; } |
2959 | b3c1328b | Olga Brani | .orbit-container .orbit-timer.paused > span { |
2960 | b3c1328b | Olga Brani | right: -6px; |
2961 | b3c1328b | Olga Brani | top: 9px; |
2962 | b3c1328b | Olga Brani | width: 11px; |
2963 | b3c1328b | Olga Brani | height: 14px; |
2964 | b3c1328b | Olga Brani | border: inset 8px; |
2965 | b3c1328b | Olga Brani | border-right-style: solid; |
2966 | b3c1328b | Olga Brani | border-color: transparent transparent transparent black; } |
2967 | b3c1328b | Olga Brani | .orbit-container:hover .orbit-timer > span { |
2968 | b3c1328b | Olga Brani | display: block; } |
2969 | b3c1328b | Olga Brani | .orbit-container .orbit-prev, |
2970 | b3c1328b | Olga Brani | .orbit-container .orbit-next { |
2971 | b3c1328b | Olga Brani | position: absolute; |
2972 | b3c1328b | Olga Brani | top: 50%; |
2973 | b3c1328b | Olga Brani | margin-top: -25px; |
2974 | b3c1328b | Olga Brani | background-color: black; |
2975 | b3c1328b | Olga Brani | background-color: rgba(0, 0, 0, 0.6); |
2976 | b3c1328b | Olga Brani | width: 50px; |
2977 | b3c1328b | Olga Brani | height: 60px; |
2978 | b3c1328b | Olga Brani | line-height: 50px; |
2979 | b3c1328b | Olga Brani | color: white; |
2980 | b3c1328b | Olga Brani | text-indent: -9999px !important; } |
2981 | b3c1328b | Olga Brani | .orbit-container .orbit-prev > span, |
2982 | b3c1328b | Olga Brani | .orbit-container .orbit-next > span { |
2983 | b3c1328b | Olga Brani | position: absolute; |
2984 | b3c1328b | Olga Brani | top: 50%; |
2985 | b3c1328b | Olga Brani | margin-top: -16px; |
2986 | b3c1328b | Olga Brani | display: block; |
2987 | b3c1328b | Olga Brani | width: 0; |
2988 | b3c1328b | Olga Brani | height: 0; |
2989 | b3c1328b | Olga Brani | border: inset 16px; } |
2990 | b3c1328b | Olga Brani | .orbit-container .orbit-prev { |
2991 | b3c1328b | Olga Brani | left: 0; } |
2992 | b3c1328b | Olga Brani | .orbit-container .orbit-prev > span { |
2993 | b3c1328b | Olga Brani | border-right-style: solid; |
2994 | b3c1328b | Olga Brani | border-color: transparent; |
2995 | b3c1328b | Olga Brani | border-right-color: #fff; } |
2996 | b3c1328b | Olga Brani | .orbit-container .orbit-prev:hover > span { |
2997 | b3c1328b | Olga Brani | border-right-color: #ccc; } |
2998 | b3c1328b | Olga Brani | .orbit-container .orbit-next { |
2999 | b3c1328b | Olga Brani | right: 0; } |
3000 | b3c1328b | Olga Brani | .orbit-container .orbit-next > span { |
3001 | b3c1328b | Olga Brani | border-color: transparent; |
3002 | b3c1328b | Olga Brani | border-left-style: solid; |
3003 | b3c1328b | Olga Brani | border-left-color: #fff; |
3004 | b3c1328b | Olga Brani | left: 50%; |
3005 | b3c1328b | Olga Brani | margin-left: -8px; } |
3006 | b3c1328b | Olga Brani | .orbit-container .orbit-next:hover > span { |
3007 | b3c1328b | Olga Brani | border-left-color: #ccc; } |
3008 | b3c1328b | Olga Brani | |
3009 | b3c1328b | Olga Brani | .orbit-bullets {
|
3010 | b3c1328b | Olga Brani | margin: 0 auto 30px auto; |
3011 | b3c1328b | Olga Brani | overflow: hidden; |
3012 | b3c1328b | Olga Brani | position: relative; |
3013 | b3c1328b | Olga Brani | top: 10px; } |
3014 | b3c1328b | Olga Brani | .orbit-bullets li { |
3015 | b3c1328b | Olga Brani | display: block; |
3016 | b3c1328b | Olga Brani | width: 18px; |
3017 | b3c1328b | Olga Brani | height: 18px; |
3018 | b3c1328b | Olga Brani | background: #999999; |
3019 | b3c1328b | Olga Brani | float: left; |
3020 | b3c1328b | Olga Brani | margin-right: 6px; |
3021 | b3c1328b | Olga Brani | border: solid 2px #222222; |
3022 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
3023 | b3c1328b | Olga Brani | border-radius: 1000px; } |
3024 | b3c1328b | Olga Brani | .orbit-bullets li.active { |
3025 | b3c1328b | Olga Brani | background: #222222; } |
3026 | b3c1328b | Olga Brani | .orbit-bullets li:last-child { |
3027 | b3c1328b | Olga Brani | margin-right: 0; } |
3028 | b3c1328b | Olga Brani | |
3029 | b3c1328b | Olga Brani | .touch .orbit-container .orbit-prev, |
3030 | b3c1328b | Olga Brani | .touch .orbit-container .orbit-next { |
3031 | b3c1328b | Olga Brani | display: none; } |
3032 | b3c1328b | Olga Brani | .touch .orbit-bullets { |
3033 | b3c1328b | Olga Brani | display: none; } |
3034 | b3c1328b | Olga Brani | |
3035 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
3036 | b3c1328b | Olga Brani | .touch .orbit-container .orbit-prev, |
3037 | b3c1328b | Olga Brani | .touch .orbit-container .orbit-next { |
3038 | b3c1328b | Olga Brani | display: inherit; } |
3039 | b3c1328b | Olga Brani | .touch .orbit-bullets { |
3040 | b3c1328b | Olga Brani | display: block; } } |
3041 | b3c1328b | Olga Brani | .reveal-modal-bg {
|
3042 | b3c1328b | Olga Brani | position: fixed; |
3043 | b3c1328b | Olga Brani | height: 100%; |
3044 | b3c1328b | Olga Brani | width: 100%; |
3045 | b3c1328b | Olga Brani | background: black; |
3046 | b3c1328b | Olga Brani | background: rgba(0, 0, 0, 0.45); |
3047 | b3c1328b | Olga Brani | z-index: 98; |
3048 | b3c1328b | Olga Brani | display: none; |
3049 | b3c1328b | Olga Brani | top: 0; |
3050 | b3c1328b | Olga Brani | left: 0; } |
3051 | b3c1328b | Olga Brani | |
3052 | b3c1328b | Olga Brani | .reveal-modal {
|
3053 | b3c1328b | Olga Brani | visibility: hidden; |
3054 | b3c1328b | Olga Brani | display: none; |
3055 | b3c1328b | Olga Brani | position: absolute; |
3056 | b3c1328b | Olga Brani | left: 50%; |
3057 | b3c1328b | Olga Brani | z-index: 99; |
3058 | b3c1328b | Olga Brani | height: auto; |
3059 | b3c1328b | Olga Brani | background-color: #fff; |
3060 | b3c1328b | Olga Brani | margin-left: -40%; |
3061 | b3c1328b | Olga Brani | width: 80%; |
3062 | b3c1328b | Olga Brani | background-color: white; |
3063 | b3c1328b | Olga Brani | padding: 1.25em; |
3064 | b3c1328b | Olga Brani | border: solid 1px #666666; |
3065 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); |
3066 | b3c1328b | Olga Brani | box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); |
3067 | b3c1328b | Olga Brani | top: 50px; } |
3068 | b3c1328b | Olga Brani | .reveal-modal .column, |
3069 | b3c1328b | Olga Brani | .reveal-modal .columns { |
3070 | b3c1328b | Olga Brani | min-width: 0; } |
3071 | b3c1328b | Olga Brani | .reveal-modal > :first-child { |
3072 | b3c1328b | Olga Brani | margin-top: 0; } |
3073 | b3c1328b | Olga Brani | .reveal-modal > :last-child { |
3074 | b3c1328b | Olga Brani | margin-bottom: 0; } |
3075 | b3c1328b | Olga Brani | .reveal-modal .close-reveal-modal { |
3076 | b3c1328b | Olga Brani | font-size: 1.375em; |
3077 | b3c1328b | Olga Brani | line-height: 1; |
3078 | b3c1328b | Olga Brani | position: absolute; |
3079 | b3c1328b | Olga Brani | top: 0.5em; |
3080 | b3c1328b | Olga Brani | right: 0.6875em; |
3081 | b3c1328b | Olga Brani | color: #aaaaaa; |
3082 | b3c1328b | Olga Brani | font-weight: bold; |
3083 | b3c1328b | Olga Brani | cursor: pointer; } |
3084 | b3c1328b | Olga Brani | |
3085 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
3086 | b3c1328b | Olga Brani | .reveal-modal {
|
3087 | b3c1328b | Olga Brani | padding: 1.875em; |
3088 | b3c1328b | Olga Brani | top: 6.25em; } |
3089 | b3c1328b | Olga Brani | .reveal-modal.tiny { |
3090 | b3c1328b | Olga Brani | margin-left: -15%; |
3091 | b3c1328b | Olga Brani | width: 30%; } |
3092 | b3c1328b | Olga Brani | .reveal-modal.small { |
3093 | b3c1328b | Olga Brani | margin-left: -20%; |
3094 | b3c1328b | Olga Brani | width: 40%; } |
3095 | b3c1328b | Olga Brani | .reveal-modal.medium { |
3096 | b3c1328b | Olga Brani | margin-left: -30%; |
3097 | b3c1328b | Olga Brani | width: 60%; } |
3098 | b3c1328b | Olga Brani | .reveal-modal.large { |
3099 | b3c1328b | Olga Brani | margin-left: -35%; |
3100 | b3c1328b | Olga Brani | width: 70%; } |
3101 | b3c1328b | Olga Brani | .reveal-modal.xlarge { |
3102 | b3c1328b | Olga Brani | margin-left: -47.5%; |
3103 | b3c1328b | Olga Brani | width: 95%; } } |
3104 | b3c1328b | Olga Brani | @media print { |
3105 | b3c1328b | Olga Brani | .reveal-modal {
|
3106 | b3c1328b | Olga Brani | background: white !important; } } |
3107 | b3c1328b | Olga Brani | /* Foundation Joyride */
|
3108 | b3c1328b | Olga Brani | .joyride-list {
|
3109 | b3c1328b | Olga Brani | display: none; } |
3110 | b3c1328b | Olga Brani | |
3111 | b3c1328b | Olga Brani | /* Default styles for the container */
|
3112 | b3c1328b | Olga Brani | .joyride-tip-guide {
|
3113 | b3c1328b | Olga Brani | display: none; |
3114 | b3c1328b | Olga Brani | position: absolute; |
3115 | b3c1328b | Olga Brani | background: black; |
3116 | b3c1328b | Olga Brani | color: white; |
3117 | b3c1328b | Olga Brani | z-index: 101; |
3118 | b3c1328b | Olga Brani | top: 0; |
3119 | b3c1328b | Olga Brani | left: 2.5%; |
3120 | b3c1328b | Olga Brani | font-family: inherit; |
3121 | b3c1328b | Olga Brani | font-weight: normal; |
3122 | b3c1328b | Olga Brani | width: 95%; } |
3123 | b3c1328b | Olga Brani | |
3124 | b3c1328b | Olga Brani | .lt-ie9 .joyride-tip-guide { |
3125 | b3c1328b | Olga Brani | max-width: 800px; |
3126 | b3c1328b | Olga Brani | left: 50%; |
3127 | b3c1328b | Olga Brani | margin-left: -400px; } |
3128 | b3c1328b | Olga Brani | |
3129 | b3c1328b | Olga Brani | .joyride-content-wrapper {
|
3130 | b3c1328b | Olga Brani | width: 100%; |
3131 | b3c1328b | Olga Brani | padding: 1.125em 1.25em 1.5em; } |
3132 | b3c1328b | Olga Brani | .joyride-content-wrapper .button { |
3133 | b3c1328b | Olga Brani | margin-bottom: 0 !important; } |
3134 | b3c1328b | Olga Brani | |
3135 | b3c1328b | Olga Brani | /* Add a little css triangle pip, older browser just miss out on the fanciness of it */
|
3136 | b3c1328b | Olga Brani | .joyride-tip-guide .joyride-nub { |
3137 | b3c1328b | Olga Brani | display: block; |
3138 | b3c1328b | Olga Brani | position: absolute; |
3139 | b3c1328b | Olga Brani | left: 22px; |
3140 | b3c1328b | Olga Brani | width: 0; |
3141 | b3c1328b | Olga Brani | height: 0; |
3142 | b3c1328b | Olga Brani | border: inset 14px; } |
3143 | b3c1328b | Olga Brani | .joyride-tip-guide .joyride-nub.top { |
3144 | b3c1328b | Olga Brani | border-top-style: solid; |
3145 | b3c1328b | Olga Brani | border-color: black; |
3146 | b3c1328b | Olga Brani | border-top-color: transparent !important; |
3147 | b3c1328b | Olga Brani | border-left-color: transparent !important; |
3148 | b3c1328b | Olga Brani | border-right-color: transparent !important; |
3149 | b3c1328b | Olga Brani | top: -28px; } |
3150 | b3c1328b | Olga Brani | .joyride-tip-guide .joyride-nub.bottom { |
3151 | b3c1328b | Olga Brani | border-bottom-style: solid; |
3152 | b3c1328b | Olga Brani | border-color: black !important; |
3153 | b3c1328b | Olga Brani | border-bottom-color: transparent !important; |
3154 | b3c1328b | Olga Brani | border-left-color: transparent !important; |
3155 | b3c1328b | Olga Brani | border-right-color: transparent !important; |
3156 | b3c1328b | Olga Brani | bottom: -28px; } |
3157 | b3c1328b | Olga Brani | .joyride-tip-guide .joyride-nub.right { |
3158 | b3c1328b | Olga Brani | right: -28px; } |
3159 | b3c1328b | Olga Brani | .joyride-tip-guide .joyride-nub.left { |
3160 | b3c1328b | Olga Brani | left: -28px; } |
3161 | b3c1328b | Olga Brani | |
3162 | b3c1328b | Olga Brani | /* Typography */
|
3163 | b3c1328b | Olga Brani | .joyride-tip-guide h1, |
3164 | b3c1328b | Olga Brani | .joyride-tip-guide h2, |
3165 | b3c1328b | Olga Brani | .joyride-tip-guide h3, |
3166 | b3c1328b | Olga Brani | .joyride-tip-guide h4, |
3167 | b3c1328b | Olga Brani | .joyride-tip-guide h5, |
3168 | b3c1328b | Olga Brani | .joyride-tip-guide h6 { |
3169 | b3c1328b | Olga Brani | line-height: 1.25; |
3170 | b3c1328b | Olga Brani | margin: 0; |
3171 | b3c1328b | Olga Brani | font-weight: bold; |
3172 | b3c1328b | Olga Brani | color: white; } |
3173 | b3c1328b | Olga Brani | |
3174 | b3c1328b | Olga Brani | .joyride-tip-guide p { |
3175 | b3c1328b | Olga Brani | margin: 0 0 1.125em 0; |
3176 | b3c1328b | Olga Brani | font-size: 0.875em; |
3177 | b3c1328b | Olga Brani | line-height: 1.3; } |
3178 | b3c1328b | Olga Brani | |
3179 | b3c1328b | Olga Brani | .joyride-timer-indicator-wrap {
|
3180 | b3c1328b | Olga Brani | width: 50px; |
3181 | b3c1328b | Olga Brani | height: 3px; |
3182 | b3c1328b | Olga Brani | border: solid 1px #555555; |
3183 | b3c1328b | Olga Brani | position: absolute; |
3184 | b3c1328b | Olga Brani | right: 1.0625em; |
3185 | b3c1328b | Olga Brani | bottom: 1em; } |
3186 | b3c1328b | Olga Brani | |
3187 | b3c1328b | Olga Brani | .joyride-timer-indicator {
|
3188 | b3c1328b | Olga Brani | display: block; |
3189 | b3c1328b | Olga Brani | width: 0; |
3190 | b3c1328b | Olga Brani | height: inherit; |
3191 | b3c1328b | Olga Brani | background: #666666; } |
3192 | b3c1328b | Olga Brani | |
3193 | b3c1328b | Olga Brani | .joyride-close-tip {
|
3194 | b3c1328b | Olga Brani | position: absolute; |
3195 | b3c1328b | Olga Brani | right: 12px; |
3196 | b3c1328b | Olga Brani | top: 10px; |
3197 | b3c1328b | Olga Brani | color: #777777 !important; |
3198 | b3c1328b | Olga Brani | text-decoration: none; |
3199 | b3c1328b | Olga Brani | font-size: 30px; |
3200 | b3c1328b | Olga Brani | font-weight: normal; |
3201 | b3c1328b | Olga Brani | line-height: 0.5 !important; } |
3202 | b3c1328b | Olga Brani | .joyride-close-tip:hover, .joyride-close-tip:focus { |
3203 | b3c1328b | Olga Brani | color: #eeeeee !important; } |
3204 | b3c1328b | Olga Brani | |
3205 | b3c1328b | Olga Brani | .joyride-modal-bg {
|
3206 | b3c1328b | Olga Brani | position: fixed; |
3207 | b3c1328b | Olga Brani | height: 100%; |
3208 | b3c1328b | Olga Brani | width: 100%; |
3209 | b3c1328b | Olga Brani | background: transparent; |
3210 | b3c1328b | Olga Brani | background: rgba(0, 0, 0, 0.5); |
3211 | b3c1328b | Olga Brani | z-index: 100; |
3212 | b3c1328b | Olga Brani | display: none; |
3213 | b3c1328b | Olga Brani | top: 0; |
3214 | b3c1328b | Olga Brani | left: 0; |
3215 | b3c1328b | Olga Brani | cursor: pointer; } |
3216 | b3c1328b | Olga Brani | |
3217 | b3c1328b | Olga Brani | .joyride-expose-wrapper {
|
3218 | b3c1328b | Olga Brani | background-color: #ffffff; |
3219 | b3c1328b | Olga Brani | position: absolute; |
3220 | b3c1328b | Olga Brani | border-radius: 3px; |
3221 | b3c1328b | Olga Brani | z-index: 102; |
3222 | b3c1328b | Olga Brani | -moz-box-shadow: 0px 0px 30px white; |
3223 | b3c1328b | Olga Brani | -webkit-box-shadow: 0px 0px 15px white; |
3224 | b3c1328b | Olga Brani | box-shadow: 0px 0px 15px white; } |
3225 | b3c1328b | Olga Brani | |
3226 | b3c1328b | Olga Brani | .joyride-expose-cover {
|
3227 | b3c1328b | Olga Brani | background: transparent; |
3228 | b3c1328b | Olga Brani | border-radius: 3px; |
3229 | b3c1328b | Olga Brani | position: absolute; |
3230 | b3c1328b | Olga Brani | z-index: 9999; |
3231 | b3c1328b | Olga Brani | top: 0px; |
3232 | b3c1328b | Olga Brani | left: 0px; } |
3233 | b3c1328b | Olga Brani | |
3234 | b3c1328b | Olga Brani | /* Styles for screens that are atleast 768px; */
|
3235 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
3236 | b3c1328b | Olga Brani | .joyride-tip-guide {
|
3237 | b3c1328b | Olga Brani | width: 300px; |
3238 | b3c1328b | Olga Brani | left: inherit; } |
3239 | b3c1328b | Olga Brani | .joyride-tip-guide .joyride-nub.bottom { |
3240 | b3c1328b | Olga Brani | border-color: black !important; |
3241 | b3c1328b | Olga Brani | border-bottom-color: transparent !important; |
3242 | b3c1328b | Olga Brani | border-left-color: transparent !important; |
3243 | b3c1328b | Olga Brani | border-right-color: transparent !important; |
3244 | b3c1328b | Olga Brani | bottom: -28px; } |
3245 | b3c1328b | Olga Brani | .joyride-tip-guide .joyride-nub.right { |
3246 | b3c1328b | Olga Brani | border-color: black !important; |
3247 | b3c1328b | Olga Brani | border-top-color: transparent !important; |
3248 | b3c1328b | Olga Brani | border-right-color: transparent !important; |
3249 | b3c1328b | Olga Brani | border-bottom-color: transparent !important; |
3250 | b3c1328b | Olga Brani | top: 22px; |
3251 | b3c1328b | Olga Brani | left: auto; |
3252 | b3c1328b | Olga Brani | right: -28px; } |
3253 | b3c1328b | Olga Brani | .joyride-tip-guide .joyride-nub.left { |
3254 | b3c1328b | Olga Brani | border-color: black !important; |
3255 | b3c1328b | Olga Brani | border-top-color: transparent !important; |
3256 | b3c1328b | Olga Brani | border-left-color: transparent !important; |
3257 | b3c1328b | Olga Brani | border-bottom-color: transparent !important; |
3258 | b3c1328b | Olga Brani | top: 22px; |
3259 | b3c1328b | Olga Brani | left: -28px; |
3260 | b3c1328b | Olga Brani | right: auto; } } |
3261 | b3c1328b | Olga Brani | /* Clearing Styles */
|
3262 | b3c1328b | Olga Brani | [data-clearing] {
|
3263 | b3c1328b | Olga Brani | *zoom: 1; |
3264 | b3c1328b | Olga Brani | margin-bottom: 0; |
3265 | b3c1328b | Olga Brani | list-style: none; } |
3266 | b3c1328b | Olga Brani | [data-clearing]:before, [data-clearing]:after { |
3267 | b3c1328b | Olga Brani | content: " "; |
3268 | b3c1328b | Olga Brani | display: table; } |
3269 | b3c1328b | Olga Brani | [data-clearing]:after { |
3270 | b3c1328b | Olga Brani | clear: both; } |
3271 | b3c1328b | Olga Brani | [data-clearing] li { |
3272 | b3c1328b | Olga Brani | float: left; |
3273 | b3c1328b | Olga Brani | margin-right: 10px; } |
3274 | b3c1328b | Olga Brani | |
3275 | b3c1328b | Olga Brani | .clearing-blackout {
|
3276 | b3c1328b | Olga Brani | background: #111111; |
3277 | b3c1328b | Olga Brani | position: fixed; |
3278 | b3c1328b | Olga Brani | width: 100%; |
3279 | b3c1328b | Olga Brani | height: 100%; |
3280 | b3c1328b | Olga Brani | top: 0; |
3281 | b3c1328b | Olga Brani | left: 0; |
3282 | b3c1328b | Olga Brani | z-index: 998; } |
3283 | b3c1328b | Olga Brani | .clearing-blackout .clearing-close { |
3284 | b3c1328b | Olga Brani | display: block; } |
3285 | b3c1328b | Olga Brani | |
3286 | b3c1328b | Olga Brani | .clearing-container {
|
3287 | b3c1328b | Olga Brani | position: relative; |
3288 | b3c1328b | Olga Brani | z-index: 998; |
3289 | b3c1328b | Olga Brani | height: 100%; |
3290 | b3c1328b | Olga Brani | overflow: hidden; |
3291 | b3c1328b | Olga Brani | margin: 0; } |
3292 | b3c1328b | Olga Brani | |
3293 | b3c1328b | Olga Brani | .visible-img {
|
3294 | b3c1328b | Olga Brani | height: 95%; |
3295 | b3c1328b | Olga Brani | position: relative; } |
3296 | b3c1328b | Olga Brani | .visible-img img { |
3297 | b3c1328b | Olga Brani | position: absolute; |
3298 | b3c1328b | Olga Brani | left: 50%; |
3299 | b3c1328b | Olga Brani | top: 50%; |
3300 | b3c1328b | Olga Brani | margin-left: -50%; |
3301 | b3c1328b | Olga Brani | max-height: 100%; |
3302 | b3c1328b | Olga Brani | max-width: 100%; } |
3303 | b3c1328b | Olga Brani | |
3304 | b3c1328b | Olga Brani | .clearing-caption {
|
3305 | b3c1328b | Olga Brani | color: white; |
3306 | b3c1328b | Olga Brani | line-height: 1.3; |
3307 | b3c1328b | Olga Brani | margin-bottom: 0; |
3308 | b3c1328b | Olga Brani | text-align: center; |
3309 | b3c1328b | Olga Brani | bottom: 0; |
3310 | b3c1328b | Olga Brani | background: #111111; |
3311 | b3c1328b | Olga Brani | width: 100%; |
3312 | b3c1328b | Olga Brani | padding: 10px 30px; |
3313 | b3c1328b | Olga Brani | position: absolute; |
3314 | b3c1328b | Olga Brani | left: 0; } |
3315 | b3c1328b | Olga Brani | |
3316 | b3c1328b | Olga Brani | .clearing-close {
|
3317 | b3c1328b | Olga Brani | z-index: 999; |
3318 | b3c1328b | Olga Brani | padding-left: 20px; |
3319 | b3c1328b | Olga Brani | padding-top: 10px; |
3320 | b3c1328b | Olga Brani | font-size: 40px; |
3321 | b3c1328b | Olga Brani | line-height: 1; |
3322 | b3c1328b | Olga Brani | color: white; |
3323 | b3c1328b | Olga Brani | display: none; } |
3324 | b3c1328b | Olga Brani | .clearing-close:hover, .clearing-close:focus { |
3325 | b3c1328b | Olga Brani | color: #ccc; } |
3326 | b3c1328b | Olga Brani | |
3327 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container { |
3328 | b3c1328b | Olga Brani | height: 100%; } |
3329 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .carousel > ul { |
3330 | b3c1328b | Olga Brani | display: none; } |
3331 | b3c1328b | Olga Brani | |
3332 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
3333 | b3c1328b | Olga Brani | .clearing-main-prev,
|
3334 | b3c1328b | Olga Brani | .clearing-main-next {
|
3335 | b3c1328b | Olga Brani | position: absolute; |
3336 | b3c1328b | Olga Brani | height: 100%; |
3337 | b3c1328b | Olga Brani | width: 40px; |
3338 | b3c1328b | Olga Brani | top: 0; } |
3339 | b3c1328b | Olga Brani | .clearing-main-prev > span, |
3340 | b3c1328b | Olga Brani | .clearing-main-next > span { |
3341 | b3c1328b | Olga Brani | position: absolute; |
3342 | b3c1328b | Olga Brani | top: 50%; |
3343 | b3c1328b | Olga Brani | display: block; |
3344 | b3c1328b | Olga Brani | width: 0; |
3345 | b3c1328b | Olga Brani | height: 0; |
3346 | b3c1328b | Olga Brani | border: solid 16px; } |
3347 | b3c1328b | Olga Brani | |
3348 | b3c1328b | Olga Brani | .clearing-main-prev {
|
3349 | b3c1328b | Olga Brani | left: 0; } |
3350 | b3c1328b | Olga Brani | .clearing-main-prev > span { |
3351 | b3c1328b | Olga Brani | left: 5px; |
3352 | b3c1328b | Olga Brani | border-color: transparent; |
3353 | b3c1328b | Olga Brani | border-right-color: white; } |
3354 | b3c1328b | Olga Brani | |
3355 | b3c1328b | Olga Brani | .clearing-main-next {
|
3356 | b3c1328b | Olga Brani | right: 0; } |
3357 | b3c1328b | Olga Brani | .clearing-main-next > span { |
3358 | b3c1328b | Olga Brani | border-color: transparent; |
3359 | b3c1328b | Olga Brani | border-left-color: white; } |
3360 | b3c1328b | Olga Brani | |
3361 | b3c1328b | Olga Brani | .clearing-main-prev.disabled, |
3362 | b3c1328b | Olga Brani | .clearing-main-next.disabled { |
3363 | b3c1328b | Olga Brani | opacity: 0.5; } |
3364 | b3c1328b | Olga Brani | |
3365 | b3c1328b | Olga Brani | .clearing-feature ~ li { |
3366 | b3c1328b | Olga Brani | display: none; } |
3367 | b3c1328b | Olga Brani | |
3368 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .carousel { |
3369 | b3c1328b | Olga Brani | background: #111111; |
3370 | b3c1328b | Olga Brani | height: 150px; |
3371 | b3c1328b | Olga Brani | margin-top: 5px; } |
3372 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .carousel > ul { |
3373 | b3c1328b | Olga Brani | display: block; |
3374 | b3c1328b | Olga Brani | z-index: 999; |
3375 | b3c1328b | Olga Brani | width: 200%; |
3376 | b3c1328b | Olga Brani | height: 100%; |
3377 | b3c1328b | Olga Brani | margin-left: 0; |
3378 | b3c1328b | Olga Brani | position: relative; |
3379 | b3c1328b | Olga Brani | left: 0; } |
3380 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .carousel > ul li { |
3381 | b3c1328b | Olga Brani | display: block; |
3382 | b3c1328b | Olga Brani | width: 175px; |
3383 | b3c1328b | Olga Brani | height: inherit; |
3384 | b3c1328b | Olga Brani | padding: 0; |
3385 | b3c1328b | Olga Brani | float: left; |
3386 | b3c1328b | Olga Brani | overflow: hidden; |
3387 | b3c1328b | Olga Brani | margin-right: 1px; |
3388 | b3c1328b | Olga Brani | position: relative; |
3389 | b3c1328b | Olga Brani | cursor: pointer; |
3390 | b3c1328b | Olga Brani | opacity: 0.4; } |
3391 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .carousel > ul li.fix-height img { |
3392 | b3c1328b | Olga Brani | min-height: 100%; |
3393 | b3c1328b | Olga Brani | height: 100%; |
3394 | b3c1328b | Olga Brani | max-width: none; } |
3395 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .carousel > ul li a.th { |
3396 | b3c1328b | Olga Brani | border: none; |
3397 | b3c1328b | Olga Brani | -webkit-box-shadow: none; |
3398 | b3c1328b | Olga Brani | box-shadow: none; |
3399 | b3c1328b | Olga Brani | display: block; } |
3400 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .carousel > ul li img { |
3401 | b3c1328b | Olga Brani | cursor: pointer !important; |
3402 | b3c1328b | Olga Brani | min-width: 100% !important; } |
3403 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .carousel > ul li.visible { |
3404 | b3c1328b | Olga Brani | opacity: 1; } |
3405 | b3c1328b | Olga Brani | .clearing-assembled .clearing-container .visible-img { |
3406 | b3c1328b | Olga Brani | background: #111111; |
3407 | b3c1328b | Olga Brani | overflow: hidden; |
3408 | b3c1328b | Olga Brani | height: 75%; } |
3409 | b3c1328b | Olga Brani | |
3410 | b3c1328b | Olga Brani | .clearing-close {
|
3411 | b3c1328b | Olga Brani | position: absolute; |
3412 | b3c1328b | Olga Brani | top: 10px; |
3413 | b3c1328b | Olga Brani | right: 20px; |
3414 | b3c1328b | Olga Brani | padding-left: 0; |
3415 | b3c1328b | Olga Brani | padding-top: 0; } } |
3416 | b3c1328b | Olga Brani | /* Foundation Alerts */
|
3417 | b3c1328b | Olga Brani | .alert-box {
|
3418 | b3c1328b | Olga Brani | border-style: solid; |
3419 | b3c1328b | Olga Brani | border-width: 1px; |
3420 | b3c1328b | Olga Brani | display: block; |
3421 | b3c1328b | Olga Brani | font-weight: bold; |
3422 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
3423 | b3c1328b | Olga Brani | position: relative; |
3424 | b3c1328b | Olga Brani | padding: 0.6875em 1.3125em 0.75em 0.6875em; |
3425 | b3c1328b | Olga Brani | font-size: 0.875em; |
3426 | b3c1328b | Olga Brani | background-color: #2ba6cb; |
3427 | b3c1328b | Olga Brani | border-color: #2284a1; |
3428 | b3c1328b | Olga Brani | color: white; } |
3429 | b3c1328b | Olga Brani | .alert-box .close { |
3430 | b3c1328b | Olga Brani | font-size: 1.375em; |
3431 | b3c1328b | Olga Brani | padding: 5px 4px 4px; |
3432 | b3c1328b | Olga Brani | line-height: 0; |
3433 | b3c1328b | Olga Brani | position: absolute; |
3434 | b3c1328b | Olga Brani | top: 0.4375em; |
3435 | b3c1328b | Olga Brani | right: 0.3125em; |
3436 | b3c1328b | Olga Brani | color: #333333; |
3437 | b3c1328b | Olga Brani | opacity: 0.3; } |
3438 | b3c1328b | Olga Brani | .alert-box .close:hover, .alert-box .close:focus { |
3439 | b3c1328b | Olga Brani | opacity: 0.5; } |
3440 | b3c1328b | Olga Brani | .alert-box.radius { |
3441 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
3442 | b3c1328b | Olga Brani | border-radius: 3px; } |
3443 | b3c1328b | Olga Brani | .alert-box.round { |
3444 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
3445 | b3c1328b | Olga Brani | border-radius: 1000px; } |
3446 | b3c1328b | Olga Brani | .alert-box.success { |
3447 | b3c1328b | Olga Brani | background-color: #5da423; |
3448 | b3c1328b | Olga Brani | border-color: #457a1a; |
3449 | b3c1328b | Olga Brani | color: white; } |
3450 | b3c1328b | Olga Brani | .alert-box.alert { |
3451 | b3c1328b | Olga Brani | background-color: #c60f13; |
3452 | b3c1328b | Olga Brani | border-color: #970b0e; |
3453 | b3c1328b | Olga Brani | color: white; } |
3454 | b3c1328b | Olga Brani | .alert-box.secondary { |
3455 | b3c1328b | Olga Brani | background-color: #e9e9e9; |
3456 | b3c1328b | Olga Brani | border-color: #d0d0d0; |
3457 | b3c1328b | Olga Brani | color: #505050; } |
3458 | b3c1328b | Olga Brani | |
3459 | b3c1328b | Olga Brani | /* Breadcrumbs */
|
3460 | b3c1328b | Olga Brani | .breadcrumbs {
|
3461 | b3c1328b | Olga Brani | display: block; |
3462 | b3c1328b | Olga Brani | padding: 0.5625em 0.875em 0.5625em; |
3463 | b3c1328b | Olga Brani | overflow: hidden; |
3464 | b3c1328b | Olga Brani | margin-left: 0; |
3465 | b3c1328b | Olga Brani | list-style: none; |
3466 | b3c1328b | Olga Brani | border-style: solid; |
3467 | b3c1328b | Olga Brani | border-width: 1px; |
3468 | b3c1328b | Olga Brani | background-color: #f6f6f6; |
3469 | b3c1328b | Olga Brani | border-color: gainsboro; |
3470 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
3471 | b3c1328b | Olga Brani | border-radius: 3px; } |
3472 | b3c1328b | Olga Brani | .breadcrumbs > * { |
3473 | b3c1328b | Olga Brani | margin: 0; |
3474 | b3c1328b | Olga Brani | float: left; |
3475 | b3c1328b | Olga Brani | font-size: 0.6875em; |
3476 | b3c1328b | Olga Brani | text-transform: uppercase; |
3477 | b3c1328b | Olga Brani | color: #2ba6cb; } |
3478 | b3c1328b | Olga Brani | .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { |
3479 | b3c1328b | Olga Brani | text-decoration: underline; } |
3480 | b3c1328b | Olga Brani | .breadcrumbs > * a, |
3481 | b3c1328b | Olga Brani | .breadcrumbs > * span { |
3482 | b3c1328b | Olga Brani | text-transform: uppercase; |
3483 | b3c1328b | Olga Brani | color: #2ba6cb; } |
3484 | b3c1328b | Olga Brani | .breadcrumbs > *.current { |
3485 | b3c1328b | Olga Brani | cursor: default; |
3486 | b3c1328b | Olga Brani | color: #333333; } |
3487 | b3c1328b | Olga Brani | .breadcrumbs > *.current a { |
3488 | b3c1328b | Olga Brani | cursor: default; |
3489 | b3c1328b | Olga Brani | color: #333333; } |
3490 | b3c1328b | Olga Brani | .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { |
3491 | b3c1328b | Olga Brani | text-decoration: none; } |
3492 | b3c1328b | Olga Brani | .breadcrumbs > *.unavailable { |
3493 | b3c1328b | Olga Brani | color: #999999; } |
3494 | b3c1328b | Olga Brani | .breadcrumbs > *.unavailable a { |
3495 | b3c1328b | Olga Brani | color: #999999; } |
3496 | b3c1328b | Olga Brani | .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, |
3497 | b3c1328b | Olga Brani | .breadcrumbs > *.unavailable a:focus { |
3498 | b3c1328b | Olga Brani | text-decoration: none; |
3499 | b3c1328b | Olga Brani | color: #999999; |
3500 | b3c1328b | Olga Brani | cursor: default; } |
3501 | b3c1328b | Olga Brani | .breadcrumbs > *:before { |
3502 | b3c1328b | Olga Brani | content: "/"; |
3503 | b3c1328b | Olga Brani | color: #aaaaaa; |
3504 | b3c1328b | Olga Brani | margin: 0 0.75em; |
3505 | b3c1328b | Olga Brani | position: relative; |
3506 | b3c1328b | Olga Brani | top: 1px; } |
3507 | b3c1328b | Olga Brani | .breadcrumbs > *:first-child:before { |
3508 | b3c1328b | Olga Brani | content: " "; |
3509 | b3c1328b | Olga Brani | margin: 0; } |
3510 | b3c1328b | Olga Brani | |
3511 | b3c1328b | Olga Brani | /* Keystroke Characters */
|
3512 | b3c1328b | Olga Brani | .keystroke,
|
3513 | b3c1328b | Olga Brani | kbd {
|
3514 | b3c1328b | Olga Brani | background-color: #ededed; |
3515 | b3c1328b | Olga Brani | border-color: #dbdbdb; |
3516 | b3c1328b | Olga Brani | color: #222222; |
3517 | b3c1328b | Olga Brani | border-style: solid; |
3518 | b3c1328b | Olga Brani | border-width: 1px; |
3519 | b3c1328b | Olga Brani | margin: 0; |
3520 | b3c1328b | Olga Brani | font-family: "Consolas", "Menlo", "Courier", monospace; |
3521 | b3c1328b | Olga Brani | font-size: 0.9375em; |
3522 | b3c1328b | Olga Brani | padding: 0.125em 0.25em 0em; |
3523 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
3524 | b3c1328b | Olga Brani | border-radius: 3px; } |
3525 | b3c1328b | Olga Brani | |
3526 | b3c1328b | Olga Brani | /* Labels */
|
3527 | b3c1328b | Olga Brani | .label {
|
3528 | b3c1328b | Olga Brani | font-weight: bold; |
3529 | b3c1328b | Olga Brani | text-align: center; |
3530 | b3c1328b | Olga Brani | text-decoration: none; |
3531 | b3c1328b | Olga Brani | line-height: 1; |
3532 | b3c1328b | Olga Brani | white-space: nowrap; |
3533 | b3c1328b | Olga Brani | display: inline-block; |
3534 | b3c1328b | Olga Brani | position: relative; |
3535 | b3c1328b | Olga Brani | padding: 0.1875em 0.625em 0.25em; |
3536 | b3c1328b | Olga Brani | font-size: 0.875em; |
3537 | b3c1328b | Olga Brani | background-color: #2ba6cb; |
3538 | b3c1328b | Olga Brani | color: white; } |
3539 | b3c1328b | Olga Brani | .label.radius { |
3540 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
3541 | b3c1328b | Olga Brani | border-radius: 3px; } |
3542 | b3c1328b | Olga Brani | .label.round { |
3543 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
3544 | b3c1328b | Olga Brani | border-radius: 1000px; } |
3545 | b3c1328b | Olga Brani | .label.alert { |
3546 | b3c1328b | Olga Brani | background-color: #c60f13; |
3547 | b3c1328b | Olga Brani | color: white; } |
3548 | b3c1328b | Olga Brani | .label.success { |
3549 | b3c1328b | Olga Brani | background-color: #5da423; |
3550 | b3c1328b | Olga Brani | color: white; } |
3551 | b3c1328b | Olga Brani | .label.secondary { |
3552 | b3c1328b | Olga Brani | background-color: #e9e9e9; |
3553 | b3c1328b | Olga Brani | color: #333333; } |
3554 | b3c1328b | Olga Brani | |
3555 | b3c1328b | Olga Brani | /* Inline Lists */
|
3556 | b3c1328b | Olga Brani | .inline-list {
|
3557 | b3c1328b | Olga Brani | margin: 0 auto 1.0625em auto; |
3558 | b3c1328b | Olga Brani | margin-left: -1.375em; |
3559 | b3c1328b | Olga Brani | margin-right: 0; |
3560 | b3c1328b | Olga Brani | padding: 0; |
3561 | b3c1328b | Olga Brani | list-style: none; |
3562 | b3c1328b | Olga Brani | overflow: hidden; } |
3563 | b3c1328b | Olga Brani | .inline-list > li { |
3564 | b3c1328b | Olga Brani | list-style: none; |
3565 | b3c1328b | Olga Brani | float: left; |
3566 | b3c1328b | Olga Brani | margin-left: 1.375em; |
3567 | b3c1328b | Olga Brani | display: block; } |
3568 | b3c1328b | Olga Brani | .inline-list > li > * { |
3569 | b3c1328b | Olga Brani | display: block; } |
3570 | b3c1328b | Olga Brani | |
3571 | b3c1328b | Olga Brani | /* Pagination */
|
3572 | b3c1328b | Olga Brani | .pagination {
|
3573 | b3c1328b | Olga Brani | display: block; |
3574 | b3c1328b | Olga Brani | height: 1.5em; |
3575 | b3c1328b | Olga Brani | margin-left: -0.3125em; } |
3576 | b3c1328b | Olga Brani | .pagination li { |
3577 | b3c1328b | Olga Brani | display: block; |
3578 | b3c1328b | Olga Brani | float: left; |
3579 | b3c1328b | Olga Brani | height: 1.5em; |
3580 | b3c1328b | Olga Brani | color: #222222; |
3581 | b3c1328b | Olga Brani | font-size: 0.875em; |
3582 | b3c1328b | Olga Brani | margin-left: 0.3125em; } |
3583 | b3c1328b | Olga Brani | .pagination li a { |
3584 | b3c1328b | Olga Brani | display: block; |
3585 | b3c1328b | Olga Brani | padding: 0.0625em 0.4375em 0.0625em; |
3586 | b3c1328b | Olga Brani | color: #999999; } |
3587 | b3c1328b | Olga Brani | .pagination li:hover a, |
3588 | b3c1328b | Olga Brani | .pagination li a:focus { |
3589 | b3c1328b | Olga Brani | background: #e6e6e6; } |
3590 | b3c1328b | Olga Brani | .pagination li.unavailable a { |
3591 | b3c1328b | Olga Brani | cursor: default; |
3592 | b3c1328b | Olga Brani | color: #999999; } |
3593 | b3c1328b | Olga Brani | .pagination li.unavailable:hover a, .pagination li.unavailable a:focus { |
3594 | b3c1328b | Olga Brani | background: transparent; } |
3595 | b3c1328b | Olga Brani | .pagination li.current a { |
3596 | b3c1328b | Olga Brani | background: #2ba6cb; |
3597 | b3c1328b | Olga Brani | color: white; |
3598 | b3c1328b | Olga Brani | font-weight: bold; |
3599 | b3c1328b | Olga Brani | cursor: default; } |
3600 | b3c1328b | Olga Brani | .pagination li.current a:hover, .pagination li.current a:focus { |
3601 | b3c1328b | Olga Brani | background: #2ba6cb; } |
3602 | b3c1328b | Olga Brani | |
3603 | b3c1328b | Olga Brani | .pagination-centered {
|
3604 | b3c1328b | Olga Brani | text-align: center; } |
3605 | b3c1328b | Olga Brani | .pagination-centered ul > li { |
3606 | b3c1328b | Olga Brani | float: none; |
3607 | b3c1328b | Olga Brani | display: inline-block; } |
3608 | b3c1328b | Olga Brani | |
3609 | b3c1328b | Olga Brani | /* Panels */
|
3610 | b3c1328b | Olga Brani | .panel {
|
3611 | b3c1328b | Olga Brani | border-style: solid; |
3612 | b3c1328b | Olga Brani | border-width: 1px; |
3613 | b3c1328b | Olga Brani | border-color: #d9d9d9; |
3614 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
3615 | b3c1328b | Olga Brani | padding: 1.25em; |
3616 | b3c1328b | Olga Brani | background: #f2f2f2; } |
3617 | b3c1328b | Olga Brani | .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p { |
3618 | b3c1328b | Olga Brani | color: #333333; } |
3619 | b3c1328b | Olga Brani | .panel > :first-child { |
3620 | b3c1328b | Olga Brani | margin-top: 0; } |
3621 | b3c1328b | Olga Brani | .panel > :last-child { |
3622 | b3c1328b | Olga Brani | margin-bottom: 0; } |
3623 | b3c1328b | Olga Brani | .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { |
3624 | b3c1328b | Olga Brani | line-height: 1; |
3625 | b3c1328b | Olga Brani | margin-bottom: 0.625em; } |
3626 | b3c1328b | Olga Brani | .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { |
3627 | b3c1328b | Olga Brani | line-height: 1.4; } |
3628 | b3c1328b | Olga Brani | .panel.callout { |
3629 | b3c1328b | Olga Brani | border-style: solid; |
3630 | b3c1328b | Olga Brani | border-width: 1px; |
3631 | b3c1328b | Olga Brani | border-color: #2284a1; |
3632 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
3633 | b3c1328b | Olga Brani | padding: 1.25em; |
3634 | b3c1328b | Olga Brani | background: #2ba6cb; |
3635 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; |
3636 | b3c1328b | Olga Brani | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } |
3637 | b3c1328b | Olga Brani | .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p { |
3638 | b3c1328b | Olga Brani | color: white; } |
3639 | b3c1328b | Olga Brani | .panel.callout > :first-child { |
3640 | b3c1328b | Olga Brani | margin-top: 0; } |
3641 | b3c1328b | Olga Brani | .panel.callout > :last-child { |
3642 | b3c1328b | Olga Brani | margin-bottom: 0; } |
3643 | b3c1328b | Olga Brani | .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { |
3644 | b3c1328b | Olga Brani | line-height: 1; |
3645 | b3c1328b | Olga Brani | margin-bottom: 0.625em; } |
3646 | b3c1328b | Olga Brani | .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { |
3647 | b3c1328b | Olga Brani | line-height: 1.4; } |
3648 | b3c1328b | Olga Brani | .panel.radius { |
3649 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
3650 | b3c1328b | Olga Brani | border-radius: 3px; } |
3651 | b3c1328b | Olga Brani | |
3652 | b3c1328b | Olga Brani | /* Pricing Tables */
|
3653 | b3c1328b | Olga Brani | .pricing-table {
|
3654 | b3c1328b | Olga Brani | border: solid 1px #dddddd; |
3655 | b3c1328b | Olga Brani | margin-left: 0; |
3656 | b3c1328b | Olga Brani | margin-bottom: 1.25em; } |
3657 | b3c1328b | Olga Brani | .pricing-table * { |
3658 | b3c1328b | Olga Brani | list-style: none; |
3659 | b3c1328b | Olga Brani | line-height: 1; } |
3660 | b3c1328b | Olga Brani | .pricing-table .title { |
3661 | b3c1328b | Olga Brani | background-color: #dddddd; |
3662 | b3c1328b | Olga Brani | padding: 0.9375em 1.25em; |
3663 | b3c1328b | Olga Brani | text-align: center; |
3664 | b3c1328b | Olga Brani | color: #333333; |
3665 | b3c1328b | Olga Brani | font-weight: bold; |
3666 | b3c1328b | Olga Brani | font-size: 1em; } |
3667 | b3c1328b | Olga Brani | .pricing-table .price { |
3668 | b3c1328b | Olga Brani | background-color: #eeeeee; |
3669 | b3c1328b | Olga Brani | padding: 0.9375em 1.25em; |
3670 | b3c1328b | Olga Brani | text-align: center; |
3671 | b3c1328b | Olga Brani | color: #333333; |
3672 | b3c1328b | Olga Brani | font-weight: normal; |
3673 | b3c1328b | Olga Brani | font-size: 1.25em; } |
3674 | b3c1328b | Olga Brani | .pricing-table .description { |
3675 | b3c1328b | Olga Brani | background-color: white; |
3676 | b3c1328b | Olga Brani | padding: 0.9375em; |
3677 | b3c1328b | Olga Brani | text-align: center; |
3678 | b3c1328b | Olga Brani | color: #777777; |
3679 | b3c1328b | Olga Brani | font-size: 0.75em; |
3680 | b3c1328b | Olga Brani | font-weight: normal; |
3681 | b3c1328b | Olga Brani | line-height: 1.4; |
3682 | b3c1328b | Olga Brani | border-bottom: dotted 1px #dddddd; } |
3683 | b3c1328b | Olga Brani | .pricing-table .bullet-item { |
3684 | b3c1328b | Olga Brani | background-color: white; |
3685 | b3c1328b | Olga Brani | padding: 0.9375em; |
3686 | b3c1328b | Olga Brani | text-align: center; |
3687 | b3c1328b | Olga Brani | color: #333333; |
3688 | b3c1328b | Olga Brani | font-size: 0.875em; |
3689 | b3c1328b | Olga Brani | font-weight: normal; |
3690 | b3c1328b | Olga Brani | border-bottom: dotted 1px #dddddd; } |
3691 | b3c1328b | Olga Brani | .pricing-table .cta-button { |
3692 | b3c1328b | Olga Brani | background-color: whitesmoke; |
3693 | b3c1328b | Olga Brani | text-align: center; |
3694 | b3c1328b | Olga Brani | padding: 1.25em 1.25em 0; } |
3695 | b3c1328b | Olga Brani | |
3696 | b3c1328b | Olga Brani | /* Progress Bar */
|
3697 | b3c1328b | Olga Brani | .progress {
|
3698 | b3c1328b | Olga Brani | background-color: transparent; |
3699 | b3c1328b | Olga Brani | height: 1.5625em; |
3700 | b3c1328b | Olga Brani | border: 1px solid #cccccc; |
3701 | b3c1328b | Olga Brani | padding: 0.125em; |
3702 | b3c1328b | Olga Brani | margin-bottom: 0.625em; } |
3703 | b3c1328b | Olga Brani | .progress .meter { |
3704 | b3c1328b | Olga Brani | background: #2ba6cb; |
3705 | b3c1328b | Olga Brani | height: 100%; |
3706 | b3c1328b | Olga Brani | display: block; } |
3707 | b3c1328b | Olga Brani | .progress.secondary .meter { |
3708 | b3c1328b | Olga Brani | background: #e9e9e9; |
3709 | b3c1328b | Olga Brani | height: 100%; |
3710 | b3c1328b | Olga Brani | display: block; } |
3711 | b3c1328b | Olga Brani | .progress.success .meter { |
3712 | b3c1328b | Olga Brani | background: #5da423; |
3713 | b3c1328b | Olga Brani | height: 100%; |
3714 | b3c1328b | Olga Brani | display: block; } |
3715 | b3c1328b | Olga Brani | .progress.alert .meter { |
3716 | b3c1328b | Olga Brani | background: #c60f13; |
3717 | b3c1328b | Olga Brani | height: 100%; |
3718 | b3c1328b | Olga Brani | display: block; } |
3719 | b3c1328b | Olga Brani | .progress.radius { |
3720 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
3721 | b3c1328b | Olga Brani | border-radius: 3px; } |
3722 | b3c1328b | Olga Brani | .progress.radius .meter { |
3723 | b3c1328b | Olga Brani | -webkit-border-radius: 2px; |
3724 | b3c1328b | Olga Brani | border-radius: 2px; } |
3725 | b3c1328b | Olga Brani | .progress.round { |
3726 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
3727 | b3c1328b | Olga Brani | border-radius: 1000px; } |
3728 | b3c1328b | Olga Brani | .progress.round .meter { |
3729 | b3c1328b | Olga Brani | -webkit-border-radius: 999px; |
3730 | b3c1328b | Olga Brani | border-radius: 999px; } |
3731 | b3c1328b | Olga Brani | |
3732 | b3c1328b | Olga Brani | /* Side Nav */
|
3733 | b3c1328b | Olga Brani | .side-nav {
|
3734 | b3c1328b | Olga Brani | display: block; |
3735 | b3c1328b | Olga Brani | margin: 0; |
3736 | b3c1328b | Olga Brani | padding: 0.875em 0; |
3737 | b3c1328b | Olga Brani | list-style-type: none; |
3738 | b3c1328b | Olga Brani | list-style-position: inside; } |
3739 | b3c1328b | Olga Brani | .side-nav li { |
3740 | b3c1328b | Olga Brani | margin: 0 0 0.4375em 0; |
3741 | b3c1328b | Olga Brani | font-size: 0.875em; } |
3742 | b3c1328b | Olga Brani | .side-nav li a { |
3743 | b3c1328b | Olga Brani | display: block; |
3744 | b3c1328b | Olga Brani | color: #2ba6cb; } |
3745 | b3c1328b | Olga Brani | .side-nav li.active > a:first-child { |
3746 | b3c1328b | Olga Brani | color: #4d4d4d; |
3747 | b3c1328b | Olga Brani | font-weight: bold; } |
3748 | b3c1328b | Olga Brani | .side-nav li.divider { |
3749 | b3c1328b | Olga Brani | border-top: 1px solid; |
3750 | b3c1328b | Olga Brani | height: 0; |
3751 | b3c1328b | Olga Brani | padding: 0; |
3752 | b3c1328b | Olga Brani | list-style: none; |
3753 | b3c1328b | Olga Brani | border-top-color: #e6e6e6; } |
3754 | b3c1328b | Olga Brani | |
3755 | b3c1328b | Olga Brani | /* Side Nav */
|
3756 | b3c1328b | Olga Brani | .sub-nav {
|
3757 | b3c1328b | Olga Brani | display: block; |
3758 | b3c1328b | Olga Brani | width: auto; |
3759 | b3c1328b | Olga Brani | overflow: hidden; |
3760 | b3c1328b | Olga Brani | margin: -0.25em 0 1.125em; |
3761 | b3c1328b | Olga Brani | padding-top: 0.25em; |
3762 | b3c1328b | Olga Brani | margin-right: 0; |
3763 | b3c1328b | Olga Brani | margin-left: -0.5625em; } |
3764 | b3c1328b | Olga Brani | .sub-nav dt, |
3765 | b3c1328b | Olga Brani | .sub-nav dd { |
3766 | b3c1328b | Olga Brani | float: left; |
3767 | b3c1328b | Olga Brani | display: inline; |
3768 | b3c1328b | Olga Brani | margin-left: 0.5625em; |
3769 | b3c1328b | Olga Brani | margin-bottom: 0.625em; |
3770 | b3c1328b | Olga Brani | font-weight: normal; |
3771 | b3c1328b | Olga Brani | font-size: 0.875em; } |
3772 | b3c1328b | Olga Brani | .sub-nav dt a, |
3773 | b3c1328b | Olga Brani | .sub-nav dd a { |
3774 | b3c1328b | Olga Brani | color: #999999; |
3775 | b3c1328b | Olga Brani | text-decoration: none; } |
3776 | b3c1328b | Olga Brani | .sub-nav dt.active a, |
3777 | b3c1328b | Olga Brani | .sub-nav dd.active a { |
3778 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
3779 | b3c1328b | Olga Brani | border-radius: 1000px; |
3780 | b3c1328b | Olga Brani | font-weight: bold; |
3781 | b3c1328b | Olga Brani | background: #2ba6cb; |
3782 | b3c1328b | Olga Brani | padding: 0.1875em 0.5625em; |
3783 | b3c1328b | Olga Brani | cursor: default; |
3784 | b3c1328b | Olga Brani | color: white; } |
3785 | b3c1328b | Olga Brani | |
3786 | b3c1328b | Olga Brani | /* Foundation Switches */
|
3787 | b3c1328b | Olga Brani | @media only screen { |
3788 | b3c1328b | Olga Brani | div.switch { |
3789 | b3c1328b | Olga Brani | position: relative; |
3790 | b3c1328b | Olga Brani | width: 100%; |
3791 | b3c1328b | Olga Brani | padding: 0; |
3792 | b3c1328b | Olga Brani | display: block; |
3793 | b3c1328b | Olga Brani | overflow: hidden; |
3794 | b3c1328b | Olga Brani | border-style: solid; |
3795 | b3c1328b | Olga Brani | border-width: 1px; |
3796 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
3797 | b3c1328b | Olga Brani | -webkit-animation: webkitSiblingBugfix infinite 1s; |
3798 | b3c1328b | Olga Brani | height: 36px; |
3799 | b3c1328b | Olga Brani | background: white; |
3800 | b3c1328b | Olga Brani | border-color: #cccccc; } |
3801 | b3c1328b | Olga Brani | div.switch label { |
3802 | b3c1328b | Olga Brani | position: relative; |
3803 | b3c1328b | Olga Brani | left: 0; |
3804 | b3c1328b | Olga Brani | z-index: 2; |
3805 | b3c1328b | Olga Brani | float: left; |
3806 | b3c1328b | Olga Brani | width: 50%; |
3807 | b3c1328b | Olga Brani | height: 100%; |
3808 | b3c1328b | Olga Brani | margin: 0; |
3809 | b3c1328b | Olga Brani | font-weight: bold; |
3810 | b3c1328b | Olga Brani | text-align: left; |
3811 | b3c1328b | Olga Brani | -webkit-transition: all 0.1s ease-out; |
3812 | b3c1328b | Olga Brani | -moz-transition: all 0.1s ease-out; |
3813 | b3c1328b | Olga Brani | transition: all 0.1s ease-out; } |
3814 | b3c1328b | Olga Brani | div.switch input { |
3815 | b3c1328b | Olga Brani | position: absolute; |
3816 | b3c1328b | Olga Brani | z-index: 3; |
3817 | b3c1328b | Olga Brani | opacity: 0; |
3818 | b3c1328b | Olga Brani | width: 100%; |
3819 | b3c1328b | Olga Brani | height: 100%; |
3820 | b3c1328b | Olga Brani | -moz-appearance: none; } |
3821 | b3c1328b | Olga Brani | div.switch input:hover, div.switch input:focus { |
3822 | b3c1328b | Olga Brani | cursor: pointer; } |
3823 | b3c1328b | Olga Brani | div.switch > span { |
3824 | b3c1328b | Olga Brani | position: absolute; |
3825 | b3c1328b | Olga Brani | top: -1px; |
3826 | b3c1328b | Olga Brani | left: -1px; |
3827 | b3c1328b | Olga Brani | z-index: 1; |
3828 | b3c1328b | Olga Brani | display: block; |
3829 | b3c1328b | Olga Brani | padding: 0; |
3830 | b3c1328b | Olga Brani | border-width: 1px; |
3831 | b3c1328b | Olga Brani | border-style: solid; |
3832 | b3c1328b | Olga Brani | -webkit-transition: all 0.1s ease-out; |
3833 | b3c1328b | Olga Brani | -moz-transition: all 0.1s ease-out; |
3834 | b3c1328b | Olga Brani | transition: all 0.1s ease-out; } |
3835 | b3c1328b | Olga Brani | div.switch input:not(:checked) + label { |
3836 | b3c1328b | Olga Brani | opacity: 0; } |
3837 | b3c1328b | Olga Brani | div.switch input:checked { |
3838 | b3c1328b | Olga Brani | display: none !important; } |
3839 | b3c1328b | Olga Brani | div.switch input { |
3840 | b3c1328b | Olga Brani | left: 0; |
3841 | b3c1328b | Olga Brani | display: block !important; } |
3842 | b3c1328b | Olga Brani | div.switch input:first-of-type + label, |
3843 | b3c1328b | Olga Brani | div.switch input:first-of-type + span + label { |
3844 | b3c1328b | Olga Brani | left: -50%; } |
3845 | b3c1328b | Olga Brani | div.switch input:first-of-type:checked + label, |
3846 | b3c1328b | Olga Brani | div.switch input:first-of-type:checked + span + label { |
3847 | b3c1328b | Olga Brani | left: 0%; } |
3848 | b3c1328b | Olga Brani | div.switch input:last-of-type + label, |
3849 | b3c1328b | Olga Brani | div.switch input:last-of-type + span + label { |
3850 | b3c1328b | Olga Brani | right: -50%; |
3851 | b3c1328b | Olga Brani | left: auto; |
3852 | b3c1328b | Olga Brani | text-align: right; } |
3853 | b3c1328b | Olga Brani | div.switch input:last-of-type:checked + label, |
3854 | b3c1328b | Olga Brani | div.switch input:last-of-type:checked + span + label { |
3855 | b3c1328b | Olga Brani | right: 0%; |
3856 | b3c1328b | Olga Brani | left: auto; } |
3857 | b3c1328b | Olga Brani | div.switch span.custom { |
3858 | b3c1328b | Olga Brani | display: none !important; } |
3859 | b3c1328b | Olga Brani | div.switch label { |
3860 | b3c1328b | Olga Brani | padding: 0 0.375em; |
3861 | b3c1328b | Olga Brani | line-height: 2.3em; |
3862 | b3c1328b | Olga Brani | font-size: 0.875em; } |
3863 | b3c1328b | Olga Brani | div.switch input:first-of-type:checked ~ span { |
3864 | b3c1328b | Olga Brani | left: 100%; |
3865 | b3c1328b | Olga Brani | margin-left: -2.1875em; } |
3866 | b3c1328b | Olga Brani | div.switch > span { |
3867 | b3c1328b | Olga Brani | width: 2.25em; |
3868 | b3c1328b | Olga Brani | height: 2.25em; } |
3869 | b3c1328b | Olga Brani | div.switch > span { |
3870 | b3c1328b | Olga Brani | border-color: #b3b3b3; |
3871 | b3c1328b | Olga Brani | background: white; |
3872 | b3c1328b | Olga Brani | background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); |
3873 | b3c1328b | Olga Brani | background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%); |
3874 | b3c1328b | Olga Brani | background: linear-gradient(to bottom, white 0%, #f2f2f2 100%); |
3875 | b3c1328b | Olga Brani | -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; |
3876 | b3c1328b | Olga Brani | box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; } |
3877 | b3c1328b | Olga Brani | div.switch:hover > span, div.switch:focus > span { |
3878 | b3c1328b | Olga Brani | background: white; |
3879 | b3c1328b | Olga Brani | background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); |
3880 | b3c1328b | Olga Brani | background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); |
3881 | b3c1328b | Olga Brani | background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); } |
3882 | b3c1328b | Olga Brani | div.switch:active { |
3883 | b3c1328b | Olga Brani | background: transparent; } |
3884 | b3c1328b | Olga Brani | div.switch.large { |
3885 | b3c1328b | Olga Brani | height: 44px; } |
3886 | b3c1328b | Olga Brani | div.switch.large label { |
3887 | b3c1328b | Olga Brani | padding: 0 0.375em; |
3888 | b3c1328b | Olga Brani | line-height: 2.3em; |
3889 | b3c1328b | Olga Brani | font-size: 1.0625em; } |
3890 | b3c1328b | Olga Brani | div.switch.large input:first-of-type:checked ~ span { |
3891 | b3c1328b | Olga Brani | left: 100%; |
3892 | b3c1328b | Olga Brani | margin-left: -2.6875em; } |
3893 | b3c1328b | Olga Brani | div.switch.large > span { |
3894 | b3c1328b | Olga Brani | width: 2.75em; |
3895 | b3c1328b | Olga Brani | height: 2.75em; } |
3896 | b3c1328b | Olga Brani | div.switch.small { |
3897 | b3c1328b | Olga Brani | height: 28px; } |
3898 | b3c1328b | Olga Brani | div.switch.small label { |
3899 | b3c1328b | Olga Brani | padding: 0 0.375em; |
3900 | b3c1328b | Olga Brani | line-height: 2.1em; |
3901 | b3c1328b | Olga Brani | font-size: 0.75em; } |
3902 | b3c1328b | Olga Brani | div.switch.small input:first-of-type:checked ~ span { |
3903 | b3c1328b | Olga Brani | left: 100%; |
3904 | b3c1328b | Olga Brani | margin-left: -1.6875em; } |
3905 | b3c1328b | Olga Brani | div.switch.small > span { |
3906 | b3c1328b | Olga Brani | width: 1.75em; |
3907 | b3c1328b | Olga Brani | height: 1.75em; } |
3908 | b3c1328b | Olga Brani | div.switch.tiny { |
3909 | b3c1328b | Olga Brani | height: 22px; } |
3910 | b3c1328b | Olga Brani | div.switch.tiny label { |
3911 | b3c1328b | Olga Brani | padding: 0 0.375em; |
3912 | b3c1328b | Olga Brani | line-height: 1.9em; |
3913 | b3c1328b | Olga Brani | font-size: 0.6875em; } |
3914 | b3c1328b | Olga Brani | div.switch.tiny input:first-of-type:checked ~ span { |
3915 | b3c1328b | Olga Brani | left: 100%; |
3916 | b3c1328b | Olga Brani | margin-left: -1.3125em; } |
3917 | b3c1328b | Olga Brani | div.switch.tiny > span { |
3918 | b3c1328b | Olga Brani | width: 1.375em; |
3919 | b3c1328b | Olga Brani | height: 1.375em; } |
3920 | b3c1328b | Olga Brani | div.switch.radius { |
3921 | b3c1328b | Olga Brani | -webkit-border-radius: 4px; |
3922 | b3c1328b | Olga Brani | border-radius: 4px; } |
3923 | b3c1328b | Olga Brani | div.switch.radius > span { |
3924 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
3925 | b3c1328b | Olga Brani | border-radius: 3px; } |
3926 | b3c1328b | Olga Brani | div.switch.round { |
3927 | b3c1328b | Olga Brani | -webkit-border-radius: 1000px; |
3928 | b3c1328b | Olga Brani | border-radius: 1000px; } |
3929 | b3c1328b | Olga Brani | div.switch.round > span { |
3930 | b3c1328b | Olga Brani | -webkit-border-radius: 999px; |
3931 | b3c1328b | Olga Brani | border-radius: 999px; } |
3932 | b3c1328b | Olga Brani | div.switch.round label { |
3933 | b3c1328b | Olga Brani | padding: 0 0.5625em; } |
3934 | b3c1328b | Olga Brani | |
3935 | b3c1328b | Olga Brani | @-webkit-keyframes webkitSiblingBugfix { |
3936 | b3c1328b | Olga Brani | from {
|
3937 | b3c1328b | Olga Brani | position: relative; } |
3938 | b3c1328b | Olga Brani | |
3939 | b3c1328b | Olga Brani | to {
|
3940 | b3c1328b | Olga Brani | position: relative; } } } |
3941 | b3c1328b | Olga Brani | [data-magellan-expedition] {
|
3942 | b3c1328b | Olga Brani | background: white; |
3943 | b3c1328b | Olga Brani | z-index: 50; |
3944 | b3c1328b | Olga Brani | min-width: 100%; |
3945 | b3c1328b | Olga Brani | padding: 10px; } |
3946 | b3c1328b | Olga Brani | [data-magellan-expedition] .sub-nav { |
3947 | b3c1328b | Olga Brani | margin-bottom: 0; } |
3948 | b3c1328b | Olga Brani | [data-magellan-expedition] .sub-nav dd { |
3949 | b3c1328b | Olga Brani | margin-bottom: 0; } |
3950 | b3c1328b | Olga Brani | |
3951 | b3c1328b | Olga Brani | /* Tables */
|
3952 | b3c1328b | Olga Brani | table {
|
3953 | b3c1328b | Olga Brani | background: white; |
3954 | b3c1328b | Olga Brani | margin-bottom: 1.25em; |
3955 | b3c1328b | Olga Brani | border: solid 1px #dddddd; } |
3956 | b3c1328b | Olga Brani | table thead, |
3957 | b3c1328b | Olga Brani | table tfoot { |
3958 | b3c1328b | Olga Brani | background: whitesmoke; |
3959 | b3c1328b | Olga Brani | font-weight: bold; } |
3960 | b3c1328b | Olga Brani | table thead tr th, |
3961 | b3c1328b | Olga Brani | table thead tr td, |
3962 | b3c1328b | Olga Brani | table tfoot tr th, |
3963 | b3c1328b | Olga Brani | table tfoot tr td { |
3964 | b3c1328b | Olga Brani | padding: 0.5em 0.625em 0.625em; |
3965 | b3c1328b | Olga Brani | font-size: 0.875em; |
3966 | b3c1328b | Olga Brani | color: #222222; |
3967 | b3c1328b | Olga Brani | text-align: left; } |
3968 | b3c1328b | Olga Brani | table tr th, |
3969 | b3c1328b | Olga Brani | table tr td { |
3970 | b3c1328b | Olga Brani | padding: 0.5625em 0.625em; |
3971 | b3c1328b | Olga Brani | font-size: 0.875em; |
3972 | b3c1328b | Olga Brani | color: #222222; } |
3973 | b3c1328b | Olga Brani | table tr.even, table tr.alt, table tr:nth-of-type(even) { |
3974 | b3c1328b | Olga Brani | background: #f9f9f9; } |
3975 | b3c1328b | Olga Brani | table thead tr th, |
3976 | b3c1328b | Olga Brani | table tfoot tr th, |
3977 | b3c1328b | Olga Brani | table tbody tr td, |
3978 | b3c1328b | Olga Brani | table tr td, |
3979 | b3c1328b | Olga Brani | table tfoot tr td { |
3980 | b3c1328b | Olga Brani | display: table-cell; |
3981 | b3c1328b | Olga Brani | line-height: 1.125em; } |
3982 | b3c1328b | Olga Brani | |
3983 | b3c1328b | Olga Brani | /* Image Thumbnails */
|
3984 | b3c1328b | Olga Brani | .th {
|
3985 | b3c1328b | Olga Brani | line-height: 0; |
3986 | b3c1328b | Olga Brani | display: inline-block; |
3987 | b3c1328b | Olga Brani | border: solid 4px white; |
3988 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); |
3989 | b3c1328b | Olga Brani | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); |
3990 | b3c1328b | Olga Brani | -webkit-transition: all 200ms ease-out; |
3991 | b3c1328b | Olga Brani | -moz-transition: all 200ms ease-out; |
3992 | b3c1328b | Olga Brani | transition: all 200ms ease-out; } |
3993 | b3c1328b | Olga Brani | .th:hover, .th:focus { |
3994 | b3c1328b | Olga Brani | -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); |
3995 | b3c1328b | Olga Brani | box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } |
3996 | b3c1328b | Olga Brani | .th.radius { |
3997 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
3998 | b3c1328b | Olga Brani | border-radius: 3px; } |
3999 | b3c1328b | Olga Brani | |
4000 | b3c1328b | Olga Brani | a.th { |
4001 | b3c1328b | Olga Brani | display: block; } |
4002 | b3c1328b | Olga Brani | |
4003 | b3c1328b | Olga Brani | /* Tooltips */
|
4004 | b3c1328b | Olga Brani | .has-tip {
|
4005 | b3c1328b | Olga Brani | border-bottom: dotted 1px #cccccc; |
4006 | b3c1328b | Olga Brani | cursor: help; |
4007 | b3c1328b | Olga Brani | font-weight: bold; |
4008 | b3c1328b | Olga Brani | color: #333333; } |
4009 | b3c1328b | Olga Brani | .has-tip:hover, .has-tip:focus { |
4010 | b3c1328b | Olga Brani | border-bottom: dotted 1px #196177; |
4011 | b3c1328b | Olga Brani | color: #2ba6cb; } |
4012 | b3c1328b | Olga Brani | .has-tip.tip-left, .has-tip.tip-right { |
4013 | b3c1328b | Olga Brani | float: none !important; } |
4014 | b3c1328b | Olga Brani | |
4015 | b3c1328b | Olga Brani | .tooltip {
|
4016 | b3c1328b | Olga Brani | display: none; |
4017 | b3c1328b | Olga Brani | position: absolute; |
4018 | b3c1328b | Olga Brani | z-index: 999; |
4019 | b3c1328b | Olga Brani | font-weight: bold; |
4020 | b3c1328b | Olga Brani | font-size: 0.9375em; |
4021 | b3c1328b | Olga Brani | line-height: 1.3; |
4022 | b3c1328b | Olga Brani | padding: 0.5em; |
4023 | b3c1328b | Olga Brani | max-width: 85%; |
4024 | b3c1328b | Olga Brani | left: 50%; |
4025 | b3c1328b | Olga Brani | width: 100%; |
4026 | b3c1328b | Olga Brani | color: white; |
4027 | b3c1328b | Olga Brani | background: black; |
4028 | b3c1328b | Olga Brani | -webkit-border-radius: 3px; |
4029 | b3c1328b | Olga Brani | border-radius: 3px; } |
4030 | b3c1328b | Olga Brani | .tooltip > .nub { |
4031 | b3c1328b | Olga Brani | display: block; |
4032 | b3c1328b | Olga Brani | left: 5px; |
4033 | b3c1328b | Olga Brani | position: absolute; |
4034 | b3c1328b | Olga Brani | width: 0; |
4035 | b3c1328b | Olga Brani | height: 0; |
4036 | b3c1328b | Olga Brani | border: solid 5px; |
4037 | b3c1328b | Olga Brani | border-color: transparent transparent black transparent; |
4038 | b3c1328b | Olga Brani | top: -10px; } |
4039 | b3c1328b | Olga Brani | .tooltip.opened { |
4040 | b3c1328b | Olga Brani | color: #2ba6cb !important; |
4041 | b3c1328b | Olga Brani | border-bottom: dotted 1px #196177 !important; } |
4042 | b3c1328b | Olga Brani | |
4043 | b3c1328b | Olga Brani | .tap-to-close {
|
4044 | b3c1328b | Olga Brani | display: block; |
4045 | b3c1328b | Olga Brani | font-size: 0.625em; |
4046 | b3c1328b | Olga Brani | color: #888888; |
4047 | b3c1328b | Olga Brani | font-weight: normal; } |
4048 | b3c1328b | Olga Brani | |
4049 | b3c1328b | Olga Brani | @media only screen and (min-width: 48em) { |
4050 | b3c1328b | Olga Brani | .tooltip > .nub { |
4051 | b3c1328b | Olga Brani | border-color: transparent transparent black transparent; |
4052 | b3c1328b | Olga Brani | top: -10px; } |
4053 | b3c1328b | Olga Brani | .tooltip.tip-top > .nub { |
4054 | b3c1328b | Olga Brani | border-color: black transparent transparent transparent; |
4055 | b3c1328b | Olga Brani | top: auto; |
4056 | b3c1328b | Olga Brani | bottom: -10px; } |
4057 | b3c1328b | Olga Brani | .tooltip.tip-left, .tooltip.tip-right { |
4058 | b3c1328b | Olga Brani | float: none !important; } |
4059 | b3c1328b | Olga Brani | .tooltip.tip-left > .nub { |
4060 | b3c1328b | Olga Brani | border-color: transparent transparent transparent black; |
4061 | b3c1328b | Olga Brani | right: -10px; |
4062 | b3c1328b | Olga Brani | left: auto; |
4063 | b3c1328b | Olga Brani | top: 50%; |
4064 | b3c1328b | Olga Brani | margin-top: -5px; } |
4065 | b3c1328b | Olga Brani | .tooltip.tip-right > .nub { |
4066 | b3c1328b | Olga Brani | border-color: transparent black transparent transparent; |
4067 | b3c1328b | Olga Brani | right: auto; |
4068 | b3c1328b | Olga Brani | left: -10px; |
4069 | b3c1328b | Olga Brani | top: 50%; |
4070 | b3c1328b | Olga Brani | margin-top: -5px; } } |
4071 | b3c1328b | Olga Brani | @media only screen and (max-width: 767px) { |
4072 | b3c1328b | Olga Brani | .f-dropdown {
|
4073 | b3c1328b | Olga Brani | max-width: 100%; |
4074 | b3c1328b | Olga Brani | left: 0; } } |
4075 | b3c1328b | Olga Brani | /* Foundation Dropdowns */
|
4076 | b3c1328b | Olga Brani | .f-dropdown {
|
4077 | b3c1328b | Olga Brani | position: absolute; |
4078 | b3c1328b | Olga Brani | top: -9999px; |
4079 | b3c1328b | Olga Brani | list-style: none; |
4080 | b3c1328b | Olga Brani | padding: 1.25em; |
4081 | b3c1328b | Olga Brani | width: 100%; |
4082 | b3c1328b | Olga Brani | height: auto; |
4083 | b3c1328b | Olga Brani | max-height: none; |
4084 | b3c1328b | Olga Brani | background: white; |
4085 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
4086 | b3c1328b | Olga Brani | font-size: 16px; |
4087 | b3c1328b | Olga Brani | z-index: 99; |
4088 | b3c1328b | Olga Brani | margin-top: 2px; |
4089 | b3c1328b | Olga Brani | max-width: 200px; } |
4090 | b3c1328b | Olga Brani | .f-dropdown *:first-child { |
4091 | b3c1328b | Olga Brani | margin-top: 0; } |
4092 | b3c1328b | Olga Brani | .f-dropdown *:last-child { |
4093 | b3c1328b | Olga Brani | margin-bottom: 0; } |
4094 | b3c1328b | Olga Brani | .f-dropdown:before { |
4095 | b3c1328b | Olga Brani | content: ""; |
4096 | b3c1328b | Olga Brani | display: block; |
4097 | b3c1328b | Olga Brani | width: 0; |
4098 | b3c1328b | Olga Brani | height: 0; |
4099 | b3c1328b | Olga Brani | border: inset 6px; |
4100 | b3c1328b | Olga Brani | border-color: transparent transparent white transparent; |
4101 | b3c1328b | Olga Brani | border-bottom-style: solid; |
4102 | b3c1328b | Olga Brani | position: absolute; |
4103 | b3c1328b | Olga Brani | top: -12px; |
4104 | b3c1328b | Olga Brani | left: 10px; |
4105 | b3c1328b | Olga Brani | z-index: 99; } |
4106 | b3c1328b | Olga Brani | .f-dropdown:after { |
4107 | b3c1328b | Olga Brani | content: ""; |
4108 | b3c1328b | Olga Brani | display: block; |
4109 | b3c1328b | Olga Brani | width: 0; |
4110 | b3c1328b | Olga Brani | height: 0; |
4111 | b3c1328b | Olga Brani | border: inset 7px; |
4112 | b3c1328b | Olga Brani | border-color: transparent transparent #cccccc transparent; |
4113 | b3c1328b | Olga Brani | border-bottom-style: solid; |
4114 | b3c1328b | Olga Brani | position: absolute; |
4115 | b3c1328b | Olga Brani | top: -14px; |
4116 | b3c1328b | Olga Brani | left: 9px; |
4117 | b3c1328b | Olga Brani | z-index: 98; } |
4118 | b3c1328b | Olga Brani | .f-dropdown.right:before { |
4119 | b3c1328b | Olga Brani | left: auto; |
4120 | b3c1328b | Olga Brani | right: 10px; } |
4121 | b3c1328b | Olga Brani | .f-dropdown.right:after { |
4122 | b3c1328b | Olga Brani | left: auto; |
4123 | b3c1328b | Olga Brani | right: 9px; } |
4124 | b3c1328b | Olga Brani | .f-dropdown li { |
4125 | b3c1328b | Olga Brani | font-size: 0.875em; |
4126 | b3c1328b | Olga Brani | cursor: pointer; |
4127 | b3c1328b | Olga Brani | line-height: 1.125em; |
4128 | b3c1328b | Olga Brani | margin: 0; } |
4129 | b3c1328b | Olga Brani | .f-dropdown li:hover, .f-dropdown li:focus { |
4130 | b3c1328b | Olga Brani | background: #eeeeee; } |
4131 | b3c1328b | Olga Brani | .f-dropdown li a { |
4132 | b3c1328b | Olga Brani | display: block; |
4133 | b3c1328b | Olga Brani | padding: 0.3125em 0.625em; |
4134 | b3c1328b | Olga Brani | color: #555555; } |
4135 | b3c1328b | Olga Brani | .f-dropdown.content { |
4136 | b3c1328b | Olga Brani | position: absolute; |
4137 | b3c1328b | Olga Brani | top: -9999px; |
4138 | b3c1328b | Olga Brani | list-style: none; |
4139 | b3c1328b | Olga Brani | padding: 1.25em; |
4140 | b3c1328b | Olga Brani | width: 100%; |
4141 | b3c1328b | Olga Brani | height: auto; |
4142 | b3c1328b | Olga Brani | max-height: none; |
4143 | b3c1328b | Olga Brani | background: white; |
4144 | b3c1328b | Olga Brani | border: solid 1px #cccccc; |
4145 | b3c1328b | Olga Brani | font-size: 16px; |
4146 | b3c1328b | Olga Brani | z-index: 99; |
4147 | b3c1328b | Olga Brani | max-width: 200px; } |
4148 | b3c1328b | Olga Brani | .f-dropdown.content *:first-child { |
4149 | b3c1328b | Olga Brani | margin-top: 0; } |
4150 | b3c1328b | Olga Brani | .f-dropdown.content *:last-child { |
4151 | b3c1328b | Olga Brani | margin-bottom: 0; } |
4152 | b3c1328b | Olga Brani | .f-dropdown.tiny { |
4153 | b3c1328b | Olga Brani | max-width: 200px; } |
4154 | b3c1328b | Olga Brani | .f-dropdown.small { |
4155 | b3c1328b | Olga Brani | max-width: 300px; } |
4156 | b3c1328b | Olga Brani | .f-dropdown.medium { |
4157 | b3c1328b | Olga Brani | max-width: 500px; } |
4158 | b3c1328b | Olga Brani | .f-dropdown.large { |
4159 | b3c1328b | Olga Brani | max-width: 800px; } |