Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / normalize.scss @ 0fa29762

History | View | Annotate | Download (7.2 kB)

1 b3c1328b Olga Brani
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
2 b3c1328b Olga Brani
3 b3c1328b Olga Brani
/* ==========================================================================
4 b3c1328b Olga Brani
   HTML5 display definitions
5 b3c1328b Olga Brani
   ========================================================================== */
6 b3c1328b Olga Brani
7 b3c1328b Olga Brani
/**
8 b3c1328b Olga Brani
 * Correct `block` display not defined in IE 8/9.
9 b3c1328b Olga Brani
 */
10 b3c1328b Olga Brani
11 b3c1328b Olga Brani
article,
12 b3c1328b Olga Brani
aside,
13 b3c1328b Olga Brani
details,
14 b3c1328b Olga Brani
figcaption,
15 b3c1328b Olga Brani
figure,
16 b3c1328b Olga Brani
footer,
17 b3c1328b Olga Brani
header,
18 b3c1328b Olga Brani
hgroup,
19 b3c1328b Olga Brani
main,
20 b3c1328b Olga Brani
nav,
21 b3c1328b Olga Brani
section,
22 b3c1328b Olga Brani
summary {
23 b3c1328b Olga Brani
    display: block;
24 b3c1328b Olga Brani
}
25 b3c1328b Olga Brani
26 b3c1328b Olga Brani
/**
27 b3c1328b Olga Brani
 * Correct `inline-block` display not defined in IE 8/9.
28 b3c1328b Olga Brani
 */
29 b3c1328b Olga Brani
30 b3c1328b Olga Brani
audio,
31 b3c1328b Olga Brani
canvas,
32 b3c1328b Olga Brani
video {
33 b3c1328b Olga Brani
    display: inline-block;
34 b3c1328b Olga Brani
}
35 b3c1328b Olga Brani
36 b3c1328b Olga Brani
/**
37 b3c1328b Olga Brani
 * Prevent modern browsers from displaying `audio` without controls.
38 b3c1328b Olga Brani
 * Remove excess height in iOS 5 devices.
39 b3c1328b Olga Brani
 */
40 b3c1328b Olga Brani
41 b3c1328b Olga Brani
audio:not([controls]) {
42 b3c1328b Olga Brani
    display: none;
43 b3c1328b Olga Brani
    height: 0;
44 b3c1328b Olga Brani
}
45 b3c1328b Olga Brani
46 b3c1328b Olga Brani
/**
47 b3c1328b Olga Brani
 * Address styling not present in IE 8/9.
48 b3c1328b Olga Brani
 */
49 b3c1328b Olga Brani
50 b3c1328b Olga Brani
[hidden] {
51 b3c1328b Olga Brani
    display: none;
52 b3c1328b Olga Brani
}
53 b3c1328b Olga Brani
54 b3c1328b Olga Brani
/* ==========================================================================
55 b3c1328b Olga Brani
   Base
56 b3c1328b Olga Brani
   ========================================================================== */
57 b3c1328b Olga Brani
58 b3c1328b Olga Brani
/**
59 b3c1328b Olga Brani
 * 1. Set default font family to sans-serif.
60 b3c1328b Olga Brani
 * 2. Prevent iOS text size adjust after orientation change, without disabling
61 b3c1328b Olga Brani
 *    user zoom.
62 b3c1328b Olga Brani
 */
63 b3c1328b Olga Brani
64 b3c1328b Olga Brani
html {
65 b3c1328b Olga Brani
    font-family: sans-serif; /* 1 */
66 b3c1328b Olga Brani
    -webkit-text-size-adjust: 100%; /* 2 */
67 b3c1328b Olga Brani
    -ms-text-size-adjust: 100%; /* 2 */
68 b3c1328b Olga Brani
}
69 b3c1328b Olga Brani
70 b3c1328b Olga Brani
/**
71 b3c1328b Olga Brani
 * Remove default margin.
72 b3c1328b Olga Brani
 */
73 b3c1328b Olga Brani
74 b3c1328b Olga Brani
body {
75 b3c1328b Olga Brani
    margin: 0;
76 b3c1328b Olga Brani
}
77 b3c1328b Olga Brani
78 b3c1328b Olga Brani
/* ==========================================================================
79 b3c1328b Olga Brani
   Links
80 b3c1328b Olga Brani
   ========================================================================== */
81 b3c1328b Olga Brani
82 b3c1328b Olga Brani
/**
83 b3c1328b Olga Brani
 * Address `outline` inconsistency between Chrome and other browsers.
84 b3c1328b Olga Brani
 */
85 b3c1328b Olga Brani
86 b3c1328b Olga Brani
a:focus {
87 b3c1328b Olga Brani
    outline: thin dotted;
88 b3c1328b Olga Brani
}
89 b3c1328b Olga Brani
90 b3c1328b Olga Brani
/**
91 b3c1328b Olga Brani
 * Improve readability when focused and also mouse hovered in all browsers.
92 b3c1328b Olga Brani
 */
93 b3c1328b Olga Brani
94 b3c1328b Olga Brani
a:active,
95 b3c1328b Olga Brani
a:hover {
96 b3c1328b Olga Brani
    outline: 0;
97 b3c1328b Olga Brani
}
98 b3c1328b Olga Brani
99 b3c1328b Olga Brani
/* ==========================================================================
100 b3c1328b Olga Brani
   Typography
101 b3c1328b Olga Brani
   ========================================================================== */
102 b3c1328b Olga Brani
103 b3c1328b Olga Brani
/**
104 b3c1328b Olga Brani
 * Address variable `h1` font-size and margin within `section` and `article`
105 b3c1328b Olga Brani
 * contexts in Firefox 4+, Safari 5, and Chrome.
106 b3c1328b Olga Brani
 */
107 b3c1328b Olga Brani
108 b3c1328b Olga Brani
h1 {
109 b3c1328b Olga Brani
    font-size: 2em;
110 b3c1328b Olga Brani
    margin: 0.67em 0;
111 b3c1328b Olga Brani
}
112 b3c1328b Olga Brani
113 b3c1328b Olga Brani
/**
114 b3c1328b Olga Brani
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
115 b3c1328b Olga Brani
 */
116 b3c1328b Olga Brani
117 b3c1328b Olga Brani
abbr[title] {
118 b3c1328b Olga Brani
    border-bottom: 1px dotted;
119 b3c1328b Olga Brani
}
120 b3c1328b Olga Brani
121 b3c1328b Olga Brani
/**
122 b3c1328b Olga Brani
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
123 b3c1328b Olga Brani
 */
124 b3c1328b Olga Brani
125 b3c1328b Olga Brani
b,
126 b3c1328b Olga Brani
strong {
127 b3c1328b Olga Brani
    font-weight: bold;
128 b3c1328b Olga Brani
}
129 b3c1328b Olga Brani
130 b3c1328b Olga Brani
/**
131 b3c1328b Olga Brani
 * Address styling not present in Safari 5 and Chrome.
132 b3c1328b Olga Brani
 */
133 b3c1328b Olga Brani
134 b3c1328b Olga Brani
dfn {
135 b3c1328b Olga Brani
    font-style: italic;
136 b3c1328b Olga Brani
}
137 b3c1328b Olga Brani
138 b3c1328b Olga Brani
/**
139 b3c1328b Olga Brani
 * Address differences between Firefox and other browsers.
140 b3c1328b Olga Brani
 */
141 b3c1328b Olga Brani
142 b3c1328b Olga Brani
hr {
143 b3c1328b Olga Brani
    -moz-box-sizing: content-box;
144 b3c1328b Olga Brani
    box-sizing: content-box;
145 b3c1328b Olga Brani
    height: 0;
146 b3c1328b Olga Brani
}
147 b3c1328b Olga Brani
148 b3c1328b Olga Brani
/**
149 b3c1328b Olga Brani
 * Address styling not present in IE 8/9.
150 b3c1328b Olga Brani
 */
151 b3c1328b Olga Brani
152 b3c1328b Olga Brani
mark {
153 b3c1328b Olga Brani
    background: #ff0;
154 b3c1328b Olga Brani
    color: #000;
155 b3c1328b Olga Brani
}
156 b3c1328b Olga Brani
157 b3c1328b Olga Brani
/**
158 b3c1328b Olga Brani
 * Correct font family set oddly in Safari 5 and Chrome.
159 b3c1328b Olga Brani
 */
160 b3c1328b Olga Brani
161 b3c1328b Olga Brani
code,
162 b3c1328b Olga Brani
kbd,
163 b3c1328b Olga Brani
pre,
164 b3c1328b Olga Brani
samp {
165 b3c1328b Olga Brani
    font-family: monospace, serif;
166 b3c1328b Olga Brani
    font-size: 1em;
167 b3c1328b Olga Brani
}
168 b3c1328b Olga Brani
169 b3c1328b Olga Brani
/**
170 b3c1328b Olga Brani
 * Improve readability of pre-formatted text in all browsers.
171 b3c1328b Olga Brani
 */
172 b3c1328b Olga Brani
173 b3c1328b Olga Brani
pre {
174 b3c1328b Olga Brani
    white-space: pre-wrap;
175 b3c1328b Olga Brani
}
176 b3c1328b Olga Brani
177 b3c1328b Olga Brani
/**
178 b3c1328b Olga Brani
 * Set consistent quote types.
179 b3c1328b Olga Brani
 */
180 b3c1328b Olga Brani
181 b3c1328b Olga Brani
q {
182 b3c1328b Olga Brani
    quotes: "\201C" "\201D" "\2018" "\2019";
183 b3c1328b Olga Brani
}
184 b3c1328b Olga Brani
185 b3c1328b Olga Brani
/**
186 b3c1328b Olga Brani
 * Address inconsistent and variable font size in all browsers.
187 b3c1328b Olga Brani
 */
188 b3c1328b Olga Brani
189 b3c1328b Olga Brani
small {
190 b3c1328b Olga Brani
    font-size: 80%;
191 b3c1328b Olga Brani
}
192 b3c1328b Olga Brani
193 b3c1328b Olga Brani
/**
194 b3c1328b Olga Brani
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
195 b3c1328b Olga Brani
 */
196 b3c1328b Olga Brani
197 b3c1328b Olga Brani
sub,
198 b3c1328b Olga Brani
sup {
199 b3c1328b Olga Brani
    font-size: 75%;
200 b3c1328b Olga Brani
    line-height: 0;
201 b3c1328b Olga Brani
    position: relative;
202 b3c1328b Olga Brani
    vertical-align: baseline;
203 b3c1328b Olga Brani
}
204 b3c1328b Olga Brani
205 b3c1328b Olga Brani
sup {
206 b3c1328b Olga Brani
    top: -0.5em;
207 b3c1328b Olga Brani
}
208 b3c1328b Olga Brani
209 b3c1328b Olga Brani
sub {
210 b3c1328b Olga Brani
    bottom: -0.25em;
211 b3c1328b Olga Brani
}
212 b3c1328b Olga Brani
213 b3c1328b Olga Brani
/* ==========================================================================
214 b3c1328b Olga Brani
   Embedded content
215 b3c1328b Olga Brani
   ========================================================================== */
216 b3c1328b Olga Brani
217 b3c1328b Olga Brani
/**
218 b3c1328b Olga Brani
 * Remove border when inside `a` element in IE 8/9.
219 b3c1328b Olga Brani
 */
220 b3c1328b Olga Brani
221 b3c1328b Olga Brani
img {
222 b3c1328b Olga Brani
    border: 0;
223 b3c1328b Olga Brani
}
224 b3c1328b Olga Brani
225 b3c1328b Olga Brani
/**
226 b3c1328b Olga Brani
 * Correct overflow displayed oddly in IE 9.
227 b3c1328b Olga Brani
 */
228 b3c1328b Olga Brani
229 b3c1328b Olga Brani
svg:not(:root) {
230 b3c1328b Olga Brani
    overflow: hidden;
231 b3c1328b Olga Brani
}
232 b3c1328b Olga Brani
233 b3c1328b Olga Brani
/* ==========================================================================
234 b3c1328b Olga Brani
   Figures
235 b3c1328b Olga Brani
   ========================================================================== */
236 b3c1328b Olga Brani
237 b3c1328b Olga Brani
/**
238 b3c1328b Olga Brani
 * Address margin not present in IE 8/9 and Safari 5.
239 b3c1328b Olga Brani
 */
240 b3c1328b Olga Brani
241 b3c1328b Olga Brani
figure {
242 b3c1328b Olga Brani
    margin: 0;
243 b3c1328b Olga Brani
}
244 b3c1328b Olga Brani
245 b3c1328b Olga Brani
/* ==========================================================================
246 b3c1328b Olga Brani
   Forms
247 b3c1328b Olga Brani
   ========================================================================== */
248 b3c1328b Olga Brani
249 b3c1328b Olga Brani
/**
250 b3c1328b Olga Brani
 * Define consistent border, margin, and padding.
251 b3c1328b Olga Brani
 */
252 b3c1328b Olga Brani
253 b3c1328b Olga Brani
fieldset {
254 b3c1328b Olga Brani
    border: 1px solid #c0c0c0;
255 b3c1328b Olga Brani
    margin: 0 2px;
256 b3c1328b Olga Brani
    padding: 0.35em 0.625em 0.75em;
257 b3c1328b Olga Brani
}
258 b3c1328b Olga Brani
259 b3c1328b Olga Brani
/**
260 b3c1328b Olga Brani
 * 1. Correct `color` not being inherited in IE 8/9.
261 b3c1328b Olga Brani
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
262 b3c1328b Olga Brani
 */
263 b3c1328b Olga Brani
264 b3c1328b Olga Brani
legend {
265 b3c1328b Olga Brani
    border: 0; /* 1 */
266 b3c1328b Olga Brani
    padding: 0; /* 2 */
267 b3c1328b Olga Brani
}
268 b3c1328b Olga Brani
269 b3c1328b Olga Brani
/**
270 b3c1328b Olga Brani
 * 1. Correct font family not being inherited in all browsers.
271 b3c1328b Olga Brani
 * 2. Correct font size not being inherited in all browsers.
272 b3c1328b Olga Brani
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
273 b3c1328b Olga Brani
 */
274 b3c1328b Olga Brani
275 b3c1328b Olga Brani
button,
276 b3c1328b Olga Brani
input,
277 b3c1328b Olga Brani
select,
278 b3c1328b Olga Brani
textarea {
279 b3c1328b Olga Brani
    font-family: inherit; /* 1 */
280 b3c1328b Olga Brani
    font-size: 100%; /* 2 */
281 b3c1328b Olga Brani
    margin: 0; /* 3 */
282 b3c1328b Olga Brani
}
283 b3c1328b Olga Brani
284 b3c1328b Olga Brani
/**
285 b3c1328b Olga Brani
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
286 b3c1328b Olga Brani
 * the UA stylesheet.
287 b3c1328b Olga Brani
 */
288 b3c1328b Olga Brani
289 b3c1328b Olga Brani
button,
290 b3c1328b Olga Brani
input {
291 b3c1328b Olga Brani
    line-height: normal;
292 b3c1328b Olga Brani
}
293 b3c1328b Olga Brani
294 b3c1328b Olga Brani
/**
295 b3c1328b Olga Brani
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
296 b3c1328b Olga Brani
 * All other form control elements do not inherit `text-transform` values.
297 b3c1328b Olga Brani
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
298 b3c1328b Olga Brani
 * Correct `select` style inheritance in Firefox 4+ and Opera.
299 b3c1328b Olga Brani
 */
300 b3c1328b Olga Brani
301 b3c1328b Olga Brani
button,
302 b3c1328b Olga Brani
select {
303 b3c1328b Olga Brani
    text-transform: none;
304 b3c1328b Olga Brani
}
305 b3c1328b Olga Brani
306 b3c1328b Olga Brani
/**
307 b3c1328b Olga Brani
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
308 b3c1328b Olga Brani
 *    and `video` controls.
309 b3c1328b Olga Brani
 * 2. Correct inability to style clickable `input` types in iOS.
310 b3c1328b Olga Brani
 * 3. Improve usability and consistency of cursor style between image-type
311 b3c1328b Olga Brani
 *    `input` and others.
312 b3c1328b Olga Brani
 */
313 b3c1328b Olga Brani
314 b3c1328b Olga Brani
button,
315 b3c1328b Olga Brani
html input[type="button"], /* 1 */
316 b3c1328b Olga Brani
input[type="reset"],
317 b3c1328b Olga Brani
input[type="submit"] {
318 b3c1328b Olga Brani
    -webkit-appearance: button; /* 2 */
319 b3c1328b Olga Brani
    cursor: pointer; /* 3 */
320 b3c1328b Olga Brani
}
321 b3c1328b Olga Brani
322 b3c1328b Olga Brani
/**
323 b3c1328b Olga Brani
 * Re-set default cursor for disabled elements.
324 b3c1328b Olga Brani
 */
325 b3c1328b Olga Brani
326 b3c1328b Olga Brani
button[disabled],
327 b3c1328b Olga Brani
html input[disabled] {
328 b3c1328b Olga Brani
    cursor: default;
329 b3c1328b Olga Brani
}
330 b3c1328b Olga Brani
331 b3c1328b Olga Brani
/**
332 b3c1328b Olga Brani
 * 1. Address box sizing set to `content-box` in IE 8/9.
333 b3c1328b Olga Brani
 * 2. Remove excess padding in IE 8/9.
334 b3c1328b Olga Brani
 */
335 b3c1328b Olga Brani
336 b3c1328b Olga Brani
input[type="checkbox"],
337 b3c1328b Olga Brani
input[type="radio"] {
338 b3c1328b Olga Brani
    box-sizing: border-box; /* 1 */
339 b3c1328b Olga Brani
    padding: 0; /* 2 */
340 b3c1328b Olga Brani
}
341 b3c1328b Olga Brani
342 b3c1328b Olga Brani
/**
343 b3c1328b Olga Brani
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
344 b3c1328b Olga Brani
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
345 b3c1328b Olga Brani
 *    (include `-moz` to future-proof).
346 b3c1328b Olga Brani
 */
347 b3c1328b Olga Brani
348 b3c1328b Olga Brani
input[type="search"] {
349 b3c1328b Olga Brani
    -webkit-appearance: textfield; /* 1 */
350 b3c1328b Olga Brani
    -moz-box-sizing: content-box;
351 b3c1328b Olga Brani
    -webkit-box-sizing: content-box; /* 2 */
352 b3c1328b Olga Brani
    box-sizing: content-box;
353 b3c1328b Olga Brani
}
354 b3c1328b Olga Brani
355 b3c1328b Olga Brani
/**
356 b3c1328b Olga Brani
 * Remove inner padding and search cancel button in Safari 5 and Chrome
357 b3c1328b Olga Brani
 * on OS X.
358 b3c1328b Olga Brani
 */
359 b3c1328b Olga Brani
360 b3c1328b Olga Brani
input[type="search"]::-webkit-search-cancel-button,
361 b3c1328b Olga Brani
input[type="search"]::-webkit-search-decoration {
362 b3c1328b Olga Brani
    -webkit-appearance: none;
363 b3c1328b Olga Brani
}
364 b3c1328b Olga Brani
365 b3c1328b Olga Brani
/**
366 b3c1328b Olga Brani
 * Remove inner padding and border in Firefox 4+.
367 b3c1328b Olga Brani
 */
368 b3c1328b Olga Brani
369 b3c1328b Olga Brani
button::-moz-focus-inner,
370 b3c1328b Olga Brani
input::-moz-focus-inner {
371 b3c1328b Olga Brani
    border: 0;
372 b3c1328b Olga Brani
    padding: 0;
373 b3c1328b Olga Brani
}
374 b3c1328b Olga Brani
375 b3c1328b Olga Brani
/**
376 b3c1328b Olga Brani
 * 1. Remove default vertical scrollbar in IE 8/9.
377 b3c1328b Olga Brani
 * 2. Improve readability and alignment in all browsers.
378 b3c1328b Olga Brani
 */
379 b3c1328b Olga Brani
380 b3c1328b Olga Brani
textarea {
381 b3c1328b Olga Brani
    overflow: auto; /* 1 */
382 b3c1328b Olga Brani
    vertical-align: top; /* 2 */
383 b3c1328b Olga Brani
}
384 b3c1328b Olga Brani
385 b3c1328b Olga Brani
/* ==========================================================================
386 b3c1328b Olga Brani
   Tables
387 b3c1328b Olga Brani
   ========================================================================== */
388 b3c1328b Olga Brani
389 b3c1328b Olga Brani
/**
390 b3c1328b Olga Brani
 * Remove most spacing between table cells.
391 b3c1328b Olga Brani
 */
392 b3c1328b Olga Brani
393 b3c1328b Olga Brani
table {
394 b3c1328b Olga Brani
    border-collapse: collapse;
395 b3c1328b Olga Brani
    border-spacing: 0;
396 b3c1328b Olga Brani
}