Merge lp:~murazaki/ubuntu-fr-static/fix_compass into lp:ubuntu-fr-static
- fix_compass
- Merge into trunk
Status: | Needs review |
---|---|
Proposed branch: | lp:~murazaki/ubuntu-fr-static/fix_compass |
Merge into: | lp:ubuntu-fr-static |
Diff against target: |
3257 lines (+3169/-0) (has conflicts) 15 files modified
.bzrignore (+1/-0) README.TXT (+61/-0) config.rb (+49/-0) css/ubuntu-fr.css (+1253/-0) layout.html (+131/-0) normalize.html (+361/-0) sass/_init.scss (+165/-0) sass/_normalize-ubuntu.scss (+152/-0) sass/_normalize.scss (+670/-0) sass/_theme-ubuntu.scss (+21/-0) sass/components/_footer.scss (+25/-0) sass/components/_navbar.scss (+76/-0) sass/components/_wireframes.scss (+24/-0) sass/layouts/_responsive.scss (+120/-0) sass/ubuntu-fr.scss (+60/-0) Conflict adding file .bzrignore. Moved existing file to .bzrignore.moved. Conflict adding file css. Moved existing file to css.moved. Conflict adding file images. Moved existing file to images.moved. |
To merge this branch: | bzr merge lp:~murazaki/ubuntu-fr-static/fix_compass |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Ubuntu-fr-webteam | Pending | ||
Review via email: mp+244667@code.launchpad.net |
Commit message
Description of the change
Support dernière version de Compass
Unmerged revisions
- 6. By Murazaki <email address hidden>
-
Fix lié à la mise à jour de compass (ajout _normalize.scss + fix zen_grid)
- 5. By Murazaki <email address hidden>
-
Ajout valeurs couleur+radius dans init
- 4. By Murazaki <email address hidden>
-
Support dernière version de compass
- 3. By YoBoY
-
Définition des bases pour la navigation et le footer
Ajout du logo ubuntu-fr
Définition des classes dans les fichiers de test - 2. By YoBoY
-
Rédaction des bases de travail dans le README
Définition des éléments de compilation dans le config.rb
Ajout des premiers fichiers SASS
Définition du style global dans ubuntu-fr.scss qui va agréger tous les fichiers
Import du fichier _normalize.scss et du fichier de test normalize.html
Définition des premiers paramètres dans _init.scss
Définition des éléments HTML de base dans _normalize-ubuntu. scss basés sur le thème officiel
Création des autres fichiers scss définit dans le fichier principal - 1. By YoBoY
-
Création du projet, des dossiers et des fichiers vide de base
Preview Diff
1 | === added file '.bzrignore' |
2 | --- .bzrignore 1970-01-01 00:00:00 +0000 |
3 | +++ .bzrignore 2014-12-13 16:21:44 +0000 |
4 | @@ -0,0 +1,1 @@ |
5 | +.sass-cache |
6 | |
7 | === renamed file '.bzrignore' => '.bzrignore.moved' |
8 | === added file 'README.TXT' |
9 | --- README.TXT 1970-01-01 00:00:00 +0000 |
10 | +++ README.TXT 2014-12-13 16:21:44 +0000 |
11 | @@ -0,0 +1,61 @@ |
12 | +====== Thème web des sites du domaine ubuntu-fr.org ====== |
13 | + |
14 | +===== Thème Ubuntu ===== |
15 | + |
16 | +Nous appuierons notre travail sur le thème Ubuntu officiel. |
17 | + |
18 | + * https://code.launchpad.net/ubuntu-brand-guidelines |
19 | + |
20 | +Ce thème officiel est basé sur normalize (ce que nous reprendrons aussi) et une mise en page en grille de 12 colonnes non élastiques (ce que nous ne voulons pas sauf pour les grands écrans). |
21 | + |
22 | +Récupérer les fichiers du thème officiel : |
23 | + bzr branch lp:ubuntu-brand-guidelines/guidelines-assets |
24 | + |
25 | + |
26 | +===== SASS, COMPASS et ZenGrid ===== |
27 | + |
28 | + * Site web de SASS : http://sass-lang.com/ |
29 | + * Site web de COMPASS : http://compass-style.org/ |
30 | + * Site web de ZenGrid : http://zengrids.com/ |
31 | + |
32 | +**SASS** est pré-processeur CSS pensé comme une amélioration de CSS3 ajoutant des règles imbriquées, des variables, des fonctions, de l'héritage, et bien plus. Le tout est ensuite utilisé pour générer du CSS3 standard bien formaté. |
33 | +**COMPASS** est un framework pour SASS apportant diverses fonctions prédéfinies. |
34 | +**ZenGrid** est une extension pour SASS apportant un système de grilles de présentation. |
35 | + |
36 | +Pour installer tout ça : |
37 | + sudo apt-get install ruby |
38 | + sudo gem update |
39 | + sudo gem install sass compass zen-grids |
40 | + |
41 | +Pendant le développement, pour générer automatiquement les CSS à chaque changement de fichiers : |
42 | + compass watch |
43 | + |
44 | +Pour passer en production avec des fichiers CSS compressés : |
45 | + Éditer le fichier config.rb et dé-commenter la ligne : #environment = :production |
46 | + Effacer tous les CSS déjà créé : compass clean |
47 | + Régénérer les CSS avec la commande : compass compile |
48 | + |
49 | +Cela génère les fichiers CSS qu'il nous faut, compressés et agrégés. |
50 | + |
51 | + |
52 | +===== SMACSS ===== |
53 | + |
54 | + * Site web de SMACSS : http://smacss.com/ |
55 | + |
56 | +SMACSS est un guide d'écriture et d'organisation des différents fichiers .CSS afin de s'y retrouver plus facilement dans les différents éléments de mise en page. |
57 | + |
58 | +5 catégories de fichiers : |
59 | + Base - les styles de base |
60 | + Layout - la mise en page des différents éléments ou groupes d'éléments |
61 | + Module - les différents blocs réutilisables |
62 | + State - description de l'apparence en fonction d'un contexte particulier (taille d'écran, page particulière, état d'un élément,…) |
63 | + Theme - Ce qui est purement du thème (couleurs, fonds, etc…) |
64 | + |
65 | +Nos fichiers de travail .scss seront dans un de ces types |
66 | + |
67 | + |
68 | +===== Tests ===== |
69 | + |
70 | +Les fichiers .html sont uniquement là pour tester les éléments de base css afin d'avoir un rendu rapide de nos modifications. |
71 | + |
72 | + |
73 | |
74 | === added file 'config.rb' |
75 | --- config.rb 1970-01-01 00:00:00 +0000 |
76 | +++ config.rb 2014-12-13 16:21:44 +0000 |
77 | @@ -0,0 +1,49 @@ |
78 | +# |
79 | +# Ce fichier est destiné à l'intégration de Compass/Sass uniquement. Si vous |
80 | +# n'utilisez par Compass, vous pouvez le supprimer sans risque ou l'ignorer. |
81 | +# |
82 | +# Si vous voulez en apprendre plus sur Sass et Compass, lisez le fichier |
83 | +# sass/README.txt. |
84 | +# |
85 | + |
86 | + |
87 | +# Remplacez ce paramètre par :production quand c'est prêt pour la production. |
88 | +environment = :development |
89 | +#environment = :production |
90 | + |
91 | +# En développement, nous pouvons activer FireSass-compatible debug_info. |
92 | +firesass = false |
93 | +#firesass = true |
94 | + |
95 | + |
96 | +# Emplacement des éléments du thème. |
97 | +css_dir = "css" |
98 | +sass_dir = "sass" |
99 | +extensions_dir = "sass-extensions" |
100 | +images_dir = "images" |
101 | +javascripts_dir = "js" |
102 | + |
103 | + |
104 | +# Nécessite des greffons compass installés sur le système. |
105 | +#require 'breakpoint' |
106 | +require 'zen-grids' |
107 | + |
108 | + |
109 | +## |
110 | +## Vous n'avez probablement rien à modifier ci-dessous. |
111 | +## |
112 | + |
113 | +# Vous pouvez modifier le type de css généré (peux être modifier en ligne de commande): |
114 | +# output_style = :expanded ou :nested ou :compact ou :compressed |
115 | +output_style = (environment == :development) ? :expanded : :compressed |
116 | + |
117 | +# Pour permettre les chemins relatif grace aux fonctions d'assistance de compass. |
118 | +relative_assets = true |
119 | + |
120 | +# Pour désactiver les commentaires de debugage affichant l'emplacement original |
121 | +# des éléments, décommentez : |
122 | +# line_comments = false |
123 | + |
124 | +# Passez des options à sass. Pour le développement, nous activons FireSass-compatible |
125 | +# debug_info si la variable firesass est configurée à true. |
126 | +sass_options = (environment == :development && firesass == true) ? {:debug_info => true} : {} |
127 | |
128 | === added directory 'css' |
129 | === renamed directory 'css' => 'css.moved' |
130 | === added file 'css/ubuntu-fr.css' |
131 | --- css/ubuntu-fr.css 1970-01-01 00:00:00 +0000 |
132 | +++ css/ubuntu-fr.css 2014-12-13 16:21:44 +0000 |
133 | @@ -0,0 +1,1253 @@ |
134 | +@charset "UTF-8"; |
135 | +/** |
136 | + * @file |
137 | + * Les styles sont organisés en utilisant les principes SMACSS. |
138 | + * @see http://smacss.com/book/ |
139 | + * |
140 | + * Quand vous activez l'aggregation CSS dans admin/config/development/performance, |
141 | + * tous ces fichiers @include sont combinés en un seul fichier. |
142 | + */ |
143 | +/** |
144 | + * Importations et initialisations pour SASS |
145 | + * - Composants |
146 | + * - Variables |
147 | + * - Modules Compass |
148 | + * etc. |
149 | + */ |
150 | +/* ubuntu orange (used for text links also on any site except canonical) */ |
151 | +/* used as background on pre text */ |
152 | +/* canonical aubergine */ |
153 | +/* light aubergine (consumer) */ |
154 | +/* mid aubergine (both) */ |
155 | +/* dark aubergine (enterprise) */ |
156 | +/* warm grey */ |
157 | +/* cool grey */ |
158 | +/* light grey */ |
159 | +/* red */ |
160 | +/* yellow */ |
161 | +/* green */ |
162 | +/* cyan */ |
163 | +/* red, for status that require immediate attention */ |
164 | +/* grey, for disabled status or ones that don’t require attention */ |
165 | +/* yellow, for status that require attention */ |
166 | +/* blue, for status that don’t require action */ |
167 | +/* green, for positive status */ |
168 | +/* misc colours */ |
169 | +/* This is the global link color, mainly used for links in content */ |
170 | +/** |
171 | + * BASE - Règles pour les éléments HTML |
172 | + */ |
173 | +/* Ce fichier est celui du projet normalize non modifié |
174 | + * @see https://github.com/JohnAlbin/normalize.css-with-sass-or-compass |
175 | + */ |
176 | +/* normalize-scss 3.0.2+normalize.3.0.2 | MIT/GPLv2 License | bit.ly/normalize-scss */ |
177 | +/** |
178 | + * Establish a vertical rhythm unit using $base-font-size, $base-line-height, |
179 | + * and $rhythm-unit variables. Also, correct text resizing oddly in IE 6/7 when |
180 | + * body `font-size` is set using `em` units. |
181 | + */ |
182 | +/* line 106, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/_vertical_rhythm.scss */ |
183 | +html { |
184 | + font-size: 100%; |
185 | + line-height: 1.5em; |
186 | +} |
187 | + |
188 | +/** |
189 | + * 1. Set default font family to sans-serif. |
190 | + * 2. Prevent iOS text size adjust after orientation change, without disabling |
191 | + * user zoom. |
192 | + */ |
193 | +/* line 67, ../sass/_normalize.scss */ |
194 | +html { |
195 | + font-family: Ubuntu, Arial, "libra sans", sans-serif; |
196 | + /* 1 */ |
197 | + -ms-text-size-adjust: 100%; |
198 | + /* 2 */ |
199 | + -webkit-text-size-adjust: 100%; |
200 | + /* 2 */ |
201 | +} |
202 | + |
203 | +/** |
204 | + * Remove default margin. |
205 | + */ |
206 | +/* line 79, ../sass/_normalize.scss */ |
207 | +body { |
208 | + margin: 0; |
209 | +} |
210 | + |
211 | +/* HTML5 display definitions |
212 | + ========================================================================== */ |
213 | +/** |
214 | + * Correct `block` display not defined for any HTML5 element in IE 8/9. |
215 | + * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
216 | + * and Firefox. |
217 | + * Correct `block` display not defined for `main` in IE 11. |
218 | + */ |
219 | +/* line 93, ../sass/_normalize.scss */ |
220 | +article, |
221 | +aside, |
222 | +details, |
223 | +figcaption, |
224 | +figure, |
225 | +footer, |
226 | +header, |
227 | +hgroup, |
228 | +main, |
229 | +menu, |
230 | +nav, |
231 | +section, |
232 | +summary { |
233 | + display: block; |
234 | +} |
235 | + |
236 | +/** |
237 | + * 1. Correct `inline-block` display not defined in IE 8/9. |
238 | + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
239 | + */ |
240 | +/* line 114, ../sass/_normalize.scss */ |
241 | +audio, |
242 | +canvas, |
243 | +progress, |
244 | +video { |
245 | + display: inline-block; |
246 | + /* 1 */ |
247 | + *display: inline; |
248 | + *zoom: 1; |
249 | + vertical-align: baseline; |
250 | + /* 2 */ |
251 | +} |
252 | + |
253 | +/** |
254 | + * Prevent modern browsers from displaying `audio` without controls. |
255 | + * Remove excess height in iOS 5 devices. |
256 | + */ |
257 | +/* line 133, ../sass/_normalize.scss */ |
258 | +audio:not([controls]) { |
259 | + display: none; |
260 | + height: 0; |
261 | +} |
262 | + |
263 | +/** |
264 | + * Address `[hidden]` styling not present in IE 8/9/10. |
265 | + */ |
266 | +/* line 143, ../sass/_normalize.scss */ |
267 | +[hidden] { |
268 | + display: none; |
269 | +} |
270 | + |
271 | +/** |
272 | + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. |
273 | + */ |
274 | +/* line 152, ../sass/_normalize.scss */ |
275 | +template { |
276 | + display: none; |
277 | +} |
278 | + |
279 | +/* Links |
280 | + ========================================================================== */ |
281 | +/** |
282 | + * Remove the gray background color from active links in IE 10. |
283 | + */ |
284 | +/* line 164, ../sass/_normalize.scss */ |
285 | +a { |
286 | + background-color: transparent; |
287 | +} |
288 | + |
289 | +/** |
290 | + * Improve readability when focused and also mouse hovered in all browsers. |
291 | + */ |
292 | +/* line 173, ../sass/_normalize.scss */ |
293 | +a:active, |
294 | +a:hover { |
295 | + outline: 0; |
296 | +} |
297 | + |
298 | +/* Text-level semantics |
299 | + ========================================================================== */ |
300 | +/** |
301 | + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
302 | + */ |
303 | +/* line 185, ../sass/_normalize.scss */ |
304 | +abbr[title] { |
305 | + border-bottom: 1px dotted; |
306 | +} |
307 | + |
308 | +/** |
309 | + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
310 | + */ |
311 | +/* line 193, ../sass/_normalize.scss */ |
312 | +b, |
313 | +strong { |
314 | + font-weight: bold; |
315 | +} |
316 | + |
317 | +/** |
318 | + * Set 1 unit of vertical rhythm on the top and bottom margin. |
319 | + */ |
320 | +/* line 203, ../sass/_normalize.scss */ |
321 | +blockquote { |
322 | + margin: 1.5em 28px; |
323 | +} |
324 | + |
325 | +/** |
326 | + * Address styling not present in Safari and Chrome. |
327 | + */ |
328 | +/* line 212, ../sass/_normalize.scss */ |
329 | +dfn { |
330 | + font-style: italic; |
331 | +} |
332 | + |
333 | +/** |
334 | + * Address variable `h1` font-size and margin within `section` and `article` |
335 | + * contexts in Firefox 4+, Safari, and Chrome. |
336 | + */ |
337 | +/* line 221, ../sass/_normalize.scss */ |
338 | +h1 { |
339 | + /* Set the font-size and line-height while keeping a proper vertical rhythm. */ |
340 | + font-size: 2.813em; |
341 | + line-height: 1.59972em; |
342 | + /* Set 1 unit of vertical rhythm on the top and bottom margins. */ |
343 | + margin-top: 0.53324em; |
344 | + margin-bottom: 0.53324em; |
345 | +} |
346 | + |
347 | +/* line 236, ../sass/_normalize.scss */ |
348 | +h2 { |
349 | + font-size: 2em; |
350 | + line-height: 1.5em; |
351 | + margin-top: 0.75em; |
352 | + margin-bottom: 0.75em; |
353 | +} |
354 | + |
355 | +/* line 242, ../sass/_normalize.scss */ |
356 | +h3 { |
357 | + font-size: 1.438em; |
358 | + line-height: 2.08623em; |
359 | + margin-top: 1.04312em; |
360 | + margin-bottom: 1.04312em; |
361 | +} |
362 | + |
363 | +/* line 248, ../sass/_normalize.scss */ |
364 | +h4 { |
365 | + font-size: 1.219em; |
366 | + line-height: 1.23052em; |
367 | + margin-top: 1.23052em; |
368 | + margin-bottom: 1.23052em; |
369 | +} |
370 | + |
371 | +/* line 254, ../sass/_normalize.scss */ |
372 | +h5 { |
373 | + font-size: 1em; |
374 | + line-height: 1.5em; |
375 | + margin-top: 1.5em; |
376 | + margin-bottom: 1.5em; |
377 | +} |
378 | + |
379 | +/* line 260, ../sass/_normalize.scss */ |
380 | +h6 { |
381 | + font-size: 0.813em; |
382 | + line-height: 1.84502em; |
383 | + margin-top: 1.84502em; |
384 | + margin-bottom: 1.84502em; |
385 | +} |
386 | + |
387 | +/** |
388 | + * Address styling not present in IE 8/9. |
389 | + */ |
390 | +/* line 272, ../sass/_normalize.scss */ |
391 | +mark { |
392 | + background: #ff0; |
393 | + color: #000; |
394 | +} |
395 | + |
396 | +/** |
397 | + * Set 1 unit of vertical rhythm on the top and bottom margin. |
398 | + */ |
399 | +/* line 283, ../sass/_normalize.scss */ |
400 | +p, |
401 | +pre { |
402 | + margin: 1.5em 0; |
403 | +} |
404 | + |
405 | +/** |
406 | + * Address inconsistent and variable font size in all browsers. |
407 | + */ |
408 | +/* line 293, ../sass/_normalize.scss */ |
409 | +small { |
410 | + font-size: 80%; |
411 | +} |
412 | + |
413 | +/** |
414 | + * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
415 | + */ |
416 | +/* line 301, ../sass/_normalize.scss */ |
417 | +sub, |
418 | +sup { |
419 | + font-size: 75%; |
420 | + line-height: 0; |
421 | + position: relative; |
422 | + vertical-align: baseline; |
423 | +} |
424 | + |
425 | +/* line 309, ../sass/_normalize.scss */ |
426 | +sup { |
427 | + top: -0.5em; |
428 | +} |
429 | + |
430 | +/* line 313, ../sass/_normalize.scss */ |
431 | +sub { |
432 | + bottom: -0.25em; |
433 | +} |
434 | + |
435 | +/* Lists |
436 | + ========================================================================== */ |
437 | +/** |
438 | + * Address margins set differently in IE 6/7. |
439 | + */ |
440 | +/* line 325, ../sass/_normalize.scss */ |
441 | +dl, |
442 | +menu, |
443 | +ol, |
444 | +ul { |
445 | + margin: 1.5em 0; |
446 | +} |
447 | + |
448 | +/** |
449 | + * Turn off margins on nested lists. |
450 | + */ |
451 | +/* line 339, ../sass/_normalize.scss */ |
452 | +ol ol, |
453 | +ol ul, |
454 | +ul ol, |
455 | +ul ul { |
456 | + margin: 0; |
457 | +} |
458 | + |
459 | +/* line 346, ../sass/_normalize.scss */ |
460 | +dd { |
461 | + margin: 0 0 0 28px; |
462 | +} |
463 | + |
464 | +/** |
465 | + * Address paddings set differently in IE 6/7. |
466 | + */ |
467 | +/* line 354, ../sass/_normalize.scss */ |
468 | +menu, |
469 | +ol, |
470 | +ul { |
471 | + padding: 0 0 0 28px; |
472 | +} |
473 | + |
474 | +/** |
475 | + * Correct list images handled incorrectly in IE 7. |
476 | + */ |
477 | +/* line 366, ../sass/_normalize.scss */ |
478 | +nav ul, |
479 | +nav ol { |
480 | + list-style: none; |
481 | + list-style-image: none; |
482 | +} |
483 | + |
484 | +/* Embedded content |
485 | + ========================================================================== */ |
486 | +/** |
487 | + * Remove border when inside `a` element in IE 8/9/10. |
488 | + */ |
489 | +/* line 381, ../sass/_normalize.scss */ |
490 | +img { |
491 | + border: 0; |
492 | + /* Improve image quality when scaled in IE 7. */ |
493 | + -ms-interpolation-mode: bicubic; |
494 | +} |
495 | + |
496 | +/** |
497 | + * Correct overflow not hidden in IE 9/10/11. |
498 | + */ |
499 | +/* line 394, ../sass/_normalize.scss */ |
500 | +svg:not(:root) { |
501 | + overflow: hidden; |
502 | +} |
503 | + |
504 | +/* Grouping content |
505 | + ========================================================================== */ |
506 | +/** |
507 | + * Address margin not present in IE 8/9 and Safari. |
508 | + */ |
509 | +/* line 406, ../sass/_normalize.scss */ |
510 | +figure { |
511 | + margin: 1.5em 28px; |
512 | +} |
513 | + |
514 | +/** |
515 | + * Address differences between Firefox and other browsers. |
516 | + */ |
517 | +/* line 415, ../sass/_normalize.scss */ |
518 | +hr { |
519 | + -moz-box-sizing: content-box; |
520 | + -webkit-box-sizing: content-box; |
521 | + box-sizing: content-box; |
522 | + height: 0; |
523 | +} |
524 | + |
525 | +/** |
526 | + * Contain overflow in all browsers. |
527 | + */ |
528 | +/* line 424, ../sass/_normalize.scss */ |
529 | +pre { |
530 | + overflow: auto; |
531 | +} |
532 | + |
533 | +/** |
534 | + * Address odd `em`-unit font size rendering in all browsers. |
535 | + */ |
536 | +/* line 432, ../sass/_normalize.scss */ |
537 | +code, |
538 | +kbd, |
539 | +pre, |
540 | +samp { |
541 | + font-family: monospace, monospace; |
542 | + font-size: 1em; |
543 | +} |
544 | + |
545 | +/* Forms |
546 | + ========================================================================== */ |
547 | +/** |
548 | + * Known limitation: by default, Chrome and Safari on OS X allow very limited |
549 | + * styling of `select`, unless a `border` property is set. |
550 | + */ |
551 | +/** |
552 | + * Correct margin displayed oddly in IE 6/7. |
553 | + */ |
554 | +/* line 456, ../sass/_normalize.scss */ |
555 | +form { |
556 | + margin: 0; |
557 | +} |
558 | + |
559 | +/** |
560 | + * 1. Correct color not being inherited. |
561 | + * Known issue: affects color of disabled elements. |
562 | + * 2. Correct font properties not being inherited. |
563 | + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
564 | + * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7 |
565 | + * 5. Improve appearance and consistency with IE 6/7. |
566 | + */ |
567 | +/* line 470, ../sass/_normalize.scss */ |
568 | +button, |
569 | +input, |
570 | +optgroup, |
571 | +select, |
572 | +textarea { |
573 | + color: inherit; |
574 | + /* 1 */ |
575 | + font: inherit; |
576 | + /* 2 */ |
577 | + margin: 0; |
578 | + /* 3 */ |
579 | + *font-family: Ubuntu, Arial, "libra sans", sans-serif; |
580 | + /* 4 */ |
581 | + *vertical-align: middle; |
582 | + /* 5 */ |
583 | +} |
584 | + |
585 | +/** |
586 | + * Address `overflow` set to `hidden` in IE 8/9/10/11. |
587 | + */ |
588 | +/* line 488, ../sass/_normalize.scss */ |
589 | +button { |
590 | + overflow: visible; |
591 | +} |
592 | + |
593 | +/** |
594 | + * Address inconsistent `text-transform` inheritance for `button` and `select`. |
595 | + * All other form control elements do not inherit `text-transform` values. |
596 | + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
597 | + * Correct `select` style inheritance in Firefox. |
598 | + */ |
599 | +/* line 499, ../sass/_normalize.scss */ |
600 | +button, |
601 | +select { |
602 | + text-transform: none; |
603 | +} |
604 | + |
605 | +/** |
606 | + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
607 | + * and `video` controls. |
608 | + * 2. Correct inability to style clickable `input` types in iOS. |
609 | + * 3. Improve usability and consistency of cursor style between image-type |
610 | + * `input` and others. |
611 | + * 4. Remove inner spacing in IE 7 without affecting normal text inputs. |
612 | + * Known issue: inner spacing remains in IE 6. |
613 | + */ |
614 | +/* line 514, ../sass/_normalize.scss */ |
615 | +button, |
616 | +html input[type="button"], |
617 | +input[type="reset"], |
618 | +input[type="submit"] { |
619 | + -webkit-appearance: button; |
620 | + /* 2 */ |
621 | + cursor: pointer; |
622 | + /* 3 */ |
623 | + *overflow: visible; |
624 | + /* 4 */ |
625 | +} |
626 | + |
627 | +/** |
628 | + * Re-set default cursor for disabled elements. |
629 | + */ |
630 | +/* line 529, ../sass/_normalize.scss */ |
631 | +button[disabled], |
632 | +html input[disabled] { |
633 | + cursor: default; |
634 | +} |
635 | + |
636 | +/** |
637 | + * Remove inner padding and border in Firefox 4+. |
638 | + */ |
639 | +/* line 538, ../sass/_normalize.scss */ |
640 | +button::-moz-focus-inner, |
641 | +input::-moz-focus-inner { |
642 | + border: 0; |
643 | + padding: 0; |
644 | +} |
645 | + |
646 | +/** |
647 | + * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
648 | + * the UA stylesheet. |
649 | + */ |
650 | +/* line 549, ../sass/_normalize.scss */ |
651 | +input { |
652 | + line-height: normal; |
653 | +} |
654 | + |
655 | +/** |
656 | + * It's recommended that you don't attempt to style these elements. |
657 | + * Firefox's implementation doesn't respect box-sizing, padding, or width. |
658 | + * |
659 | + * 1. Address box sizing set to `content-box` in IE 8/9/10. |
660 | + * 2. Remove excess padding in IE 8/9/10. |
661 | + * 3. Remove excess padding in IE 7. |
662 | + * Known issue: excess padding remains in IE 6. |
663 | + */ |
664 | +/* line 564, ../sass/_normalize.scss */ |
665 | +input[type="checkbox"], |
666 | +input[type="radio"] { |
667 | + -moz-box-sizing: border-box; |
668 | + -webkit-box-sizing: border-box; |
669 | + box-sizing: border-box; |
670 | + /* 1 */ |
671 | + padding: 0; |
672 | + /* 2 */ |
673 | + *height: 13px; |
674 | + /* 3 */ |
675 | + *width: 13px; |
676 | + /* 3 */ |
677 | +} |
678 | + |
679 | +/** |
680 | + * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
681 | + * `font-size` values of the `input`, it causes the cursor style of the |
682 | + * decrement button to change from `default` to `text`. |
683 | + */ |
684 | +/* line 581, ../sass/_normalize.scss */ |
685 | +input[type="number"]::-webkit-inner-spin-button, |
686 | +input[type="number"]::-webkit-outer-spin-button { |
687 | + height: auto; |
688 | +} |
689 | + |
690 | +/** |
691 | + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
692 | + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome |
693 | + * (include `-moz` to future-proof). |
694 | + */ |
695 | +/* line 592, ../sass/_normalize.scss */ |
696 | +input[type="search"] { |
697 | + -webkit-appearance: textfield; |
698 | + /* 1 */ |
699 | + -moz-box-sizing: content-box; |
700 | + -webkit-box-sizing: content-box; |
701 | + box-sizing: content-box; |
702 | + /* 2 */ |
703 | + /** |
704 | + * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
705 | + * Safari (but not Chrome) clips the cancel button when the search input has |
706 | + * padding (and `textfield` appearance). |
707 | + */ |
708 | +} |
709 | +/* line 602, ../sass/_normalize.scss */ |
710 | +input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { |
711 | + -webkit-appearance: none; |
712 | +} |
713 | + |
714 | +/** |
715 | + * Define consistent border, margin, and padding. |
716 | + */ |
717 | +/* line 612, ../sass/_normalize.scss */ |
718 | +fieldset { |
719 | + margin: 0 2px; |
720 | + /* Apply borders and padding that keep the vertical rhythm. */ |
721 | + border-color: #c0c0c0; |
722 | + border-top-width: 0.0625em; |
723 | + border-top-style: solid; |
724 | + padding-top: 0.4625em; |
725 | + border-bottom-width: 0.0625em; |
726 | + border-bottom-style: solid; |
727 | + padding-bottom: 0.9125em; |
728 | + border-left-width: 0.0625em; |
729 | + border-left-style: solid; |
730 | + padding-left: 0.875em; |
731 | + border-right-width: 0.0625em; |
732 | + border-right-style: solid; |
733 | + padding-right: 0.875em; |
734 | +} |
735 | + |
736 | +/** |
737 | + * 1. Correct `color` not being inherited in IE 8/9/10/11. |
738 | + * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
739 | + * 3. Correct alignment displayed oddly in IE 6/7. |
740 | + */ |
741 | +/* line 628, ../sass/_normalize.scss */ |
742 | +legend { |
743 | + border: 0; |
744 | + /* 1 */ |
745 | + padding: 0; |
746 | + /* 2 */ |
747 | + *margin-left: -7px; |
748 | + /* 3 */ |
749 | +} |
750 | + |
751 | +/** |
752 | + * Remove default vertical scrollbar in IE 8/9/10/11. |
753 | + */ |
754 | +/* line 642, ../sass/_normalize.scss */ |
755 | +textarea { |
756 | + overflow: auto; |
757 | +} |
758 | + |
759 | +/** |
760 | + * Don't inherit the `font-weight` (applied by a rule above). |
761 | + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
762 | + */ |
763 | +/* line 651, ../sass/_normalize.scss */ |
764 | +optgroup { |
765 | + font-weight: bold; |
766 | +} |
767 | + |
768 | +/* Tables |
769 | + ========================================================================== */ |
770 | +/** |
771 | + * Remove most spacing between table cells. |
772 | + */ |
773 | +/* line 662, ../sass/_normalize.scss */ |
774 | +table { |
775 | + border-collapse: collapse; |
776 | + border-spacing: 0; |
777 | +} |
778 | + |
779 | +/* line 667, ../sass/_normalize.scss */ |
780 | +td, |
781 | +th { |
782 | + padding: 0; |
783 | +} |
784 | + |
785 | +/* Les modifications apportées par le projet ubuntu */ |
786 | +/** |
787 | + * Personnalisation de base des éléments HTML5 |
788 | + * |
789 | + * Complément du fichier normalize reprenant les éléments du thème officiel |
790 | + * |
791 | + */ |
792 | +/* =========================================================================== |
793 | + * Liens |
794 | + * ===========================================================================*/ |
795 | +/* line 12, ../sass/_normalize-ubuntu.scss */ |
796 | +a:link, a:visited { |
797 | + color: #dd4814; |
798 | + text-decoration: none; |
799 | +} |
800 | + |
801 | +/* line 17, ../sass/_normalize-ubuntu.scss */ |
802 | +a:hover, a:active, a:focus { |
803 | + text-decoration: underline; |
804 | +} |
805 | + |
806 | +/* =========================================================================== |
807 | + * Typography |
808 | + * ===========================================================================*/ |
809 | +/* line 26, ../sass/_normalize-ubuntu.scss */ |
810 | +blockquote, q { |
811 | + quotes: none; |
812 | +} |
813 | + |
814 | +/* line 30, ../sass/_normalize-ubuntu.scss */ |
815 | +blockquote:before, blockquote:after, |
816 | +q:before, q:after { |
817 | + content: ""; |
818 | + content: none; |
819 | +} |
820 | + |
821 | +/* line 36, ../sass/_normalize-ubuntu.scss */ |
822 | +abbr, acronym { |
823 | + cursor: help; |
824 | +} |
825 | + |
826 | +/* line 38, ../sass/_normalize-ubuntu.scss */ |
827 | +h6 { |
828 | + text-transform: uppercase; |
829 | +} |
830 | + |
831 | +/* line 42, ../sass/_normalize-ubuntu.scss */ |
832 | +ins { |
833 | + background: #fffbeb; |
834 | + text-decoration: none; |
835 | +} |
836 | + |
837 | +/* line 47, ../sass/_normalize-ubuntu.scss */ |
838 | +code, |
839 | +kbd, |
840 | +pre, |
841 | +samp { |
842 | + font-family: "Ubuntu Mono", "Consolas", "Monaco", "Lucida Console", "Courier New", Courier, monospace, sans-serif; |
843 | +} |
844 | + |
845 | +/* =========================================================================== |
846 | + * Formulaires |
847 | + * ===========================================================================*/ |
848 | +/* line 58, ../sass/_normalize-ubuntu.scss */ |
849 | +fieldset { |
850 | + -moz-border-radius: 4px; |
851 | + -webkit-border-radius: 4px; |
852 | + border-radius: 4px; |
853 | + background-color: #EFEEEC; |
854 | + border-top-width: 0em; |
855 | + border-top-style: solid; |
856 | + padding-top: 0.9375em; |
857 | + border-bottom-width: 0em; |
858 | + border-bottom-style: solid; |
859 | + padding-bottom: 0.9375em; |
860 | + border-left-width: 0em; |
861 | + border-left-style: solid; |
862 | + padding-left: 5.625em; |
863 | + border-right-width: 0em; |
864 | + border-right-style: solid; |
865 | + padding-right: 1.2em; |
866 | +} |
867 | + |
868 | +/* line 67, ../sass/_normalize-ubuntu.scss */ |
869 | +input, |
870 | +button, |
871 | +textarea { |
872 | + -moz-border-radius: 4px; |
873 | + -webkit-border-radius: 4px; |
874 | + border-radius: 4px; |
875 | + border: 1px solid #999999; |
876 | + padding: 4px; |
877 | +} |
878 | + |
879 | +/* line 75, ../sass/_normalize-ubuntu.scss */ |
880 | +input[type="text"], |
881 | +textarea { |
882 | + display: block; |
883 | +} |
884 | + |
885 | +/* line 80, ../sass/_normalize-ubuntu.scss */ |
886 | +input:focus, |
887 | +textarea:focus { |
888 | + border: 1px solid #000; |
889 | +} |
890 | + |
891 | +/* line 85, ../sass/_normalize-ubuntu.scss */ |
892 | +textarea[readonly='readonly'] { |
893 | + color: #999; |
894 | +} |
895 | + |
896 | +/* line 89, ../sass/_normalize-ubuntu.scss */ |
897 | +input[type="submit"], |
898 | +input[type="reset"], |
899 | +input[type="button"], |
900 | +button[type="submit"], |
901 | +button[type="reset"], |
902 | +button[type="button"] { |
903 | + display: block; |
904 | + padding: 10px 14px; |
905 | + text-shadow: none; |
906 | + width: auto; |
907 | + margin-bottom: 0; |
908 | +} |
909 | + |
910 | +/* line 103, ../sass/_normalize-ubuntu.scss */ |
911 | +input[type="submit"], |
912 | +button[type="submit"] { |
913 | + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNDgxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwM2YxMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); |
914 | + background-size: 100%; |
915 | + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd4814), color-stop(100%, #c03f11)); |
916 | + background-image: -moz-linear-gradient(#dd4814, #c03f11); |
917 | + background-image: -webkit-linear-gradient(#dd4814, #c03f11); |
918 | + background-image: linear-gradient(#dd4814, #c03f11); |
919 | + -moz-box-shadow: none; |
920 | + -webkit-box-shadow: none; |
921 | + box-shadow: none; |
922 | + color: #fff; |
923 | + border: 0; |
924 | +} |
925 | + |
926 | +/* line 111, ../sass/_normalize-ubuntu.scss */ |
927 | +button[type="submit"]:hover, |
928 | +input[type="submit"]:hover { |
929 | + background: #dd4814; |
930 | +} |
931 | + |
932 | +/* line 116, ../sass/_normalize-ubuntu.scss */ |
933 | +button[disabled], |
934 | +html input[disabled], |
935 | +button[disabled]:hover, |
936 | +html input[disabled]:hover { |
937 | + background-color: #efefef; |
938 | + background-image: none; |
939 | + cursor: not-allowed; |
940 | +} |
941 | + |
942 | +/* line 125, ../sass/_normalize-ubuntu.scss */ |
943 | +input[type="reset"] { |
944 | + display: none; |
945 | +} |
946 | + |
947 | +/* line 129, ../sass/_normalize-ubuntu.scss */ |
948 | +button[type="submit"] { |
949 | + border: 0; |
950 | + display: inline-block; |
951 | + text-decoration: none; |
952 | +} |
953 | + |
954 | +/* line 135, ../sass/_normalize-ubuntu.scss */ |
955 | +label { |
956 | + cursor: pointer; |
957 | + display: block; |
958 | + margin-bottom: 4px; |
959 | +} |
960 | + |
961 | +/* line 141, ../sass/_normalize-ubuntu.scss */ |
962 | +label span { |
963 | + color: #df382c; |
964 | +} |
965 | + |
966 | +/* line 145, ../sass/_normalize-ubuntu.scss */ |
967 | +input[type="checkbox"] + label, |
968 | +input[type="radio"] + label { |
969 | + display: inline; |
970 | + margin-left: 5px; |
971 | + vertical-align: middle; |
972 | + width: auto; |
973 | +} |
974 | + |
975 | +/** |
976 | + * LAYOUT - Règles de mise en page |
977 | + */ |
978 | +/** |
979 | + * @file |
980 | + * Positionnement pour une mise en page « responsive » |
981 | + * |
982 | + * Définition des classes CSS pour créer une mise en page fluide. |
983 | + * Cette mise en page utilise le plugin Zen Grids pour Compass : http://zengrids.com |
984 | + */ |
985 | +/* Nous allons déterminer une grille avec un nombre de colonnes variables en fonction |
986 | + de la largeur de l'écran. Nous définirons une gouttière fixe entre ces colonnes. */ |
987 | +/* Initialisation des variables. */ |
988 | +/* If you need IE6/7 support for box-sizing: border-box (default), see _init.scss */ |
989 | +/* You can generate more efficient CSS if you manually apply the |
990 | + zen-grid-item-base mixin to all grid items from within a single ruleset. */ |
991 | +/* On centre la page et on limite la largeur pour les résolutions trop grandes */ |
992 | +/* line 26, ../sass/layouts/_responsive.scss */ |
993 | +.content, |
994 | +.header, |
995 | +.top-nav, |
996 | +.footer { |
997 | + margin-left: auto; |
998 | + margin-right: auto; |
999 | + max-width: 1200px; |
1000 | +} |
1001 | + |
1002 | +/* Définition des éléments de type container */ |
1003 | +/* line 36, ../sass/layouts/_responsive.scss */ |
1004 | +.main { |
1005 | + padding-left: 10px; |
1006 | + padding-right: 10px; |
1007 | + -moz-box-sizing: border-box; |
1008 | + -webkit-box-sizing: border-box; |
1009 | + -ms-box-sizing: border-box; |
1010 | + box-sizing: border-box; |
1011 | + word-wrap: break-word; |
1012 | + padding-top: 0.75em; |
1013 | + padding-bottom: 2.25em; |
1014 | +} |
1015 | + |
1016 | +@media all and (max-width: 727px) { |
1017 | + /* line 46, ../sass/layouts/_responsive.scss */ |
1018 | + .main .top-nav { |
1019 | + height: 1.8em; |
1020 | + } |
1021 | + /* line 45, ../../../../../../../../../var/lib/gems/1.9.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ |
1022 | + .main:before, .main:after { |
1023 | + content: ""; |
1024 | + display: table; |
1025 | + } |
1026 | + /* line 50, ../../../../../../../../../var/lib/gems/1.9.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ |
1027 | + .main:after { |
1028 | + clear: both; |
1029 | + } |
1030 | + /* line 50, ../sass/layouts/_responsive.scss */ |
1031 | + .main .menu { |
1032 | + float: left; |
1033 | + width: 100%; |
1034 | + margin-left: 0%; |
1035 | + margin-right: -100%; |
1036 | + clear: both; |
1037 | + } |
1038 | + /* line 55, ../sass/layouts/_responsive.scss */ |
1039 | + .main .login { |
1040 | + float: left; |
1041 | + width: 100%; |
1042 | + margin-left: 0%; |
1043 | + margin-right: -100%; |
1044 | + clear: both; |
1045 | + } |
1046 | + |
1047 | + /* line 60, ../sass/layouts/_responsive.scss */ |
1048 | + .footer-block li { |
1049 | + display: none; |
1050 | + } |
1051 | +} |
1052 | +@media all and (min-width: 728px) and (max-width: 1023px) { |
1053 | + /* line 68, ../sass/layouts/_responsive.scss */ |
1054 | + .main .top-nav { |
1055 | + height: 1.8em; |
1056 | + } |
1057 | + /* line 45, ../../../../../../../../../var/lib/gems/1.9.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ |
1058 | + .main:before, .main:after { |
1059 | + content: ""; |
1060 | + display: table; |
1061 | + } |
1062 | + /* line 50, ../../../../../../../../../var/lib/gems/1.9.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ |
1063 | + .main:after { |
1064 | + clear: both; |
1065 | + } |
1066 | + /* line 72, ../sass/layouts/_responsive.scss */ |
1067 | + .main .menu { |
1068 | + float: left; |
1069 | + width: 83.33333%; |
1070 | + margin-left: 0%; |
1071 | + margin-right: -83.33333%; |
1072 | + } |
1073 | + /* line 75, ../sass/layouts/_responsive.scss */ |
1074 | + .main .login { |
1075 | + float: left; |
1076 | + width: 16.66667%; |
1077 | + margin-left: 0%; |
1078 | + margin-right: -16.66667%; |
1079 | + text-align: right; |
1080 | + } |
1081 | + |
1082 | + /* line 80, ../sass/layouts/_responsive.scss */ |
1083 | + .footer-block { |
1084 | + float: left; |
1085 | + width: 200%; |
1086 | + } |
1087 | +} |
1088 | +@media all and (min-width: 1024px) { |
1089 | + /* line 88, ../sass/layouts/_responsive.scss */ |
1090 | + .header { |
1091 | + padding-top: 0px; |
1092 | + padding-bottom: 0px; |
1093 | + height: 4.5em; |
1094 | + } |
1095 | + |
1096 | + /* line 45, ../../../../../../../../../var/lib/gems/1.9.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ |
1097 | + .main:before, .main:after { |
1098 | + content: ""; |
1099 | + display: table; |
1100 | + } |
1101 | + /* line 50, ../../../../../../../../../var/lib/gems/1.9.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ |
1102 | + .main:after { |
1103 | + clear: both; |
1104 | + } |
1105 | + |
1106 | + /* line 96, ../sass/layouts/_responsive.scss */ |
1107 | + .menu { |
1108 | + float: left; |
1109 | + width: 83.33333%; |
1110 | + margin-left: 0%; |
1111 | + margin-right: -83.33333%; |
1112 | + } |
1113 | + |
1114 | + /* line 99, ../sass/layouts/_responsive.scss */ |
1115 | + .login { |
1116 | + float: left; |
1117 | + width: 16.66667%; |
1118 | + margin-left: 0%; |
1119 | + margin-right: -16.66667%; |
1120 | + text-align: right; |
1121 | + } |
1122 | + |
1123 | + /* line 103, ../sass/layouts/_responsive.scss */ |
1124 | + .site-title { |
1125 | + margin: 0px; |
1126 | + float: left; |
1127 | + width: 16.66667%; |
1128 | + margin-left: 0%; |
1129 | + margin-right: -16.66667%; |
1130 | + } |
1131 | + |
1132 | + /* line 107, ../sass/layouts/_responsive.scss */ |
1133 | + .sub-title { |
1134 | + margin: 0px; |
1135 | + padding-top: 0.6em; |
1136 | + float: left; |
1137 | + width: 16.66667%; |
1138 | + margin-left: 16.66667%; |
1139 | + margin-right: -33.33333%; |
1140 | + } |
1141 | + |
1142 | + /* line 112, ../sass/layouts/_responsive.scss */ |
1143 | + .header nav { |
1144 | + float: left; |
1145 | + width: 66.66667%; |
1146 | + margin-left: 33.33333%; |
1147 | + margin-right: -100%; |
1148 | + clear: right; |
1149 | + } |
1150 | + |
1151 | + /* line 116, ../sass/layouts/_responsive.scss */ |
1152 | + .footer-block { |
1153 | + float: left; |
1154 | + width: 200%; |
1155 | + } |
1156 | +} |
1157 | +/** |
1158 | + * MODULES - Règles pour les éléménts basiques |
1159 | + */ |
1160 | +/** |
1161 | + * @file |
1162 | + * Navigation bar. |
1163 | + */ |
1164 | +/* line 5, ../sass/components/_navbar.scss */ |
1165 | +.top-nav { |
1166 | + padding-top: 0; |
1167 | + padding-bottom: 0; |
1168 | +} |
1169 | +/* line 8, ../sass/components/_navbar.scss */ |
1170 | +.top-nav .menu { |
1171 | + margin: 0; |
1172 | + padding: 0; |
1173 | + border: 0; |
1174 | + overflow: hidden; |
1175 | + *zoom: 1; |
1176 | +} |
1177 | +/* line 62, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_horizontal-list.scss */ |
1178 | +.top-nav .menu li { |
1179 | + list-style-image: none; |
1180 | + list-style-type: none; |
1181 | + margin-left: 0; |
1182 | + white-space: nowrap; |
1183 | + float: left; |
1184 | + padding-left: 4px; |
1185 | + padding-right: 4px; |
1186 | +} |
1187 | +/* line 49, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_horizontal-list.scss */ |
1188 | +.top-nav .menu li:first-child { |
1189 | + padding-left: 0; |
1190 | +} |
1191 | +/* line 50, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_horizontal-list.scss */ |
1192 | +.top-nav .menu li:last-child { |
1193 | + padding-right: 0; |
1194 | +} |
1195 | +/* line 52, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_horizontal-list.scss */ |
1196 | +.top-nav .menu li.last { |
1197 | + padding-right: 0; |
1198 | +} |
1199 | +/* line 11, ../sass/components/_navbar.scss */ |
1200 | +.top-nav .menu li:first-of-type a { |
1201 | + margin-left: 0; |
1202 | +} |
1203 | +/* line 15, ../sass/components/_navbar.scss */ |
1204 | +.top-nav a { |
1205 | + -moz-transition: opacity 0.25s ease-in-out; |
1206 | + -o-transition: opacity 0.25s ease-in-out; |
1207 | + -webkit-transition: opacity 0.25s ease-in-out; |
1208 | + transition: opacity 0.25s ease-in-out; |
1209 | + color: white; |
1210 | + text-decoration: none; |
1211 | + font-size: 14.4px; |
1212 | + font-weight: 300; |
1213 | + line-height: 1.5em; |
1214 | + border-top: 0.3em solid transparent; |
1215 | + margin-right: 10px; |
1216 | + margin-left: 10px; |
1217 | + padding-bottom: 0.3em; |
1218 | + display: block; |
1219 | +} |
1220 | +/* line 29, ../sass/components/_navbar.scss */ |
1221 | +.top-nav a:hover { |
1222 | + color: #dd4814; |
1223 | +} |
1224 | +/* line 33, ../sass/components/_navbar.scss */ |
1225 | +.top-nav a.active { |
1226 | + color: #dd4814; |
1227 | + border-top: 0.3em solid #dd4814; |
1228 | + opacity: 1; |
1229 | +} |
1230 | + |
1231 | +/* line 41, ../sass/components/_navbar.scss */ |
1232 | +.header { |
1233 | + padding-top: 0; |
1234 | + padding-bottom: 0; |
1235 | +} |
1236 | +/* line 44, ../sass/components/_navbar.scss */ |
1237 | +.header .sub-menu { |
1238 | + margin: 0; |
1239 | + padding: 0; |
1240 | + border: 0; |
1241 | + overflow: hidden; |
1242 | + *zoom: 1; |
1243 | + border-right: 1px solid #c64012; |
1244 | +} |
1245 | +/* line 62, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_horizontal-list.scss */ |
1246 | +.header .sub-menu li { |
1247 | + list-style-image: none; |
1248 | + list-style-type: none; |
1249 | + margin-left: 0; |
1250 | + white-space: nowrap; |
1251 | + float: left; |
1252 | + padding-left: 4px; |
1253 | + padding-right: 4px; |
1254 | +} |
1255 | +/* line 49, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_horizontal-list.scss */ |
1256 | +.header .sub-menu li:first-child { |
1257 | + padding-left: 0; |
1258 | +} |
1259 | +/* line 50, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_horizontal-list.scss */ |
1260 | +.header .sub-menu li:last-child { |
1261 | + padding-right: 0; |
1262 | +} |
1263 | +/* line 52, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_horizontal-list.scss */ |
1264 | +.header .sub-menu li.last { |
1265 | + padding-right: 0; |
1266 | +} |
1267 | +/* line 48, ../sass/components/_navbar.scss */ |
1268 | +.header .sub-menu li { |
1269 | + height: 4.5em; |
1270 | + padding: 0px; |
1271 | + border-left: 1px solid #c64012; |
1272 | +} |
1273 | +/* line 53, ../sass/components/_navbar.scss */ |
1274 | +.header .sub-menu a { |
1275 | + -moz-transition: opacity 0.25s ease-in-out; |
1276 | + -o-transition: opacity 0.25s ease-in-out; |
1277 | + -webkit-transition: opacity 0.25s ease-in-out; |
1278 | + transition: opacity 0.25s ease-in-out; |
1279 | + color: white; |
1280 | + text-decoration: none; |
1281 | + line-height: 4.5em; |
1282 | + border-bottom: 0.3em solid transparent; |
1283 | + padding-right: 10px; |
1284 | + padding-left: 10px; |
1285 | + padding-top: 0.75em; |
1286 | + display: block; |
1287 | + border-left: 1px solid #e05a2b; |
1288 | +} |
1289 | +/* line 66, ../sass/components/_navbar.scss */ |
1290 | +.header .sub-menu a:hover { |
1291 | + background-color: #e05a2b; |
1292 | +} |
1293 | +/* line 70, ../sass/components/_navbar.scss */ |
1294 | +.header .sub-menu a.active { |
1295 | + background-color: #b03910; |
1296 | + opacity: 1; |
1297 | +} |
1298 | + |
1299 | +/** |
1300 | + * @file |
1301 | + * Navigation bar. |
1302 | + */ |
1303 | +/* line 5, ../sass/components/_footer.scss */ |
1304 | +.footer { |
1305 | + padding-top: 0; |
1306 | + padding-bottom: 0; |
1307 | + font-size: 12.8px; |
1308 | +} |
1309 | +/* line 9, ../sass/components/_footer.scss */ |
1310 | +.footer li { |
1311 | + list-style: none; |
1312 | +} |
1313 | +/* line 11, ../../../../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_bullets.scss */ |
1314 | +.footer li li { |
1315 | + list-style-image: none; |
1316 | + list-style-type: none; |
1317 | + margin-left: 0; |
1318 | +} |
1319 | +/* line 11, ../sass/components/_footer.scss */ |
1320 | +.footer li ul { |
1321 | + padding-left: 0px; |
1322 | + padding-left: 0px; |
1323 | +} |
1324 | +/* line 16, ../sass/components/_footer.scss */ |
1325 | +.footer a { |
1326 | + color: white; |
1327 | +} |
1328 | +/* line 19, ../sass/components/_footer.scss */ |
1329 | +.footer h3 { |
1330 | + margin-bottom: 0.3em; |
1331 | +} |
1332 | + |
1333 | +/* Ce module permet de mettre des bordures aux éléments principaux afin de mieux visualiser le positionnement, à désactiver en production */ |
1334 | +/** |
1335 | + * @file |
1336 | + * Wireframes. |
1337 | + */ |
1338 | +/* line 6, ../sass/components/_wireframes.scss */ |
1339 | +.with-wireframes footer, |
1340 | +.with-wireframes section, |
1341 | +.with-wireframes .main, |
1342 | +.with-wireframes .footer { |
1343 | + outline: 1px solid #ccc; |
1344 | +} |
1345 | + |
1346 | +/** |
1347 | + * THEMES - Règles pour les thèmes |
1348 | + */ |
1349 | +/* line 1, ../sass/_theme-ubuntu.scss */ |
1350 | +.top-section { |
1351 | + background-color: #333333; |
1352 | + color: white; |
1353 | +} |
1354 | + |
1355 | +/* line 5, ../sass/_theme-ubuntu.scss */ |
1356 | +.header-section { |
1357 | + background-color: #dd4814; |
1358 | + color: white; |
1359 | + border-top: #b03910 1px solid; |
1360 | +} |
1361 | + |
1362 | +/* line 10, ../sass/_theme-ubuntu.scss */ |
1363 | +.page-section { |
1364 | + background-color: #f7f7f7; |
1365 | +} |
1366 | + |
1367 | +/* line 13, ../sass/_theme-ubuntu.scss */ |
1368 | +.main-footer { |
1369 | + background-color: #2c001e; |
1370 | + color: white; |
1371 | +} |
1372 | + |
1373 | +/* line 18, ../sass/_theme-ubuntu.scss */ |
1374 | +.site-title { |
1375 | + -moz-background-size: contain; |
1376 | + -o-background-size: contain; |
1377 | + -webkit-background-size: contain; |
1378 | + background-size: contain; |
1379 | + text-indent: -119988px; |
1380 | + overflow: hidden; |
1381 | + text-align: left; |
1382 | + text-transform: capitalize; |
1383 | + background-image: url("../images/ubuntu-fr_orange_blanc.png"); |
1384 | + background-repeat: no-repeat; |
1385 | + background-position: 50% 50%; |
1386 | +} |
1387 | |
1388 | === added file 'doc.html' |
1389 | === added directory 'images' |
1390 | === added directory 'images-sources' |
1391 | === renamed directory 'images' => 'images.moved' |
1392 | === added file 'images/ubuntu-fr_orange_blanc.png' |
1393 | Binary files images/ubuntu-fr_orange_blanc.png 1970-01-01 00:00:00 +0000 and images/ubuntu-fr_orange_blanc.png 2014-12-13 16:21:44 +0000 differ |
1394 | === added directory 'js' |
1395 | === added file 'layout.html' |
1396 | --- layout.html 1970-01-01 00:00:00 +0000 |
1397 | +++ layout.html 2014-12-13 16:21:44 +0000 |
1398 | @@ -0,0 +1,131 @@ |
1399 | +<!DOCTYPE html> |
1400 | +<html lang="fr"> |
1401 | + <head> |
1402 | + <meta charset="utf-8"> |
1403 | + <meta name="viewport" content="width=device-width"> |
1404 | + <title>Exemple de mise en page</title> |
1405 | + <link rel="stylesheet" href="css/ubuntu-fr.css"> |
1406 | + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> |
1407 | + <style> |
1408 | + #boxsize button, |
1409 | + #boxsize input, |
1410 | + #boxsize select, |
1411 | + #boxsize textarea { |
1412 | + width: 200px; |
1413 | + padding: 5px; |
1414 | + border: 1px solid #333; |
1415 | + } |
1416 | + </style> |
1417 | + </head> |
1418 | + <body class=".with-wireframes"> |
1419 | + |
1420 | + <section class="top-section"> |
1421 | + <nav class="main top-nav"> |
1422 | + <ul class="menu"> |
1423 | + <li><a href="#">Découvrir Ubuntu</a></li> |
1424 | + <li><a href="#">Télécharger</a></li> |
1425 | + <li><a href="#" class="active">Actualités</a></li> |
1426 | + <li><a href="#">Documentation</a></li> |
1427 | + <li><a href="#">Forum</a></li> |
1428 | + <li><a href="#">Contact</a></li> |
1429 | + </ul> |
1430 | + <section class="login"><a href="#">Se connecter</a></section> |
1431 | + </nav> |
1432 | + </section> |
1433 | + <section class="header-section"> |
1434 | + <header class="main header"> |
1435 | + <h1 class="site-title">ubuntu-fr</h1> |
1436 | + <h2 class="sub-title">actualités</h2> |
1437 | + <nav> |
1438 | + <ul class="sub-menu"> |
1439 | + <li><a href="#">Blogs</a></li> |
1440 | + <li><a href="#" class="active">Événements</a></li> |
1441 | + <li><a href="#">Traduire</a></li> |
1442 | + <li><a href="#">FCM</a></li> |
1443 | + </ul> |
1444 | + </nav> |
1445 | + </header> |
1446 | + </section> |
1447 | + <section class="page-section"> |
1448 | + <section class="main content"> |
1449 | +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin risus orci, ullamcorper non lacus sit amet, tristique adipiscing erat. In aliquet, ipsum eu pretium dignissim, nisl risus tristique ligula, nec facilisis tellus mauris ac risus. Sed tristique facilisis vestibulum. Pellentesque tincidunt tempus eros in dapibus. Pellentesque suscipit cursus odio. Suspendisse at nunc viverra, placerat ipsum eget, hendrerit mauris. Vestibulum vel quam non leo consequat sollicitudin. Nulla sit amet tincidunt felis, sit amet sodales massa. Quisque ultrices at tellus sit amet laoreet. Maecenas tristique suscipit est, non convallis nisl facilisis eu. Praesent placerat ornare imperdiet. Curabitur eget elementum enim. Nulla eu fermentum leo, vitae adipiscing quam. |
1450 | + </section> |
1451 | + </section> |
1452 | + <section class="main-footer"> |
1453 | + <footer class="main footer"> |
1454 | + <nav role="navigation"> |
1455 | + <ul> |
1456 | + <li class="footer-block"> |
1457 | + <h3><a href="#">Ubuntu</a></h2> |
1458 | + <ul> |
1459 | + <li><a href="#">Présentation</a></li> |
1460 | + <li><a href="#">Télécharger</a></li> |
1461 | + <li><a href="#">Fonctions</a></li> |
1462 | + <li><a href="#">Participer</a></li> |
1463 | + </ul> |
1464 | + </li> |
1465 | + <li class="footer-block"> |
1466 | + <h3><a href="#">Actualités</a></h2> |
1467 | + <ul> |
1468 | + <li><a href="#">Blog</a></li> |
1469 | + <li><a href="#">Événements</a></li> |
1470 | + <li><a href="#">Planet</a></li> |
1471 | + <li><a href="#">Proposer un article</a></li> |
1472 | + <li><a href="#">Proposer un événement</a></li> |
1473 | + <li><a href="#">Participer au Planet</a></li> |
1474 | + </ul> |
1475 | + </li> |
1476 | + <li class="footer-block"> |
1477 | + <h3><a href="#">Documentation</a></h2> |
1478 | + <ul> |
1479 | + <li><a href="#">Débutants</a></li> |
1480 | + <li><a href="#">Installer Ubuntu</a></li> |
1481 | + <li><a href="#">Participer</a></li> |
1482 | + </ul> |
1483 | + </li> |
1484 | + <li class="footer-block"> |
1485 | + <h3><a href="#">Forum</a></h2> |
1486 | + <ul> |
1487 | + <li><a href="#">Règlements</a></li> |
1488 | + <li><a href="#">Poser une question</a></li> |
1489 | + </ul> |
1490 | + </li> |
1491 | + <li class="footer-block"> |
1492 | + <h3><a href="#">ubuntu-fr</a></h2> |
1493 | + <ul> |
1494 | + <li><a href="#">Les utilisateurs</a></li> |
1495 | + <li><a href="#">Les contributeurs</a></li> |
1496 | + <li><a href="#">Participer</a></li> |
1497 | + <li><a href="#">L'association</a></li> |
1498 | + <li><a href="#">Nous soutenir</a></li> |
1499 | + </ul> |
1500 | + </li> |
1501 | + <li class="secondary-tv footer-block"> |
1502 | + <h3><a href="/tv/">TV</a></h2> |
1503 | + <ul> |
1504 | + <li class="first"><a href="/tv">Overview</a></li> |
1505 | + <li><a href="/tv/experience">Experience</a></li> |
1506 | + <li><a href="/tv/industry">Industry</a></li> |
1507 | + <li><a href="/tv/contributors">Contributors</a></li> |
1508 | + <li><a href="/tv/features-and-specs">Features and specs</a></li> |
1509 | + <li><a href="/tv/commercial-info">Commercial info</a></li> |
1510 | + </ul> |
1511 | + </li> |
1512 | + <li class="secondary-management footer-block last-item"> |
1513 | + <h3><a href="/management/">Management</a></h2> |
1514 | + <ul> |
1515 | + <li class="first"><a href="/management">Overview</a></li> |
1516 | + <li><a href="/management/landscape-features">Landscape features</a></li> |
1517 | + <li><a href="/management/working-with-landscape">Working with Landscape</a></li> |
1518 | + <li><a href="/management/return-on-investment">Return on investment</a></li> |
1519 | + <li><a href="/management/compliance">Compliance</a></li> |
1520 | + <li><a href="/management/ubuntu-advantage">Ubuntu Advantage</a></li> |
1521 | + </ul> |
1522 | + </li> |
1523 | + </ul> |
1524 | + </nav> |
1525 | + </footer> |
1526 | + </section> |
1527 | + </body> |
1528 | +</html> |
1529 | + |
1530 | |
1531 | === added file 'normalize.html' |
1532 | --- normalize.html 1970-01-01 00:00:00 +0000 |
1533 | +++ normalize.html 2014-12-13 16:21:44 +0000 |
1534 | @@ -0,0 +1,361 @@ |
1535 | +<!DOCTYPE html> |
1536 | +<html lang="fr"> |
1537 | + <head> |
1538 | + <meta charset="utf-8"> |
1539 | + <meta name="viewport" content="width=device-width"> |
1540 | + <title>Normalize CSS</title> |
1541 | + <link rel="stylesheet" href="css/ubuntu-fr.css"> |
1542 | + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> |
1543 | + <style> |
1544 | + #boxsize button, |
1545 | + #boxsize input, |
1546 | + #boxsize select, |
1547 | + #boxsize textarea { |
1548 | + width: 200px; |
1549 | + padding: 5px; |
1550 | + border: 1px solid #333; |
1551 | + } |
1552 | + </style> |
1553 | + </head> |
1554 | + <body> |
1555 | + <h1>Heading 1</h1> |
1556 | + <h2>Heading 2</h2> |
1557 | + <h3>Heading 3</h3> |
1558 | + <h4>Heading 4</h4> |
1559 | + <h5>Heading 5</h5> |
1560 | + <h6>Heading 6</h6> |
1561 | + |
1562 | + <section> |
1563 | + <h1>Heading 1 (in section)</h1> |
1564 | + <h2>Heading 2 (in section)</h2> |
1565 | + <h3>Heading 3 (in section)</h3> |
1566 | + <h4>Heading 4 (in section)</h4> |
1567 | + <h5>Heading 5 (in section)</h5> |
1568 | + <h6>Heading 6 (in section)</h6> |
1569 | + </section> |
1570 | + |
1571 | + <article> |
1572 | + <h1>Heading 1 (in article)</h1> |
1573 | + <h2>Heading 2 (in article)</h2> |
1574 | + <h3>Heading 3 (in article)</h3> |
1575 | + <h4>Heading 4 (in article)</h4> |
1576 | + <h5>Heading 5 (in article)</h5> |
1577 | + <h6>Heading 6 (in article)</h6> |
1578 | + </article> |
1579 | + |
1580 | + <header> |
1581 | + <hgroup> |
1582 | + <h1>Heading 1 (in hgroup)</h1> |
1583 | + <h2>Heading 2 (in hgroup)</h2> |
1584 | + </hgroup> |
1585 | + <nav> |
1586 | + <ul> |
1587 | + <li><a href="#">navigation item #1</a></li> |
1588 | + <li><a href="#">navigation item #2</a></li> |
1589 | + <li><a href="#">navigation item #3</a></li> |
1590 | + </ul> |
1591 | + </nav> |
1592 | + </header> |
1593 | + |
1594 | + <h1>Text-level semantics</h1> |
1595 | + |
1596 | + <p hidden>This should be hidden in all browsers, apart from IE6</p> |
1597 | + |
1598 | + <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p> |
1599 | + <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p> |
1600 | + |
1601 | + <address>Address: somewhere, world</address> |
1602 | + |
1603 | + <hr> |
1604 | + |
1605 | + <hr style="height:4px; border:solid #000; border-width:1px 0;"> |
1606 | + |
1607 | + <p> |
1608 | + The <a href="#">a element</a> example<br> |
1609 | + The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br> |
1610 | + The <b>b element</b> example<br> |
1611 | + The <cite>cite element</cite> example<br> |
1612 | + The <code>code element</code> example<br> |
1613 | + The <del>del element</del> example<br> |
1614 | + The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br> |
1615 | + The <em>em element</em> example<br> |
1616 | + The <i>i element</i> example<br> |
1617 | + The img element <img src="http://lorempixel.com/16/16" alt=""> example<br> |
1618 | + The <ins>ins element</ins> example<br> |
1619 | + The <kbd>kbd element</kbd> example<br> |
1620 | + The <mark>mark element</mark> example<br> |
1621 | + The <q>q element <q>inside</q> a q element</q> example<br> |
1622 | + The <s>s element</s> example<br> |
1623 | + The <samp>samp element</samp> example<br> |
1624 | + The <small>small element</small> example<br> |
1625 | + The <span>span element</span> example<br> |
1626 | + The <strong>strong element</strong> example<br> |
1627 | + The <sub>sub element</sub> example<br> |
1628 | + The <sup>sup element</sup> example<br> |
1629 | + The <u>u element</u> example<br> |
1630 | + The <var>var element</var> example |
1631 | + </p> |
1632 | + |
1633 | + <h1>Template content</h1> |
1634 | + <template> |
1635 | + <h1>{{title}}</h1> |
1636 | + <content></content> |
1637 | + </template> |
1638 | + |
1639 | + <h1>Embedded content</h1> |
1640 | + |
1641 | + <h3>audio</h3> |
1642 | + |
1643 | + <audio controls></audio> |
1644 | + <audio></audio> |
1645 | + |
1646 | + <h3>img</h3> |
1647 | + |
1648 | + <img src="http://lorempixel.com/100/100" alt=""> |
1649 | + <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a> |
1650 | + |
1651 | + <h3>svg</h3> |
1652 | + |
1653 | + <svg width="100px" height="100px"> |
1654 | + <circle cx="100" cy="100" r="100" fill="#ff0000" /> |
1655 | + </svg> |
1656 | + |
1657 | + <h3>video</h3> |
1658 | + |
1659 | + <video controls></video> |
1660 | + <video></video> |
1661 | + |
1662 | + <h1>Interactive content</h1> |
1663 | + |
1664 | + <h3>details / summary</h3> |
1665 | + <details> |
1666 | + <summary>More info</summary> |
1667 | + <p>Additional information</p> |
1668 | + <ul> |
1669 | + <li>Point 1</li> |
1670 | + <li>Point 2</li> |
1671 | + </ul> |
1672 | + </details> |
1673 | + |
1674 | + <h1>Grouping content</h1> |
1675 | + |
1676 | + <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p> |
1677 | + |
1678 | + <h3>pre</h3> |
1679 | + |
1680 | + <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre> |
1681 | + |
1682 | + <pre><code><html> |
1683 | + <head> |
1684 | + </head> |
1685 | + <body> |
1686 | + <div class="main"> <div> |
1687 | + </body> |
1688 | +</html></code></pre> |
1689 | + |
1690 | + <h3>blockquote</h3> |
1691 | + |
1692 | + <blockquote> |
1693 | + <p>Some sort of famous witty quote marked up with a <blockquote> and a child <p> element.</p> |
1694 | + </blockquote> |
1695 | + |
1696 | + <blockquote>Even better philosophical quote marked up with just a <blockquote> element.</blockquote> |
1697 | + |
1698 | + <h3>ordered list</h3> |
1699 | + |
1700 | + <ol> |
1701 | + <li>list item 1</li> |
1702 | + <li>list item 1 |
1703 | + <ol> |
1704 | + <li>list item 2</li> |
1705 | + <li>list item 2 |
1706 | + <ol> |
1707 | + <li>list item 3</li> |
1708 | + <li>list item 3</li> |
1709 | + </ol> |
1710 | + </li> |
1711 | + <li>list item 2</li> |
1712 | + <li>list item 2</li> |
1713 | + </ol> |
1714 | + </li> |
1715 | + <li>list item 1</li> |
1716 | + <li>list item 1</li> |
1717 | + </ol> |
1718 | + |
1719 | + <h3>unordered list</h3> |
1720 | + |
1721 | + <ul> |
1722 | + <li>list item 1</li> |
1723 | + <li>list item 1 |
1724 | + <ul> |
1725 | + <li>list item 2</li> |
1726 | + <li>list item 2 |
1727 | + <ul> |
1728 | + <li>list item 3</li> |
1729 | + <li>list item 3</li> |
1730 | + </ul> |
1731 | + </li> |
1732 | + <li>list item 2</li> |
1733 | + <li>list item 2</li> |
1734 | + </ul> |
1735 | + </li> |
1736 | + <li>list item 1</li> |
1737 | + <li>list item 1</li> |
1738 | + </ul> |
1739 | + |
1740 | + <h3>description list</h3> |
1741 | + |
1742 | + <dl> |
1743 | + <dt>Description name</dt> |
1744 | + <dd>Description value</dd> |
1745 | + <dt>Description name</dt> |
1746 | + <dd>Description value</dd> |
1747 | + <dd>Description value</dd> |
1748 | + <dt>Description name</dt> |
1749 | + <dt>Description name</dt> |
1750 | + <dd>Description value</dd> |
1751 | + </dl> |
1752 | + |
1753 | + <h3>figure</h3> |
1754 | + |
1755 | + <figure> |
1756 | + <img src="http://lorempixel.com/400/200" alt=""> |
1757 | + <figcaption>Figcaption content</figcaption> |
1758 | + </figure> |
1759 | + |
1760 | + <h1>Tabular data</h1> |
1761 | + |
1762 | + <table> |
1763 | + <caption>Jimi Hendrix - albums</caption> |
1764 | + <thead> |
1765 | + <tr> |
1766 | + <th>Album</th> |
1767 | + <th>Year</th> |
1768 | + <th>Price</th> |
1769 | + </tr> |
1770 | + </thead> |
1771 | + <tfoot> |
1772 | + <tr> |
1773 | + <th>Album</th> |
1774 | + <th>Year</th> |
1775 | + <th>Price</th> |
1776 | + </tr> |
1777 | + </tfoot> |
1778 | + <tbody> |
1779 | + <tr> |
1780 | + <td>Are You Experienced</td> |
1781 | + <td>1967</td> |
1782 | + <td>$10.00</td> |
1783 | + </tr> |
1784 | + <tr> |
1785 | + <td>Axis: Bold as Love</td> |
1786 | + <td>1967</td> |
1787 | + <td>$12.00</td> |
1788 | + </tr> |
1789 | + <tr> |
1790 | + <td>Electric Ladyland</td> |
1791 | + <td>1968</td> |
1792 | + <td>$10.00</td> |
1793 | + </tr> |
1794 | + <tr> |
1795 | + <td>Band of Gypsys</td> |
1796 | + <td>1970</td> |
1797 | + <td>$12.00</td> |
1798 | + </tr> |
1799 | + </tbody> |
1800 | + </table> |
1801 | + |
1802 | + <h1>Forms</h1> |
1803 | + |
1804 | + <form> |
1805 | + <fieldset> |
1806 | + <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend> |
1807 | + <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p> |
1808 | + <p><label>Email input <input type="email"></label></p> |
1809 | + <p><label>Search input <input type="search"></label></p> |
1810 | + <p><label>Tel input <input type="tel"></label></p> |
1811 | + <p><label>URL input <input type="url" placeholder="http://"></label></p> |
1812 | + <p><label>Password input <input type="password" value="password"></label></p> |
1813 | + <p><label>File input <input type="file"></label></p> |
1814 | + |
1815 | + <p><label>Radio input <input type="radio" name="rad"></label></p> |
1816 | + <p><label>Checkbox input <input type="checkbox"></label></p> |
1817 | + <p><label><input type="radio" name="rad"> Radio input</label></p> |
1818 | + <p><label><input type="checkbox"> Checkbox input</label></p> |
1819 | + |
1820 | + <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p> |
1821 | + <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p> |
1822 | + </fieldset> |
1823 | + |
1824 | + <fieldset> |
1825 | + <legend>Inputs as siblings of labels</legend> |
1826 | + <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p> |
1827 | + <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p> |
1828 | + <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p> |
1829 | + <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p> |
1830 | + <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p> |
1831 | + <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p> |
1832 | + <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p> |
1833 | + <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p> |
1834 | + |
1835 | + <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p> |
1836 | + <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p> |
1837 | + <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p> |
1838 | + <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p> |
1839 | + |
1840 | + <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p> |
1841 | + <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p> |
1842 | + </fieldset> |
1843 | + |
1844 | + <fieldset> |
1845 | + <legend>Clickable inputs and buttons</legend> |
1846 | + <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p> |
1847 | + <p><input type="reset" value="Reset (input)"></p> |
1848 | + <p><input type="button" value="Button (input)"></p> |
1849 | + <p><input type="submit" value="Submit (input)"></p> |
1850 | + <p><input type="submit" value="Disabled (input)" disabled></p> |
1851 | + |
1852 | + |
1853 | + <p><button type="reset">Reset (button)</button></p> |
1854 | + <p><button type="button">Button (button)</button></p> |
1855 | + <p><button type="submit">Submit (button)</button></p> |
1856 | + <p><button type="submit" disabled>Disabled (button)</button></p> |
1857 | + </fieldset> |
1858 | + |
1859 | + <fieldset id="boxsize"> |
1860 | + <legend>box-sizing tests</legend> |
1861 | + <div><input type="text" value="text"></div> |
1862 | + <div><input type="email" value="email"></div> |
1863 | + <div><input type="search" value="search"></div> |
1864 | + <div><input type="url" value="http://example.com"></div> |
1865 | + <div><input type="password" value="password"></div> |
1866 | + |
1867 | + <div><input type="color" value="#000000"></div> |
1868 | + <div><input type="number" value="5"></div> |
1869 | + <div><input type="range" value="10"></div> |
1870 | + <div><input type="date" value="1970-01-01"></div> |
1871 | + <div><input type="month" value="1970-01"></div> |
1872 | + <div><input type="week" value="1970-W01"></div> |
1873 | + <div><input type="datetime" value="1970-01-01T00:00:00Z"></div> |
1874 | + <div><input type="datetime-local" value="1970-01-01T00:00"></div> |
1875 | + |
1876 | + <div><input type="radio"></div> |
1877 | + <div><input type="checkbox"></div> |
1878 | + |
1879 | + <div><select><option>Option 01</option><option>Option 02</option></select></div> |
1880 | + <div><textarea cols="30" rows="5">Textarea text</textarea></div> |
1881 | + |
1882 | + <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div> |
1883 | + <div><input type="reset" value="Reset (input)"></div> |
1884 | + <div><input type="button" value="Button (input)"></div> |
1885 | + <div><input type="submit" value="Submit (input)"></div> |
1886 | + |
1887 | + <div><button type="reset">Reset (button)</button></div> |
1888 | + <div><button type="button">Button (button)</button></div> |
1889 | + <div><button type="submit">Submit (button)</button></div> |
1890 | + </fieldset> |
1891 | + </form> |
1892 | + |
1893 | + </body> |
1894 | +</html> |
1895 | + |
1896 | |
1897 | === added directory 'sass' |
1898 | === added file 'sass/_init.scss' |
1899 | --- sass/_init.scss 1970-01-01 00:00:00 +0000 |
1900 | +++ sass/_init.scss 2014-12-13 16:21:44 +0000 |
1901 | @@ -0,0 +1,165 @@ |
1902 | +// |
1903 | +// Initialisation |
1904 | +// |
1905 | +// Pour rendre plus simple l'utilisation des variables et des composants dans |
1906 | +// les fichiers Sass de ce thème, chaque fichier .scss a une déclaration |
1907 | +// @import "init". Et ce fichier _init.scss est en charge de l'intégration de |
1908 | +// tous les autres composants nécessaires. |
1909 | +// |
1910 | +// Cette initialisation est organisé de cette façon : |
1911 | +// - Variables Sass communes. |
1912 | +// - Import des greffons Compass (composants Sass). |
1913 | +// - Définition de nos propres composants personnalisé. |
1914 | +// |
1915 | + |
1916 | + |
1917 | +// ============================================================================= |
1918 | +// Paramètres |
1919 | +// ============================================================================= |
1920 | + |
1921 | +// |
1922 | +// support des anciennes versions de IE |
1923 | +// |
1924 | +// Ces paramètres sont utilisées par plusieurs composants pour ajouter des règles |
1925 | +// CSS complémentaires assurant la compatibilité avec des versions spécifiques |
1926 | +// d'IE. |
1927 | +// |
1928 | +// IE6-7 don't support box-sizing: border-box. We can fix this in 1 of 3 ways: |
1929 | +// - Drop support for IE 6/7. :-) Set $legacy-support-for-ie6 |
1930 | +// and $legacy-support-for-ie7 to false. |
1931 | +// - (Preferred) Install the box-sizing polyfill and set the variable below to |
1932 | +// the absolute path URL to the boxsizing.htc file. |
1933 | +// @see https://github.com/Schepp/box-sizing-polyfill |
1934 | +// $box-sizing-polyfill-path: "/path/to/boxsizing.htc"; |
1935 | +// - Use the same CSS unit for grid and gutter width in resonsive-sidebars.scss |
1936 | +// (use px for both or use % for both) and set the box-sizing variable to content-box. |
1937 | +// |
1938 | +// Zen ne nécessite pas de traitement spécial pour IE8 ou plus récent. Mais |
1939 | +// Compass utilise ce paramètre pour quelques cas particuliers. Voir la |
1940 | +// documentation http://compass-style.org/reference/compass/support/ |
1941 | +$browser-minimum-versions: (ie : '8'); |
1942 | + |
1943 | +// Utilisation non-stricte du fichier normalize |
1944 | +$strict-normalize: false !default; |
1945 | + |
1946 | +// |
1947 | +// Polices de caractère, espacements et tailles. |
1948 | +// |
1949 | + |
1950 | +// L'extension vertical_rythm de Compass est un outil puissant pour définir un |
1951 | +// rythme vertical pour la page entière. |
1952 | +// @voir http://compass-style.org/reference/compass/typography/vertical_rhythm/ |
1953 | + |
1954 | +$base-font-size: 16px; // La taille de police définie dans la balise html. |
1955 | +$base-line-height: 24px; // hauteur de ligne définissant la base du rythme vertical. |
1956 | + |
1957 | +$h1-font-size: 2.813 * $base-font-size; |
1958 | +$h2-font-size: 2 * $base-font-size; |
1959 | +$h3-font-size: 1.438 * $base-font-size; |
1960 | +$h4-font-size: 1.219 * $base-font-size; |
1961 | +$h5-font-size: 1 * $base-font-size; |
1962 | +$h6-font-size: 0.813 * $base-font-size; |
1963 | + |
1964 | +// The following font family declarations are based on the Microsoft core web |
1965 | +// fonts which are common fonts available on most computer systems. The DejaVu |
1966 | +// and Nimbus Sans fonts are commonly available on Linux systems where the MS |
1967 | +// fonts are less common. Tahoma and Helvetica are also widely available. |
1968 | +// |
1969 | +// A user's web browser will look at the comma-separated list and will |
1970 | +// attempt to use each font in turn until it finds one that is available |
1971 | +// on the user's computer. The final "generic" font (sans-serif, serif or |
1972 | +// monospace) hints at what type of font to use if the web browser doesn't |
1973 | +// find any of the fonts in the list. |
1974 | + |
1975 | +// First, let's create some font stacks. |
1976 | +$ubuntu-font: Ubuntu, Arial, "libra sans", sans-serif; |
1977 | +$times-new-roman: "Times New Roman", Times, Georgia, "DejaVu Serif", serif; |
1978 | +$times: Times, "Times New Roman", Georgia, "DejaVu Serif", serif; |
1979 | +$georgia: Georgia, "Times New Roman", "DejaVu Serif", serif; |
1980 | + |
1981 | +$verdana: Verdana, Tahoma, "DejaVu Sans", sans-serif; |
1982 | +$tahoma: Tahoma, Verdana, "DejaVu Sans", sans-serif; |
1983 | +$helvetica: Helvetica, Arial, "Nimbus Sans L", sans-serif; |
1984 | +$arial: Arial, Helvetica, "Nimbus Sans L", sans-serif; |
1985 | + |
1986 | +// For an explanation of why "sans-serif" is at the end of this list, see |
1987 | +// http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ |
1988 | +$courier: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; |
1989 | +$ubuntu-mono: "Ubuntu Mono", "Consolas", "Monaco", "Lucida Console", "Courier New", Courier, monospace, sans-serif; |
1990 | + |
1991 | +// Now create some variables for the font stacks we want to use on this site. |
1992 | +$base-font-family: $ubuntu-font; // The font family set on the html element. |
1993 | +$font-body: $ubuntu-font; |
1994 | +$font-monospace: $ubuntu-mono; |
1995 | + |
1996 | + |
1997 | +// |
1998 | +// Couleurs, etc. |
1999 | +// |
2000 | + |
2001 | +$ubuntu_orange: #dd4814; /* ubuntu orange (used for text links also on any site except canonical) */ |
2002 | +$light_orange: #fdf6f2; /* used as background on pre text */ |
2003 | +$canonical_aubergine: #772953; /* canonical aubergine */ |
2004 | +$light_aubergine: #77216f; /* light aubergine (consumer) */ |
2005 | +$mid_aubergine: #5e2750; /* mid aubergine (both) */ |
2006 | +$dark_aubergine: #2c001e; /* dark aubergine (enterprise) */ |
2007 | +$warm_grey: #aea79f; /* warm grey */ |
2008 | +$cool_grey: #333333; /* cool grey */ |
2009 | +$light_grey: #f7f7f7; /* light grey */ |
2010 | + |
2011 | +// notifications |
2012 | +$error: #df382c; /* red */ |
2013 | +$warning: #eca918; /* yellow */ |
2014 | +$success: #38b44a; /* green */ |
2015 | +$information: #19b6ee; /* cyan */ |
2016 | + |
2017 | +// status - du negatif au positif |
2018 | +$status_red: #df382c; /* red, for status that require immediate attention */ |
2019 | +$status_grey: #aea79f; /* grey, for disabled status or ones that don’t require attention */ |
2020 | +$status_yellow: #efb73e; /* yellow, for status that require attention */ |
2021 | +$status_blue: #19b6ee; /* blue, for status that don’t require action */ |
2022 | +$status_green: #38b44a; /* green, for positive status */ |
2023 | + |
2024 | +/* misc colours */ |
2025 | +$box_solid_grey: #efefef; |
2026 | +$box_border_grey: #999; |
2027 | +$link_color: $ubuntu_orange; /* This is the global link color, mainly used for links in content */ |
2028 | + |
2029 | +// The amount lists, blockquotes and comments are indented. |
2030 | +$indent-amount: 28px; |
2031 | + |
2032 | +// Default border radius |
2033 | +$default-border-radius: 4px; |
2034 | + |
2035 | +// The height of the navigation container. |
2036 | +$nav-height: 2em; |
2037 | + |
2038 | +// Tab styling. |
2039 | +$tabs-container-bg: #fff; |
2040 | +$tabs-border: #bbb; |
2041 | + |
2042 | + |
2043 | +// ============================================================================= |
2044 | +// Composants communs à tous les fichiers .scss. |
2045 | +// ============================================================================= |
2046 | + |
2047 | +// Add Compass' IE and vendor prefix support variables. |
2048 | +@import "compass/support"; |
2049 | +// Better than Drupal's clearfix. |
2050 | +@import "compass/utilities/general/clearfix"; |
2051 | +@import "compass/typography/lists/bullets"; |
2052 | +@import "compass/typography/lists/horizontal-list"; |
2053 | +@import "compass/typography/lists/inline-block-list"; |
2054 | +@import "compass/typography/text/replacement"; |
2055 | +// See http://compass-style.org/help/tutorials/spriting/ |
2056 | +@import "compass/utilities/sprites"; |
2057 | +// Use one CSS3 mixin instead of multiple vendor prefixes. |
2058 | +@import "compass/css3"; |
2059 | +@import "compass/css3/images"; |
2060 | +@import "compass/css3/transition"; |
2061 | +@import "compass/css3/background-size"; |
2062 | +// Helps set up a vertical rhythm. |
2063 | +@import "compass/typography/vertical_rhythm"; |
2064 | +// Add the Zen Grids responsive layout mixins. |
2065 | +@import "zen"; |
2066 | + |
2067 | |
2068 | === added file 'sass/_mixins.scss' |
2069 | === added file 'sass/_normalize-ubuntu.scss' |
2070 | --- sass/_normalize-ubuntu.scss 1970-01-01 00:00:00 +0000 |
2071 | +++ sass/_normalize-ubuntu.scss 2014-12-13 16:21:44 +0000 |
2072 | @@ -0,0 +1,152 @@ |
2073 | +/** |
2074 | + * Personnalisation de base des éléments HTML5 |
2075 | + * |
2076 | + * Complément du fichier normalize reprenant les éléments du thème officiel |
2077 | + * |
2078 | + */ |
2079 | + |
2080 | +/* =========================================================================== |
2081 | + * Liens |
2082 | + * ===========================================================================*/ |
2083 | + |
2084 | +a:link, a:visited { |
2085 | + color: $link_color; |
2086 | + text-decoration: none; |
2087 | +} |
2088 | + |
2089 | +a:hover, a:active, a:focus { |
2090 | + text-decoration: underline; |
2091 | +} |
2092 | + |
2093 | + |
2094 | +/* =========================================================================== |
2095 | + * Typography |
2096 | + * ===========================================================================*/ |
2097 | + |
2098 | +blockquote, q { |
2099 | + quotes: none; |
2100 | +} |
2101 | + |
2102 | +blockquote:before, blockquote:after, |
2103 | +q:before, q:after { |
2104 | + content: ""; |
2105 | + content: none; |
2106 | +} |
2107 | + |
2108 | +abbr, acronym { cursor: help; } |
2109 | + |
2110 | +h6 { |
2111 | + text-transform: uppercase; |
2112 | +} |
2113 | + |
2114 | +ins { |
2115 | + background: #fffbeb; |
2116 | + text-decoration: none; |
2117 | +} |
2118 | + |
2119 | +code, |
2120 | +kbd, |
2121 | +pre, |
2122 | +samp { |
2123 | + font-family: $font-monospace; |
2124 | +} |
2125 | + |
2126 | +/* =========================================================================== |
2127 | + * Formulaires |
2128 | + * ===========================================================================*/ |
2129 | + |
2130 | +fieldset { |
2131 | + @include border-radius(); |
2132 | + background-color: #EFEEEC; |
2133 | + @include apply-side-rhythm-border(top, $width: 0px, $lines: 0.625); |
2134 | + @include apply-side-rhythm-border(bottom, $width: 0px, $lines: 0.625); |
2135 | + @include apply-side-rhythm-border(left, $width: 0px, $lines: 3.75); |
2136 | + @include apply-side-rhythm-border(right, $width: 0px, $lines: 0.8); |
2137 | +} |
2138 | + |
2139 | +input, |
2140 | +button, |
2141 | +textarea { |
2142 | + @include border-radius(); |
2143 | + border: 1px solid #999999; |
2144 | + padding: 4px; |
2145 | +} |
2146 | + |
2147 | +input[type="text"], |
2148 | +textarea { |
2149 | + display: block; |
2150 | +} |
2151 | + |
2152 | +input:focus, |
2153 | +textarea:focus { |
2154 | + border: 1px solid #000; |
2155 | +} |
2156 | + |
2157 | +textarea[readonly='readonly'] { |
2158 | + color: #999; |
2159 | +} |
2160 | + |
2161 | +input[type="submit"], |
2162 | +input[type="reset"], |
2163 | +input[type="button"], |
2164 | +button[type="submit"], |
2165 | +button[type="reset"], |
2166 | +button[type="button"] { |
2167 | + display: block; |
2168 | + padding: 10px 14px; |
2169 | + text-shadow: none; |
2170 | + width: auto; |
2171 | + margin-bottom: 0; |
2172 | +} |
2173 | + |
2174 | + |
2175 | +input[type="submit"], |
2176 | +button[type="submit"] { |
2177 | + @include background-image(linear-gradient($ubuntu_orange, #c03f11)); |
2178 | + @include box_shadow(none); |
2179 | + color: #fff; |
2180 | + border: 0; |
2181 | +} |
2182 | + |
2183 | +button[type="submit"]:hover, |
2184 | +input[type="submit"]:hover { |
2185 | + background: $ubuntu_orange; |
2186 | +} |
2187 | + |
2188 | +button[disabled], |
2189 | +html input[disabled], |
2190 | +button[disabled]:hover, |
2191 | +html input[disabled]:hover { |
2192 | + background-color: $box_solid_grey; |
2193 | + background-image: none; |
2194 | + cursor: not-allowed; |
2195 | +} |
2196 | + |
2197 | +input[type="reset"] { |
2198 | + display: none; |
2199 | +} |
2200 | + |
2201 | +button[type="submit"] { |
2202 | + border: 0; |
2203 | + display: inline-block; |
2204 | + text-decoration:none; |
2205 | +} |
2206 | + |
2207 | +label { |
2208 | + cursor: pointer; |
2209 | + display: block; |
2210 | + margin-bottom: 4px; |
2211 | +} |
2212 | + |
2213 | +label span { |
2214 | + color: $error; |
2215 | +} |
2216 | + |
2217 | +input[type="checkbox"] + label, |
2218 | +input[type="radio"] + label { |
2219 | + display: inline; |
2220 | + margin-left: 5px; |
2221 | + vertical-align: middle; |
2222 | + width: auto; |
2223 | +} |
2224 | + |
2225 | |
2226 | === added file 'sass/_normalize.scss' |
2227 | --- sass/_normalize.scss 1970-01-01 00:00:00 +0000 |
2228 | +++ sass/_normalize.scss 2014-12-13 16:21:44 +0000 |
2229 | @@ -0,0 +1,670 @@ |
2230 | +/* normalize-scss 3.0.2+normalize.3.0.2 | MIT/GPLv2 License | bit.ly/normalize-scss */ |
2231 | + |
2232 | + |
2233 | +// Variables and Imports |
2234 | +// |
2235 | +// If you have a base partial (or equivalent), you should move these lines to |
2236 | +// that file. NOTE: Edit the lines to remove "!default". |
2237 | +// @see http://compass-style.org/help/tutorials/best_practices/ |
2238 | +// ============================================================================= |
2239 | + |
2240 | +// These 3 variables are copies of ones used in Compass' Vertical Rhythm module. |
2241 | + |
2242 | + // The font size set on the root html element. |
2243 | + $base-font-size: 16px !default; |
2244 | + |
2245 | + // The base line height determines the basic unit of vertical rhythm. |
2246 | + $base-line-height: 24px !default; |
2247 | + |
2248 | + // The length unit in which to output vertical rhythm values. |
2249 | + // Supported values: px, em, rem. |
2250 | + $rhythm-unit: 'em' !default; |
2251 | + |
2252 | + // Note: This project also makes use of variables from Compass' support |
2253 | + // module. Documentation for this can be found on the wiki at: |
2254 | + // https://github.com/JohnAlbin/normalize-scss/wiki |
2255 | + |
2256 | + |
2257 | +// Set this to true to force CSS output to exactly match normalize.css. |
2258 | +$strict-normalize: true !default; |
2259 | + |
2260 | +// The default font family. |
2261 | +$base-font-family: sans-serif !default; |
2262 | + |
2263 | +// The font sizes for h1-h6. |
2264 | +$h1-font-size: 2 * $base-font-size !default; |
2265 | +$h2-font-size: 1.5 * $base-font-size !default; |
2266 | +$h3-font-size: 1.17 * $base-font-size !default; |
2267 | +$h4-font-size: 1 * $base-font-size !default; |
2268 | +$h5-font-size: 0.83 * $base-font-size !default; |
2269 | +$h6-font-size: 0.67 * $base-font-size !default; |
2270 | + |
2271 | +// The amount lists and blockquotes are indented. |
2272 | +$indent-amount: 40px !default; |
2273 | + |
2274 | +// After the default variables are set, import the required Compass partials. |
2275 | +@import "compass/support"; |
2276 | +@import "compass/css3/box-sizing"; |
2277 | +@import "compass/typography/vertical_rhythm"; |
2278 | + |
2279 | + |
2280 | +@if not $strict-normalize or support-legacy-browser(ie, "7") { |
2281 | + /** |
2282 | + * Establish a vertical rhythm unit using $base-font-size, $base-line-height, |
2283 | + * and $rhythm-unit variables. Also, correct text resizing oddly in IE 6/7 when |
2284 | + * body `font-size` is set using `em` units. |
2285 | + */ |
2286 | + |
2287 | + @include establish-baseline(); |
2288 | +} |
2289 | + |
2290 | +/** |
2291 | + * 1. Set default font family to sans-serif. |
2292 | + * 2. Prevent iOS text size adjust after orientation change, without disabling |
2293 | + * user zoom. |
2294 | + */ |
2295 | + |
2296 | +html { |
2297 | + font-family: $base-font-family; /* 1 */ |
2298 | + -ms-text-size-adjust: 100%; /* 2 */ |
2299 | + -webkit-text-size-adjust: 100%; /* 2 */ |
2300 | + // Show a background image that can be used to debug your alignments. |
2301 | + // @include debug-vertical-alignment(); |
2302 | +} |
2303 | + |
2304 | +/** |
2305 | + * Remove default margin. |
2306 | + */ |
2307 | + |
2308 | +body { |
2309 | + margin: 0; |
2310 | +} |
2311 | + |
2312 | +/* HTML5 display definitions |
2313 | + ========================================================================== */ |
2314 | + |
2315 | +/** |
2316 | + * Correct `block` display not defined for any HTML5 element in IE 8/9. |
2317 | + * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
2318 | + * and Firefox. |
2319 | + * Correct `block` display not defined for `main` in IE 11. |
2320 | + */ |
2321 | + |
2322 | +article, |
2323 | +aside, |
2324 | +details, |
2325 | +figcaption, |
2326 | +figure, |
2327 | +footer, |
2328 | +header, |
2329 | +hgroup, |
2330 | +main, |
2331 | +menu, |
2332 | +nav, |
2333 | +section, |
2334 | +summary { |
2335 | + display: block; |
2336 | +} |
2337 | + |
2338 | +/** |
2339 | + * 1. Correct `inline-block` display not defined in IE 8/9. |
2340 | + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
2341 | + */ |
2342 | + |
2343 | +audio, |
2344 | +canvas, |
2345 | +progress, |
2346 | +video { |
2347 | + @if support-legacy-browser(ie, "9") { |
2348 | + display: inline-block; /* 1 */ |
2349 | + @if support-legacy-browser(ie, "7") { |
2350 | + *display: inline; |
2351 | + *zoom: 1; |
2352 | + } |
2353 | + } |
2354 | + vertical-align: baseline; /* 2 */ |
2355 | +} |
2356 | + |
2357 | +/** |
2358 | + * Prevent modern browsers from displaying `audio` without controls. |
2359 | + * Remove excess height in iOS 5 devices. |
2360 | + */ |
2361 | + |
2362 | +audio:not([controls]) { |
2363 | + display: none; |
2364 | + height: 0; |
2365 | +} |
2366 | + |
2367 | +@if support-legacy-browser(ie, "10") { |
2368 | + /** |
2369 | + * Address `[hidden]` styling not present in IE 8/9/10. |
2370 | + */ |
2371 | + |
2372 | + [hidden] { |
2373 | + display: none; |
2374 | + } |
2375 | +} |
2376 | + |
2377 | +/** |
2378 | + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. |
2379 | + */ |
2380 | + |
2381 | +template { |
2382 | + display: none; |
2383 | +} |
2384 | + |
2385 | +/* Links |
2386 | + ========================================================================== */ |
2387 | + |
2388 | +@if support-legacy-browser(ie, "10") { |
2389 | + /** |
2390 | + * Remove the gray background color from active links in IE 10. |
2391 | + */ |
2392 | + |
2393 | + a { |
2394 | + background-color: transparent; |
2395 | + } |
2396 | +} |
2397 | + |
2398 | +/** |
2399 | + * Improve readability when focused and also mouse hovered in all browsers. |
2400 | + */ |
2401 | + |
2402 | +a:active, |
2403 | +a:hover { |
2404 | + outline: 0; |
2405 | +} |
2406 | + |
2407 | +/* Text-level semantics |
2408 | + ========================================================================== */ |
2409 | + |
2410 | +/** |
2411 | + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
2412 | + */ |
2413 | + |
2414 | +abbr[title] { |
2415 | + border-bottom: 1px dotted; |
2416 | +} |
2417 | + |
2418 | +/** |
2419 | + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
2420 | + */ |
2421 | + |
2422 | +b, |
2423 | +strong { |
2424 | + font-weight: bold; |
2425 | +} |
2426 | + |
2427 | +@if not $strict-normalize or support-legacy-browser(ie, "7") { |
2428 | + /** |
2429 | + * Set 1 unit of vertical rhythm on the top and bottom margin. |
2430 | + */ |
2431 | + |
2432 | + blockquote { |
2433 | + @include output-rhythm(margin, rhythm(1) $indent-amount); |
2434 | + } |
2435 | +} |
2436 | + |
2437 | +/** |
2438 | + * Address styling not present in Safari and Chrome. |
2439 | + */ |
2440 | + |
2441 | +dfn { |
2442 | + font-style: italic; |
2443 | +} |
2444 | + |
2445 | +/** |
2446 | + * Address variable `h1` font-size and margin within `section` and `article` |
2447 | + * contexts in Firefox 4+, Safari, and Chrome. |
2448 | + */ |
2449 | + |
2450 | +h1 { |
2451 | + /* Set the font-size and line-height while keeping a proper vertical rhythm. */ |
2452 | + @if not $strict-normalize or support-legacy-browser(ie, "7") { |
2453 | + @include adjust-font-size-to( $h1-font-size ); |
2454 | + } |
2455 | + @else { |
2456 | + font-size: if($rhythm-unit == "px", $h1-font-size, ($h1-font-size / $base-font-size)#{$rhythm-unit}); |
2457 | + } |
2458 | + |
2459 | + /* Set 1 unit of vertical rhythm on the top and bottom margins. */ |
2460 | + @include leader(1, $h1-font-size); |
2461 | + @include trailer(1, $h1-font-size); |
2462 | +} |
2463 | + |
2464 | +@if not $strict-normalize or support-legacy-browser(ie, "7") { |
2465 | + h2 { |
2466 | + @include adjust-font-size-to( $h2-font-size ); |
2467 | + @include leader(1, $h2-font-size); |
2468 | + @include trailer(1, $h2-font-size); |
2469 | + } |
2470 | + |
2471 | + h3 { |
2472 | + @include adjust-font-size-to( $h3-font-size ); |
2473 | + @include leader(1, $h3-font-size); |
2474 | + @include trailer(1, $h3-font-size); |
2475 | + } |
2476 | + |
2477 | + h4 { |
2478 | + @include adjust-font-size-to( $h4-font-size ); |
2479 | + @include leader(1, $h4-font-size); |
2480 | + @include trailer(1, $h4-font-size); |
2481 | + } |
2482 | + |
2483 | + h5 { |
2484 | + @include adjust-font-size-to( $h5-font-size ); |
2485 | + @include leader(1, $h5-font-size); |
2486 | + @include trailer(1, $h5-font-size); |
2487 | + } |
2488 | + |
2489 | + h6 { |
2490 | + @include adjust-font-size-to( $h6-font-size ); |
2491 | + @include leader(1, $h6-font-size); |
2492 | + @include trailer(1, $h6-font-size); |
2493 | + } |
2494 | +} |
2495 | + |
2496 | +@if support-legacy-browser(ie, "9") { |
2497 | + /** |
2498 | + * Address styling not present in IE 8/9. |
2499 | + */ |
2500 | + |
2501 | + mark { |
2502 | + background: #ff0; |
2503 | + color: #000; |
2504 | + } |
2505 | +} |
2506 | + |
2507 | +@if not $strict-normalize or support-legacy-browser(ie, "7") { |
2508 | + /** |
2509 | + * Set 1 unit of vertical rhythm on the top and bottom margin. |
2510 | + */ |
2511 | + |
2512 | + p, |
2513 | + pre { |
2514 | + @include output-rhythm(margin, rhythm(1) 0); |
2515 | + } |
2516 | +} |
2517 | + |
2518 | +/** |
2519 | + * Address inconsistent and variable font size in all browsers. |
2520 | + */ |
2521 | + |
2522 | +small { |
2523 | + font-size: 80%; |
2524 | +} |
2525 | + |
2526 | +/** |
2527 | + * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
2528 | + */ |
2529 | + |
2530 | +sub, |
2531 | +sup { |
2532 | + font-size: 75%; |
2533 | + line-height: 0; |
2534 | + position: relative; |
2535 | + vertical-align: baseline; |
2536 | +} |
2537 | + |
2538 | +sup { |
2539 | + top: -0.5em; |
2540 | +} |
2541 | + |
2542 | +sub { |
2543 | + bottom: -0.25em; |
2544 | +} |
2545 | + |
2546 | +@if not $strict-normalize or support-legacy-browser(ie, "7") { |
2547 | + /* Lists |
2548 | + ========================================================================== */ |
2549 | + |
2550 | + /** |
2551 | + * Address margins set differently in IE 6/7. |
2552 | + */ |
2553 | + |
2554 | + dl, |
2555 | + menu, |
2556 | + ol, |
2557 | + ul { |
2558 | + @include output-rhythm(margin, rhythm(1) 0); |
2559 | + } |
2560 | + |
2561 | + @if not $strict-normalize { |
2562 | + /** |
2563 | + * Turn off margins on nested lists. |
2564 | + */ |
2565 | + |
2566 | + ol, |
2567 | + ul { |
2568 | + ol, |
2569 | + ul { |
2570 | + margin: 0; |
2571 | + } |
2572 | + } |
2573 | + } |
2574 | + |
2575 | + dd { |
2576 | + margin: 0 0 0 $indent-amount; |
2577 | + } |
2578 | + |
2579 | + /** |
2580 | + * Address paddings set differently in IE 6/7. |
2581 | + */ |
2582 | + |
2583 | + menu, |
2584 | + ol, |
2585 | + ul { |
2586 | + padding: 0 0 0 $indent-amount; |
2587 | + } |
2588 | +} |
2589 | + |
2590 | +@if support-legacy-browser(ie, "7") { |
2591 | + /** |
2592 | + * Correct list images handled incorrectly in IE 7. |
2593 | + */ |
2594 | + |
2595 | + nav ul, |
2596 | + nav ol { |
2597 | + list-style: none; |
2598 | + list-style-image: none; |
2599 | + } |
2600 | +} |
2601 | + |
2602 | +/* Embedded content |
2603 | + ========================================================================== */ |
2604 | + |
2605 | +@if support-legacy-browser(ie, "10") { |
2606 | + /** |
2607 | + * Remove border when inside `a` element in IE 8/9/10. |
2608 | + */ |
2609 | + |
2610 | + img { |
2611 | + border: 0; |
2612 | + @if support-legacy-browser(ie, "7") { |
2613 | + /* Improve image quality when scaled in IE 7. */ |
2614 | + -ms-interpolation-mode: bicubic; |
2615 | + } |
2616 | + } |
2617 | +} |
2618 | + |
2619 | +/** |
2620 | + * Correct overflow not hidden in IE 9/10/11. |
2621 | + */ |
2622 | + |
2623 | +svg:not(:root) { |
2624 | + overflow: hidden; |
2625 | +} |
2626 | + |
2627 | +/* Grouping content |
2628 | + ========================================================================== */ |
2629 | + |
2630 | +@if support-legacy-browser(ie, "9") or support-legacy-browser(safari, "6") { |
2631 | + /** |
2632 | + * Address margin not present in IE 8/9 and Safari. |
2633 | + */ |
2634 | + |
2635 | + figure { |
2636 | + @include output-rhythm(margin, rhythm(1) $indent-amount); |
2637 | + } |
2638 | +} |
2639 | + |
2640 | +/** |
2641 | + * Address differences between Firefox and other browsers. |
2642 | + */ |
2643 | + |
2644 | +hr { |
2645 | + @include box-sizing(content-box); |
2646 | + height: 0; |
2647 | +} |
2648 | + |
2649 | +/** |
2650 | + * Contain overflow in all browsers. |
2651 | + */ |
2652 | + |
2653 | +pre { |
2654 | + overflow: auto; |
2655 | +} |
2656 | + |
2657 | +/** |
2658 | + * Address odd `em`-unit font size rendering in all browsers. |
2659 | + */ |
2660 | + |
2661 | +code, |
2662 | +kbd, |
2663 | +pre, |
2664 | +samp { |
2665 | + font-family: monospace, monospace; |
2666 | + @if support-legacy-browser(ie, "6") { |
2667 | + _font-family: 'courier new', monospace; |
2668 | + } |
2669 | + font-size: 1em; |
2670 | +} |
2671 | + |
2672 | +/* Forms |
2673 | + ========================================================================== */ |
2674 | + |
2675 | +/** |
2676 | + * Known limitation: by default, Chrome and Safari on OS X allow very limited |
2677 | + * styling of `select`, unless a `border` property is set. |
2678 | + */ |
2679 | + |
2680 | +@if support-legacy-browser(ie, "7") { |
2681 | + /** |
2682 | + * Correct margin displayed oddly in IE 6/7. |
2683 | + */ |
2684 | + |
2685 | + form { |
2686 | + margin: 0; |
2687 | + } |
2688 | +} |
2689 | + |
2690 | +/** |
2691 | + * 1. Correct color not being inherited. |
2692 | + * Known issue: affects color of disabled elements. |
2693 | + * 2. Correct font properties not being inherited. |
2694 | + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
2695 | + * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7 |
2696 | + * 5. Improve appearance and consistency with IE 6/7. |
2697 | + */ |
2698 | + |
2699 | +button, |
2700 | +input, |
2701 | +optgroup, |
2702 | +select, |
2703 | +textarea { |
2704 | + color: inherit; /* 1 */ |
2705 | + font: inherit; /* 2 */ |
2706 | + margin: 0; /* 3 */ |
2707 | + @if support-legacy-browser(ie, "7") { |
2708 | + *font-family: $base-font-family; /* 4 */ |
2709 | + *vertical-align: middle; /* 5 */ |
2710 | + } |
2711 | +} |
2712 | + |
2713 | +/** |
2714 | + * Address `overflow` set to `hidden` in IE 8/9/10/11. |
2715 | + */ |
2716 | + |
2717 | +button { |
2718 | + overflow: visible; |
2719 | +} |
2720 | + |
2721 | +/** |
2722 | + * Address inconsistent `text-transform` inheritance for `button` and `select`. |
2723 | + * All other form control elements do not inherit `text-transform` values. |
2724 | + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
2725 | + * Correct `select` style inheritance in Firefox. |
2726 | + */ |
2727 | + |
2728 | +button, |
2729 | +select { |
2730 | + text-transform: none; |
2731 | +} |
2732 | + |
2733 | +/** |
2734 | + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
2735 | + * and `video` controls. |
2736 | + * 2. Correct inability to style clickable `input` types in iOS. |
2737 | + * 3. Improve usability and consistency of cursor style between image-type |
2738 | + * `input` and others. |
2739 | + * 4. Remove inner spacing in IE 7 without affecting normal text inputs. |
2740 | + * Known issue: inner spacing remains in IE 6. |
2741 | + */ |
2742 | + |
2743 | +button, |
2744 | +html input[type="button"], /* 1 */ |
2745 | +input[type="reset"], |
2746 | +input[type="submit"] { |
2747 | + -webkit-appearance: button; /* 2 */ |
2748 | + cursor: pointer; /* 3 */ |
2749 | + @if support-legacy-browser(ie, "7") { |
2750 | + *overflow: visible; /* 4 */ |
2751 | + } |
2752 | +} |
2753 | + |
2754 | +/** |
2755 | + * Re-set default cursor for disabled elements. |
2756 | + */ |
2757 | + |
2758 | +button[disabled], |
2759 | +html input[disabled] { |
2760 | + cursor: default; |
2761 | +} |
2762 | + |
2763 | +/** |
2764 | + * Remove inner padding and border in Firefox 4+. |
2765 | + */ |
2766 | + |
2767 | +button::-moz-focus-inner, |
2768 | +input::-moz-focus-inner { |
2769 | + border: 0; |
2770 | + padding: 0; |
2771 | +} |
2772 | + |
2773 | +/** |
2774 | + * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
2775 | + * the UA stylesheet. |
2776 | + */ |
2777 | + |
2778 | +input { |
2779 | + line-height: normal; |
2780 | +} |
2781 | + |
2782 | +@if support-legacy-browser(ie, "10") { |
2783 | + /** |
2784 | + * It's recommended that you don't attempt to style these elements. |
2785 | + * Firefox's implementation doesn't respect box-sizing, padding, or width. |
2786 | + * |
2787 | + * 1. Address box sizing set to `content-box` in IE 8/9/10. |
2788 | + * 2. Remove excess padding in IE 8/9/10. |
2789 | + * 3. Remove excess padding in IE 7. |
2790 | + * Known issue: excess padding remains in IE 6. |
2791 | + */ |
2792 | + |
2793 | + input[type="checkbox"], |
2794 | + input[type="radio"] { |
2795 | + @include box-sizing(border-box); /* 1 */ |
2796 | + padding: 0; /* 2 */ |
2797 | + @if support-legacy-browser(ie, "7") { |
2798 | + *height: 13px; /* 3 */ |
2799 | + *width: 13px; /* 3 */ |
2800 | + } |
2801 | + } |
2802 | +} |
2803 | + |
2804 | +/** |
2805 | + * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
2806 | + * `font-size` values of the `input`, it causes the cursor style of the |
2807 | + * decrement button to change from `default` to `text`. |
2808 | + */ |
2809 | + |
2810 | +input[type="number"]::-webkit-inner-spin-button, |
2811 | +input[type="number"]::-webkit-outer-spin-button { |
2812 | + height: auto; |
2813 | +} |
2814 | + |
2815 | +/** |
2816 | + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
2817 | + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome |
2818 | + * (include `-moz` to future-proof). |
2819 | + */ |
2820 | + |
2821 | +input[type="search"] { |
2822 | + -webkit-appearance: textfield; /* 1 */ |
2823 | + @include box-sizing(content-box); /* 2 */ |
2824 | + |
2825 | + /** |
2826 | + * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
2827 | + * Safari (but not Chrome) clips the cancel button when the search input has |
2828 | + * padding (and `textfield` appearance). |
2829 | + */ |
2830 | + |
2831 | + &::-webkit-search-cancel-button, |
2832 | + &::-webkit-search-decoration { |
2833 | + -webkit-appearance: none; |
2834 | + } |
2835 | +} |
2836 | + |
2837 | +/** |
2838 | + * Define consistent border, margin, and padding. |
2839 | + */ |
2840 | + |
2841 | +fieldset { |
2842 | + margin: 0 2px; |
2843 | + /* Apply borders and padding that keep the vertical rhythm. */ |
2844 | + border-color: #c0c0c0; |
2845 | + @include apply-side-rhythm-border(top, $width: 1px, $lines: 0.35 ); |
2846 | + @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65 ); |
2847 | + @include apply-side-rhythm-border(left, $width: 1px, $lines: 0.625); |
2848 | + @include apply-side-rhythm-border(right, $width: 1px, $lines: 0.625); |
2849 | +} |
2850 | + |
2851 | +/** |
2852 | + * 1. Correct `color` not being inherited in IE 8/9/10/11. |
2853 | + * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
2854 | + * 3. Correct alignment displayed oddly in IE 6/7. |
2855 | + */ |
2856 | + |
2857 | +legend { |
2858 | + @if support-legacy-browser(ie, "11") { |
2859 | + border: 0; /* 1 */ |
2860 | + } |
2861 | + padding: 0; /* 2 */ |
2862 | + @if support-legacy-browser(ie, "7") { |
2863 | + *margin-left: -7px; /* 3 */ |
2864 | + } |
2865 | +} |
2866 | + |
2867 | +/** |
2868 | + * Remove default vertical scrollbar in IE 8/9/10/11. |
2869 | + */ |
2870 | + |
2871 | +textarea { |
2872 | + overflow: auto; |
2873 | +} |
2874 | + |
2875 | +/** |
2876 | + * Don't inherit the `font-weight` (applied by a rule above). |
2877 | + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
2878 | + */ |
2879 | + |
2880 | +optgroup { |
2881 | + font-weight: bold; |
2882 | +} |
2883 | + |
2884 | +/* Tables |
2885 | + ========================================================================== */ |
2886 | + |
2887 | +/** |
2888 | + * Remove most spacing between table cells. |
2889 | + */ |
2890 | + |
2891 | +table { |
2892 | + border-collapse: collapse; |
2893 | + border-spacing: 0; |
2894 | +} |
2895 | + |
2896 | +td, |
2897 | +th { |
2898 | + padding: 0; |
2899 | +} |
2900 | |
2901 | === added file 'sass/_theme-ubuntu.scss' |
2902 | --- sass/_theme-ubuntu.scss 1970-01-01 00:00:00 +0000 |
2903 | +++ sass/_theme-ubuntu.scss 2014-12-13 16:21:44 +0000 |
2904 | @@ -0,0 +1,21 @@ |
2905 | +.top-section { |
2906 | + background-color: $cool_grey; |
2907 | + color: white; |
2908 | +} |
2909 | +.header-section { |
2910 | + background-color: $ubuntu_orange; |
2911 | + color: white; |
2912 | + border-top: shade($ubuntu_orange, 20%) 1px solid; |
2913 | +} |
2914 | +.page-section { |
2915 | + background-color: $light_grey; |
2916 | +} |
2917 | +.main-footer { |
2918 | + background-color: $dark_aubergine; |
2919 | + color: white; |
2920 | +} |
2921 | + |
2922 | +.site-title { |
2923 | + @include background-size(contain); |
2924 | + @include replace-text(url("../images/ubuntu-fr_orange_blanc.png")); |
2925 | +} |
2926 | |
2927 | === added directory 'sass/components' |
2928 | === added file 'sass/components/_footer.scss' |
2929 | --- sass/components/_footer.scss 1970-01-01 00:00:00 +0000 |
2930 | +++ sass/components/_footer.scss 2014-12-13 16:21:44 +0000 |
2931 | @@ -0,0 +1,25 @@ |
2932 | +/** |
2933 | + * @file |
2934 | + * Navigation bar. |
2935 | + */ |
2936 | +.footer { |
2937 | + padding-top: 0; |
2938 | + padding-bottom: 0; |
2939 | + font-size: 0.8 * $base-font-size; |
2940 | + li { |
2941 | + @include no-bullets; |
2942 | + ul { |
2943 | + padding-left: 0px; |
2944 | + padding-left: 0px; |
2945 | + } |
2946 | + } |
2947 | + a { |
2948 | + color: white; |
2949 | + } |
2950 | + h3 { |
2951 | + margin-bottom: rhythm(0.2); |
2952 | + } |
2953 | + |
2954 | + } |
2955 | + |
2956 | + |
2957 | |
2958 | === added file 'sass/components/_navbar.scss' |
2959 | --- sass/components/_navbar.scss 1970-01-01 00:00:00 +0000 |
2960 | +++ sass/components/_navbar.scss 2014-12-13 16:21:44 +0000 |
2961 | @@ -0,0 +1,76 @@ |
2962 | +/** |
2963 | + * @file |
2964 | + * Navigation bar. |
2965 | + */ |
2966 | +.top-nav { |
2967 | + padding-top: 0; |
2968 | + padding-bottom: 0; |
2969 | + .menu { |
2970 | + @include horizontal-list; |
2971 | + |
2972 | + li:first-of-type a { |
2973 | + margin-left: 0; |
2974 | + } |
2975 | + } |
2976 | + a { |
2977 | + @include single-transition (opacity, 0.25s, ease-in-out); |
2978 | + |
2979 | + color: white; |
2980 | + text-decoration: none; |
2981 | + font-size: 0.90 * $base-font-size; |
2982 | + font-weight: 300; |
2983 | + line-height: rhythm(); |
2984 | + border-top: rhythm(0.2) solid transparent; |
2985 | + margin-right: 0.5 * $zen-gutter-width; |
2986 | + margin-left: 0.5 * $zen-gutter-width; |
2987 | + padding-bottom: rhythm(0.2); |
2988 | + display: block; |
2989 | + |
2990 | + &:hover { |
2991 | + color: #dd4814; |
2992 | + } |
2993 | + |
2994 | + &.active { |
2995 | + color: #dd4814; |
2996 | + border-top: rhythm(0.2) solid #dd4814; |
2997 | + opacity: 1; |
2998 | + } |
2999 | + } |
3000 | +} |
3001 | + |
3002 | +.header { |
3003 | + padding-top: 0; |
3004 | + padding-bottom: 0; |
3005 | + .sub-menu { |
3006 | + @include horizontal-list(); |
3007 | + border-right: 1px solid shade($ubuntu_orange, 10%); |
3008 | + |
3009 | + li { |
3010 | + height: rhythm(3); |
3011 | + padding: 0px; |
3012 | + border-left: 1px solid shade($ubuntu_orange, 10%); |
3013 | + } |
3014 | + a { |
3015 | + @include single-transition (opacity, 0.25s, ease-in-out); |
3016 | + |
3017 | + color: white; |
3018 | + text-decoration: none; |
3019 | + line-height: rhythm(3); |
3020 | + border-bottom: rhythm(0.2) solid transparent; |
3021 | + padding-right: 0.5 * $zen-gutter-width; |
3022 | + padding-left: 0.5 * $zen-gutter-width; |
3023 | + padding-top: rhythm(0.5); |
3024 | + display: block; |
3025 | + border-left: 1px solid tint($ubuntu_orange, 10%); |
3026 | + |
3027 | + &:hover { |
3028 | + background-color: tint($ubuntu_orange, 10%); |
3029 | + } |
3030 | + |
3031 | + &.active { |
3032 | + background-color: shade($ubuntu_orange, 20%); |
3033 | + opacity: 1; |
3034 | + } |
3035 | + } |
3036 | + } |
3037 | +} |
3038 | |
3039 | === added file 'sass/components/_wireframes.scss' |
3040 | --- sass/components/_wireframes.scss 1970-01-01 00:00:00 +0000 |
3041 | +++ sass/components/_wireframes.scss 2014-12-13 16:21:44 +0000 |
3042 | @@ -0,0 +1,24 @@ |
3043 | +/** |
3044 | + * @file |
3045 | + * Wireframes. |
3046 | + */ |
3047 | + |
3048 | +%wireframe { |
3049 | + outline: 1px solid #ccc; |
3050 | + |
3051 | + @if $legacy-support-for-ie6 or $legacy-support-for-ie7 { |
3052 | + .lt-ie8 & { |
3053 | + /* IE6/7 do not support the outline property. */ |
3054 | + border: 1px solid #ccc; |
3055 | + } |
3056 | + } |
3057 | +} |
3058 | + |
3059 | +.with-wireframes { |
3060 | + footer, |
3061 | + section, |
3062 | + .main, |
3063 | + .footer { |
3064 | + @extend %wireframe; |
3065 | + } |
3066 | +} |
3067 | |
3068 | === added directory 'sass/layouts' |
3069 | === added file 'sass/layouts/_responsive.scss' |
3070 | --- sass/layouts/_responsive.scss 1970-01-01 00:00:00 +0000 |
3071 | +++ sass/layouts/_responsive.scss 2014-12-13 16:21:44 +0000 |
3072 | @@ -0,0 +1,120 @@ |
3073 | +/** |
3074 | + * @file |
3075 | + * Positionnement pour une mise en page « responsive » |
3076 | + * |
3077 | + * Définition des classes CSS pour créer une mise en page fluide. |
3078 | + * Cette mise en page utilise le plugin Zen Grids pour Compass : http://zengrids.com |
3079 | + */ |
3080 | + |
3081 | +/* Nous allons déterminer une grille avec un nombre de colonnes variables en fonction |
3082 | + de la largeur de l'écran. Nous définirons une gouttière fixe entre ces colonnes. */ |
3083 | + |
3084 | +/* Initialisation des variables. */ |
3085 | +$zen-column-count: 1; |
3086 | +$zen-gutter-width: 20px; |
3087 | + |
3088 | +/* If you need IE6/7 support for box-sizing: border-box (default), see _init.scss */ |
3089 | +//$zen-box-sizing: content-box; |
3090 | + |
3091 | +/* You can generate more efficient CSS if you manually apply the |
3092 | + zen-grid-item-base mixin to all grid items from within a single ruleset. */ |
3093 | +$zen-auto-include-item-base: false; |
3094 | +// $zen-auto-include-flow-item-base: false; |
3095 | + |
3096 | + |
3097 | +/* On centre la page et on limite la largeur pour les résolutions trop grandes */ |
3098 | +.content, |
3099 | +.header, |
3100 | +.top-nav, |
3101 | +.footer { |
3102 | + margin-left: auto; |
3103 | + margin-right: auto; |
3104 | + max-width: 1200px; |
3105 | +} |
3106 | + |
3107 | +/* Définition des éléments de type container */ |
3108 | +.main { |
3109 | + @include zen-grid-item-base(); |
3110 | + padding-top: rhythm(0.5); |
3111 | + padding-bottom: rhythm(1.5); |
3112 | + |
3113 | +} |
3114 | + |
3115 | +@media all and (max-width: 727px) { |
3116 | + $zen-column-count: 1; |
3117 | + .main { |
3118 | + .top-nav { |
3119 | + height: rhythm(1.2); |
3120 | + } |
3121 | + @include zen-grid-container(); |
3122 | + .menu { |
3123 | + @include zen-grid-item(1, 1, $zen-float-direction, $zen-column-count); |
3124 | + @include zen-clear(both); |
3125 | + |
3126 | + } |
3127 | + .login { |
3128 | + @include zen-grid-item(1, 1, $zen-float-direction, $zen-column-count); |
3129 | + @include zen-clear(both); |
3130 | + } |
3131 | + } |
3132 | + .footer-block li { |
3133 | + display: none; |
3134 | + } |
3135 | +} |
3136 | + |
3137 | +@media all and (min-width: 728px) and (max-width: 1023px) { |
3138 | + $zen-column-count: 6; |
3139 | + .main { |
3140 | + .top-nav { |
3141 | + height: rhythm(1.2); |
3142 | + } |
3143 | + @include zen-grid-container(); |
3144 | + .menu { |
3145 | + @include zen-grid-item(5, 1, $zen-float-direction, $zen-column-count); |
3146 | + } |
3147 | + .login { |
3148 | + @include zen-grid-item(1, 1, $zen-float-direction, $zen-column-count); |
3149 | + text-align: right; |
3150 | + } |
3151 | + } |
3152 | + .footer-block { |
3153 | + @include zen-float(); |
3154 | + width: zen-grid-item-width(2); |
3155 | + } |
3156 | +} |
3157 | +@media all and (min-width: 1024px) { |
3158 | + $zen-column-count: 12; |
3159 | + |
3160 | + .header { |
3161 | + padding-top: 0px; |
3162 | + padding-bottom: 0px; |
3163 | + height: rhythm(3); |
3164 | + } |
3165 | + .main { |
3166 | + @include zen-grid-container(); |
3167 | + } |
3168 | + .menu { |
3169 | + @include zen-grid-item(10, 1, $zen-float-direction, $zen-column-count); |
3170 | + } |
3171 | + .login { |
3172 | + @include zen-grid-item(2, 1, $zen-float-direction, $zen-column-count); |
3173 | + text-align: right; |
3174 | + } |
3175 | + .site-title { |
3176 | + margin: 0px; |
3177 | + @include zen-grid-item(2, 1, $zen-float-direction, $zen-column-count); |
3178 | + } |
3179 | + .sub-title { |
3180 | + margin: 0px; |
3181 | + padding-top: rhythm(.4); |
3182 | + @include zen-grid-item(2, 3, $zen-float-direction, $zen-column-count); |
3183 | + } |
3184 | + .header nav { |
3185 | + @include zen-grid-item(8, 5, $zen-float-direction, $zen-column-count); |
3186 | + @include zen-clear(right); |
3187 | + } |
3188 | + .footer-block { |
3189 | + @include zen-float(); |
3190 | + width: zen-grid-item-width(2); |
3191 | + } |
3192 | +} |
3193 | |
3194 | === added file 'sass/ubuntu-fr.scss' |
3195 | --- sass/ubuntu-fr.scss 1970-01-01 00:00:00 +0000 |
3196 | +++ sass/ubuntu-fr.scss 2014-12-13 16:21:44 +0000 |
3197 | @@ -0,0 +1,60 @@ |
3198 | +/** |
3199 | + * @file |
3200 | + * Les styles sont organisés en utilisant les principes SMACSS. |
3201 | + * @see http://smacss.com/book/ |
3202 | + * |
3203 | + * Quand vous activez l'aggregation CSS dans admin/config/development/performance, |
3204 | + * tous ces fichiers @include sont combinés en un seul fichier. |
3205 | + */ |
3206 | + |
3207 | + |
3208 | +/** |
3209 | + * Importations et initialisations pour SASS |
3210 | + * - Composants |
3211 | + * - Variables |
3212 | + * - Modules Compass |
3213 | + * etc. |
3214 | + */ |
3215 | + @import "init"; |
3216 | + |
3217 | + |
3218 | + |
3219 | +/** |
3220 | + * BASE - Règles pour les éléments HTML |
3221 | + */ |
3222 | + /* Ce fichier est celui du projet normalize non modifié |
3223 | + * @see https://github.com/JohnAlbin/normalize.css-with-sass-or-compass |
3224 | + */ |
3225 | + @import "normalize"; |
3226 | + /* Les modifications apportées par le projet ubuntu */ |
3227 | + @import "normalize-ubuntu"; |
3228 | + |
3229 | + |
3230 | + |
3231 | +/** |
3232 | + * LAYOUT - Règles de mise en page |
3233 | + */ |
3234 | + |
3235 | + @import "layouts/responsive"; |
3236 | + |
3237 | + |
3238 | + |
3239 | +/** |
3240 | + * MODULES - Règles pour les éléménts basiques |
3241 | + */ |
3242 | + @import "mixins"; |
3243 | + @import "components/navbar"; |
3244 | + @import "components/footer"; |
3245 | + |
3246 | + |
3247 | + /* Ce module permet de mettre des bordures aux éléments principaux afin de mieux visualiser le positionnement, à désactiver en production */ |
3248 | + @import "components/wireframes"; |
3249 | + |
3250 | + |
3251 | + |
3252 | +/** |
3253 | + * THEMES - Règles pour les thèmes |
3254 | + */ |
3255 | + |
3256 | + @import "theme-ubuntu"; |
3257 | + |