Merge lp:~murazaki/ubuntu-fr-static/fix_compass into lp:ubuntu-fr-static

Proposed by Mehdi Benadel
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
Reviewer Review Type Date Requested Status
Ubuntu-fr-webteam Pending
Review via email: mp+244667@code.launchpad.net

Description of the change

Support dernière version de Compass

To post a comment you must log in.
5. By Murazaki <email address hidden> on 2014-12-13

Ajout valeurs couleur+radius dans init

6. By Murazaki <email address hidden> on 2014-12-13

Fix lié à la mise à jour de compass (ajout _normalize.scss + fix zen_grid)

Unmerged revisions

6. By Murazaki <email address hidden> on 2014-12-13

Fix lié à la mise à jour de compass (ajout _normalize.scss + fix zen_grid)

5. By Murazaki <email address hidden> on 2014-12-13

Ajout valeurs couleur+radius dans init

4. By Murazaki <email address hidden> on 2014-12-13

Support dernière version de compass

3. By YoBoY on 2014-06-22

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 on 2014-01-28

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 on 2014-01-28

Création du projet, des dossiers et des fichiers vide de base

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
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'
1393Binary 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>&lt;html>
1683+ &lt;head>
1684+ &lt;/head>
1685+ &lt;body>
1686+ &lt;div class="main"> &lt;div>
1687+ &lt;/body>
1688+&lt;/html></code></pre>
1689+
1690+ <h3>blockquote</h3>
1691+
1692+ <blockquote>
1693+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
1694+ </blockquote>
1695+
1696+ <blockquote>Even better philosophical quote marked up with just a &lt;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+

Subscribers

People subscribed via source and target branches