From 9e635c26c6b37901d0524cd4cd58fb3049487ecf Mon Sep 17 00:00:00 2001 From: Ludovic CHEVALIER Date: Fri, 24 Apr 2015 14:44:51 +0200 Subject: [PATCH] [CSS] -habillage page atelier --- .gitignore | 2 + css/habillage.css | 482 ++++++++++++++++++++++++-------- css/habillage.scss | 2 +- css/habillage_page_atelier.css | 46 --- css/habillage_page_atelier.scss | 52 ---- rubrique.html | 2 +- 6 files changed, 364 insertions(+), 222 deletions(-) create mode 100644 .gitignore delete mode 100644 css/habillage_page_atelier.css delete mode 100644 css/habillage_page_atelier.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..91f5e41 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.sass-cache/ +css/font-awesome/scss/font-awesome.css diff --git a/css/habillage.css b/css/habillage.css index ea91f42..18e0237 100644 --- a/css/habillage.css +++ b/css/habillage.css @@ -1,6 +1,7 @@ @charset "UTF-8"; +/* line 2, habillage.scss */ html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, +h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, @@ -20,8 +21,10 @@ time, mark, audio, video { vertical-align: baseline; font-family: sans-serif; color: #0c0fb7; - text-align: left; } + text-align: left; +} +/* line 26, habillage.scss */ html, body, span, applet, object, iframe, blockquote, pre, section, abbr, acronym, address, big, cite, code, @@ -34,59 +37,87 @@ article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, summary, mark, audio, video { background-color: #ffffff; - background: none; } + background: none; +} +/* line 41, habillage.scss */ html { - line-height: 1.1; } + line-height: 1.1; +} +/* line 45, habillage.scss */ ol, ul { - list-style: none; } + list-style: none; +} +/* line 49, habillage.scss */ table { border-collapse: collapse; - border-spacing: 0; } + border-spacing: 0; +} +/* line 54, habillage.scss */ caption, th, td { text-align: left; font-weight: normal; - vertical-align: middle; } + vertical-align: middle; +} +/* line 60, habillage.scss */ q, blockquote { - quotes: none; } + quotes: none; +} +/* line 63, habillage.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; - content: none; } + content: none; +} +/* line 68, habillage.scss */ a img { - border: none; } + border: none; +} +/* line 72, habillage.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { - display: block; } + display: block; +} +/* line 76, habillage.scss */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} +/* line 82, habillage.scss */ body { margin: 0; padding: 0; - font-size: 0.9em; } + font-size: 0.9em; +} +/* line 89, habillage.scss */ header { margin: 15px auto 0 auto; - width: 1200px; } + width: 1200px; +} +/* line 94, habillage.scss */ header .spip_logos { margin-left: 10px; - position: absolute; } + position: absolute; +} +/* line 100, habillage.scss */ #wrap { padding-top: 130px; width: 100%; - margin: 0 auto; } + margin: 0 auto; +} +/* line 105, habillage.scss */ a { color: #0fe4ab; text-decoration: none; @@ -94,8 +125,10 @@ a { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; } + transition: all 0.3s ease 0s; +} +/* line 115, habillage.scss */ a:focus, a:hover, a:active { background: none; color: #0c0fb7; @@ -103,16 +136,20 @@ a:focus, a:hover, a:active { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; } + transition: all 0.3s ease 0s; +} +/* line 124, habillage.scss */ a:hover > i { color: #0c0fb7 !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; } + transition: all 0.3s ease 0s; +} +/* line 133, habillage.scss */ h2 { margin: 0; padding: 0; @@ -121,28 +158,38 @@ h2 { font-size: 1.8em; display: inline-block; font-weight: bold; - width: 90%; } + width: 90%; +} +/* line 143, habillage.scss */ h2:hover { - text-decoration: underline; } + text-decoration: underline; +} +/* line 147, habillage.scss */ h3 { margin: 15px 15px; font-size: 1.2em; display: inline-block; - width: 90%; } + width: 90%; +} +/* line 154, habillage.scss */ h4 { margin: 15px; - display: inline-block; } + display: inline-block; +} +/* line 159, habillage.scss */ p { margin: 0 15px; padding-bottom: 15px; text-decoration: none; - text-align: justify; } + text-align: justify; +} /*1ERE COLONNE*/ +/* line 168, habillage.scss */ .titre { background-color: #05ffbc; height: 47px; @@ -153,360 +200,551 @@ p { text-transform: uppercase; font-family: "Trebuchet MS", Helvetica, arial, sans-serif; font-size: 1.7em; - font-weight: normal; } + font-weight: normal; +} +/* line 180, habillage.scss */ .titre:hover { text-decoration: none; - font-weight: normal; } + font-weight: normal; +} +/* line 184, habillage.scss */ #ateliers h3 { margin: 15px 15px; font-size: 1.2em; display: inline-block; - text-decoration: none; } + text-decoration: none; +} +/* line 190, habillage.scss */ #ateliers { - margin: 0 10px; } + margin: 0 10px; +} +/* line 194, habillage.scss */ #ateliers:after { content: ""; /* Important, sinon l'élément n'est pas généré. */ display: table; - clear: both; } + clear: both; +} +/* line 200, habillage.scss */ #ateliers ul { padding: 0; margin: 0; - list-style-type: none; } + list-style-type: none; +} +/* line 206, habillage.scss */ #ateliers ul li { - margin-bottom: 15px; } + margin-bottom: 15px; +} +/* line 209, habillage.scss */ .descriptif { - margin-left: 15px; } + margin-left: 15px; +} +/* line 213, habillage.scss */ #ateliers p { margin: 15px 15px 0 0; font-size: 1.0em; - text-align: left; } + text-align: left; +} +/* line 218, habillage.scss */ #ateliers address { margin: 0 0 0 15px; - line-height: 0.6; } + line-height: 0.6; +} +/* line 222, habillage.scss */ .horairesouvertures { - margin: 0 0 0 15px; } + margin: 0 0 0 15px; +} +/* line 225, habillage.scss */ #ateliers nav { padding-top: 15px; padding-bottom: 15px; - clear: both; } + clear: both; +} +/* line 230, habillage.scss */ .fa { color: #0fe4ab; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; } + transition: all 0.3s ease 0s; +} +/* line 238, habillage.scss */ .fa:hover { - color: #0c0fb7; } + color: #0c0fb7; +} +/* line 241, habillage.scss */ #atelierdescription nav { - margin-bottom: 15px; } + margin-bottom: 15px; +} +/* line 244, habillage.scss */ .voirenligne { padding: 15px; - text-align: right; } + text-align: right; +} /*2EME COLONNE*/ +/* line 251, habillage.scss */ #news { - margin: 0 10px; } + margin: 0 10px; +} +/* line 254, habillage.scss */ .article { background-color: #e8e3e1; margin: 0 0 15px 0; - line-height: 1.3; } + line-height: 1.3; +} +/* line 259, habillage.scss */ .article h1 { font-size: 1.4em; - width: 100%; } + width: 100%; +} +/* line 263, habillage.scss */ .article .fa { width: 20px; height: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} +/* line 270, habillage.scss */ .article .fa a { - display: none; } + display: none; +} +/* line 273, habillage.scss */ .article img { width: 100%; height: auto; - margin: 0; } + margin: 0; +} +/* line 278, habillage.scss */ .article ul { - margin: 0 15px; } + margin: 0 15px; +} +/* line 281, habillage.scss */ .article li { - margin: 0 15px; } + margin: 0 15px; +} +/* line 284, habillage.scss */ .article div { - margin: 0 15px; } + margin: 0 15px; +} +/* line 289, habillage.scss */ .articlefull { background-color: #e8e3e1; margin: 0 0 15px 0; - line-height: 1.3; } + line-height: 1.3; +} +/* line 294, habillage.scss */ .articlefull h1 { font-size: 1.4em; - width: 100%; } + width: 100%; +} +/* line 298, habillage.scss */ .articlefull .fa { width: 20px; height: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; - border-radius: 10px; } + border-radius: 10px; +} +/* line 305, habillage.scss */ .articlefull .fa a { - display: none; } + display: none; +} +/* line 308, habillage.scss */ .articlefull img { width: auto; - margin: 0; } + margin: 0; +} +/* line 312, habillage.scss */ .articlefull ul { - margin: 0 15px; } + margin: 0 15px; +} +/* line 315, habillage.scss */ .articlefull li { - margin: 0 15px; } + margin: 0 15px; +} +/* line 318, habillage.scss */ .articlefull div { - margin: 0 15px; } + margin: 0 15px; +} +/* line 321, habillage.scss */ address { - padding-bottom: 10px; } + padding-bottom: 10px; +} +/* line 324, habillage.scss */ address p { margin: 0; - padding: 0; } + padding: 0; +} +/* line 328, habillage.scss */ .historique { background-color: #ffd2a1; - margin: 0 15px 15px 15px; } + margin: 0 15px 15px 15px; +} +/* line 332, habillage.scss */ .historique h1 { - width: 100%; } + width: 100%; +} +/* line 335, habillage.scss */ #atelierdescription { - margin: 0 10px; } + margin: 0 10px; +} +/* line 338, habillage.scss */ #atelierdescription #news { - margin: 0; } + margin: 0; +} +/* line 341, habillage.scss */ .spip_logos { - width: auto !important; } + width: auto !important; +} +/* line 344, habillage.scss */ .urlsites { - padding: 15px 0; } + padding: 15px 0; +} /*3EME COLONNE*/ +/* line 352, habillage.scss */ .map { height: 300px; margin: 0 10px 15px 10px; - overflow: hidden; } + overflow: hidden; +} +/* line 357, habillage.scss */ .agenda { background-color: #05ffbc; margin: 0 10px 15px 10px; padding-right: 10px; - padding-bottom: 15px; } + padding-bottom: 15px; +} +/* line 363, habillage.scss */ .agenda h2:hover { - text-decoration: none; } + text-decoration: none; +} +/* line 366, habillage.scss */ .agenda p { - padding: 0; } + padding: 0; +} +/* line 369, habillage.scss */ .agenda ul { list-style-type: none; padding: 0; margin: 0; - padding-top: 15px; } + padding-top: 15px; +} +/* line 375, habillage.scss */ .date { float: left; font-size: 1.7em; - clear: both; } + clear: both; +} +/* line 380, habillage.scss */ .event { display: block; margin-bottom: 45px; - padding-top: 5px; } + padding-top: 5px; +} +/* line 386, habillage.scss */ .horaire { font-size: 0.8em; margin-bottom: 20px; - display: block; } + display: block; +} /*RESPONSIVE*/ +/* line 400, habillage.scss */ .col-1, .col-m-1, .col-l-1, .col-2, .col-m-2, .col-l-2, .col-3, .col-m-3, .col-l-3, .col-4, .col-m-4, .col-l-4, .col-5, .col-m-5, .col-l-5, .col-6, .col-m-6, .col-l-6, .col-7, .col-m-7, .col-l-7, .col-8, .col-m-8, .col-l-8, .col-9, .col-m-9, .col-l-9, .col-10, .col-m-10, .col-l-10, .col-11, .col-m-11, .col-l-11, .col-12, .col-m-12, .col-l-12 { float: left; - position: relative; } + position: relative; +} +/* line 406, habillage.scss */ .col-1 { - width: 8.33333%; } + width: 8.33333%; +} +/* line 406, habillage.scss */ .col-2 { - width: 16.66667%; } + width: 16.66667%; +} +/* line 406, habillage.scss */ .col-3 { - width: 25%; } + width: 25%; +} +/* line 406, habillage.scss */ .col-4 { - width: 33.33333%; } + width: 33.33333%; +} +/* line 406, habillage.scss */ .col-5 { - width: 41.66667%; } + width: 41.66667%; +} +/* line 406, habillage.scss */ .col-6 { - width: 50%; } + width: 50%; +} +/* line 406, habillage.scss */ .col-7 { - width: 58.33333%; } + width: 58.33333%; +} +/* line 406, habillage.scss */ .col-8 { - width: 66.66667%; } + width: 66.66667%; +} +/* line 406, habillage.scss */ .col-9 { - width: 75%; } + width: 75%; +} +/* line 406, habillage.scss */ .col-10 { - width: 83.33333%; } + width: 83.33333%; +} +/* line 406, habillage.scss */ .col-11 { - width: 91.66667%; } + width: 91.66667%; +} +/* line 406, habillage.scss */ .col-12 { - width: 100%; } + width: 100%; +} @media only screen and (min-width: 650px) { + /* line 414, habillage.scss */ .col-m-1 { - width: 8.33333%; } + width: 8.33333%; + } + /* line 414, habillage.scss */ .col-m-2 { - width: 16.66667%; } + width: 16.66667%; + } + /* line 414, habillage.scss */ .col-m-3 { - width: 25%; } + width: 25%; + } + /* line 414, habillage.scss */ .col-m-4 { - width: 33.33333%; } + width: 33.33333%; + } + /* line 414, habillage.scss */ .col-m-5 { - width: 41.66667%; } + width: 41.66667%; + } + /* line 414, habillage.scss */ .col-m-6 { - width: 50%; } + width: 50%; + } + /* line 414, habillage.scss */ .col-m-7 { - width: 58.33333%; } + width: 58.33333%; + } + /* line 414, habillage.scss */ .col-m-8 { - width: 66.66667%; } + width: 66.66667%; + } + /* line 414, habillage.scss */ .col-m-9 { - width: 75%; } + width: 75%; + } + /* line 414, habillage.scss */ .col-m-10 { - width: 83.33333%; } + width: 83.33333%; + } + /* line 414, habillage.scss */ .col-m-11 { - width: 91.66667%; } + width: 91.66667%; + } + /* line 414, habillage.scss */ .col-m-12 { - width: 100%; } } + width: 100%; + } +} @media only screen and (min-width: 1200px) { + /* line 421, habillage.scss */ .col-l-1 { - width: 8.33333%; } + width: 8.33333%; + } + /* line 421, habillage.scss */ .col-l-2 { - width: 16.66667%; } + width: 16.66667%; + } + /* line 421, habillage.scss */ .col-l-3 { - width: 25%; } + width: 25%; + } + /* line 421, habillage.scss */ .col-l-4 { - width: 33.33333%; } + width: 33.33333%; + } + /* line 421, habillage.scss */ .col-l-5 { - width: 41.66667%; } + width: 41.66667%; + } + /* line 421, habillage.scss */ .col-l-6 { - width: 50%; } + width: 50%; + } + /* line 421, habillage.scss */ .col-l-7 { - width: 58.33333%; } + width: 58.33333%; + } + /* line 421, habillage.scss */ .col-l-8 { - width: 66.66667%; } + width: 66.66667%; + } + /* line 421, habillage.scss */ .col-l-9 { - width: 75%; } + width: 75%; + } + /* line 421, habillage.scss */ .col-l-10 { - width: 83.33333%; } + width: 83.33333%; + } + /* line 421, habillage.scss */ .col-l-11 { - width: 91.66667%; } + width: 91.66667%; + } + /* line 421, habillage.scss */ .col-l-12 { - width: 100%; } + width: 100%; + } + /* line 424, habillage.scss */ #wrap { - width: 1200px; } + width: 1200px; + } + /* line 428, habillage.scss */ .wrap { - width: auto; } } + width: auto; + } +} +/* line 435, habillage.scss */ .row:before, .row:after { content: ""; - display: table; } + display: table; +} +/* line 440, habillage.scss */ .row:after { - clear: both; } + clear: both; +} +/* line 445, habillage.scss */ .row { margin: 0 -10px; - zoom: 1; } + zoom: 1; +} /*FOOTER*/ +/* line 453, habillage.scss */ footer { clear: both; height: 100px; - background-color: #05ffbc; } + background-color: #05ffbc; +} +/* line 459, habillage.scss */ footer ul { width: 500px; margin: 0 auto; padding: 30px 0 0; - list-style-type: none; } + list-style-type: none; +} +/* line 466, habillage.scss */ footer li { float: left; - /*pour IE*/ } + /*pour IE*/ +} +/* line 469, habillage.scss */ footer ul li a { text-align: center; display: block; text-decoration: none; - color: #0c0fb7; } + color: #0c0fb7; +} +/* line 475, habillage.scss */ footer ul li a:hover { - border-bottom: solid #0c0fb7; } - -/*# sourceMappingURL=habillage.css.map */ + border-bottom: solid #0c0fb7; +} diff --git a/css/habillage.scss b/css/habillage.scss index bee021b..f821461 100644 --- a/css/habillage.scss +++ b/css/habillage.scss @@ -1,6 +1,6 @@ @charset "UTF-8"; html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, +h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, diff --git a/css/habillage_page_atelier.css b/css/habillage_page_atelier.css deleted file mode 100644 index fe3fe06..0000000 --- a/css/habillage_page_atelier.css +++ /dev/null @@ -1,46 +0,0 @@ -header img { - width: 70px; - height: 101px; - position: absolute; } - -/*1ERE COLONNE*/ -#ateliers { - margin: 0 10px 15px 0; - background-color: #edff64; } - -#ateliers p { - padding: 0 0 0 15px; } - -.logoatelier img { - width: 100%; - padding: 0 15px 0 0; } - -address { - font-size: 1.2em; } - -/*2EME COLONNE*/ -.historique { - background-color: #ffd2a1; - margin: 0 15px 15px 15px; } - -.historique h1 { - width: 100%; } - -#atelierdescription img { - width: 100%; } - -/*3EME COLONNE*/ -.map { - background-color: #ba59f7; - width: 100%; - margin: 0 15px 15px 10px; } - -.map img { - width: 100%; } - -.agenda { - margin: 0 0 15px 10px; - padding-right: 0; - background-color: #edff64; } - -/*# sourceMappingURL=habillage_page_atelier.css.map */ diff --git a/css/habillage_page_atelier.scss b/css/habillage_page_atelier.scss deleted file mode 100644 index 66821aa..0000000 --- a/css/habillage_page_atelier.scss +++ /dev/null @@ -1,52 +0,0 @@ -header img{ - width:70px; - height: 101px; - position: absolute; -} - -/*1ERE COLONNE*/ -#ateliers{ - margin:0 10px 15px 0; - background-color: #edff64; - -} -#ateliers p{ - padding:0 0 0 15px; -} -.logoatelier img{ - width:100%; - padding: 0 15px 0 0; -} -address{ - font-size: 1.2em; -} - -/*2EME COLONNE*/ -.historique{ - background-color: #ffd2a1; - margin:0 15px 15px 15px; -} -.historique h1{ - width:100%; -} - -#atelierdescription img{ - width: 100%; - -} - -/*3EME COLONNE*/ -.map{ - background-color: #ba59f7; - width: 100%; - margin:0 15px 15px 10px; - -} -.map img{ - width:100%; -} -.agenda{ - margin:0 0 15px 10px; - padding-right: 0; - background-color: #edff64; -} \ No newline at end of file diff --git a/rubrique.html b/rubrique.html index d7acca2..36934e0 100644 --- a/rubrique.html +++ b/rubrique.html @@ -92,7 +92,7 @@

-

#TITRE

+

#TITRE - #LIEU - #ADRESSE

-- 2.20.1