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 | } |