X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.css;h=525069474e4dc034f2390e8f33860ab6b6c02785;hb=969d368a3fe6974a28b27e782d005d94e728c3a3;hp=b03b2c9f43664e78ac7260c6f2f1ec47a784c5d6;hpb=5d22f3e2ae413e88c2dc96f5f57c58b6bc90508c;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.css b/css/habillage.css index b03b2c9..5250694 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, @@ -15,13 +16,17 @@ time, mark, audio, video { margin: 0; padding: 0; border: 0; + border-radius: 5px; font: inherit; font-size: 100%; vertical-align: baseline; font-family: sans-serif; - color: #120260; - text-align: left; } + color: #000; + /*#0c0fb7;*/ + text-align: left; +} +/* line 27, habillage.scss */ html, body, span, applet, object, iframe, blockquote, pre, section, abbr, acronym, address, big, cite, code, @@ -33,364 +38,758 @@ table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, summary, mark, audio, video { - background-color: #ffffff; - background: none; } + background-color: #FFFFFF; + background: none; +} + +/* line 42, habillage.scss */ +body { + background-color: #B3B6C7; +} +/* line 46, habillage.scss */ html { - line-height: 1.1; } + line-height: 1.1; +} +/* line 50, habillage.scss */ ol, ul { - list-style: none; } + list-style: none; +} +/* line 54, habillage.scss */ table { border-collapse: collapse; - border-spacing: 0; } + border-spacing: 0; +} +/* line 59, habillage.scss */ caption, th, td { text-align: left; font-weight: normal; - vertical-align: middle; } + vertical-align: middle; +} +/* line 65, habillage.scss */ q, blockquote { - quotes: none; } + quotes: none; +} +/* line 68, habillage.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; - content: none; } + content: none; +} +/* line 73, habillage.scss */ a img { - border: none; } + border: none; +} +/* line 77, habillage.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { - display: block; } + display: block; +} +/* line 81, habillage.scss */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} +/* line 87, habillage.scss */ body { margin: 0; - padding: 0; } + padding: 0; + font-size: 0.9em; +} +/* line 94, habillage.scss */ header { - margin: 0 auto; - width: 1200px; } + margin: 15px auto 0 auto; + width: 1200px; +} +/* line 99, habillage.scss */ header .spip_logos { - margin-left: 10px; - position: absolute; } + margin-left: 30px; + position: absolute; +} +/* line 105, habillage.scss */ #wrap { padding-top: 130px; width: 100%; - margin: 0 auto; } + margin: 0 auto; +} +/* line 110, habillage.scss */ a { + color: #373D4E; + /*#0fe4ab;*/ text-decoration: none; -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 120, habillage.scss */ a:focus, a:hover, a:active { background: none; - color: #e1702e; + color: #0c0fb7; + -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; +} + +/* line 129, 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; +} -h1 { +/* line 138, habillage.scss */ +h2 { margin: 0; padding: 0; margin-top: 15px; margin-left: 15px; - font-size: 1.9em; + font-size: 1.8em; display: inline-block; - font-weight: bold; } + font-weight: bold; + width: 90%; +} -h1:hover { +/* line 148, habillage.scss */ +h2:hover { text-decoration: underline; - -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; } +} -h2 { +/* line 152, habillage.scss */ +h3 { margin: 15px 15px; - font-size: 1.3em; - display: inline-block; } + font-size: 1.2em; + display: inline-block; + width: 90%; +} -h3 { +/* line 159, habillage.scss */ +h4 { margin: 15px; - display: inline-block; } + display: inline-block; +} +/* line 164, habillage.scss */ p { margin: 0 15px; padding-bottom: 15px; text-decoration: none; - text-align: justify; } + text-align: justify; +} + +/* line 171, habillage.scss */ +.banniere { + margin: 0 auto; + width: 1100px; + height: 100px; + float: right; +} /*1ERE COLONNE*/ +/* line 180, habillage.scss */ +.titre { + background-color: #262730; + height: 47px; + width: 100%; + color: #B7CEBF; + margin: 0 0 15px 0; + padding: 10px 15px; + text-transform: uppercase; + font-family: "Trebuchet MS", Helvetica, arial, sans-serif; + font-size: 1.7em; + font-weight: normal; +} + +/* line 192, habillage.scss */ +.titre:hover { + text-decoration: none; + font-weight: normal; +} + +/* line 196, habillage.scss */ +#ateliers h3 { + margin: 15px 15px; + font-size: 1.2em; + display: inline-block; + text-decoration: none; +} + +/* line 202, habillage.scss */ #ateliers { - margin: 0 10px; } + margin: 0 10px; +} +/* line 206, habillage.scss */ #ateliers:after { content: ""; /* Important, sinon l'élément n'est pas généré. */ display: table; - clear: both; } + clear: both; +} +/* line 212, habillage.scss */ #ateliers ul { padding: 0; margin: 0; - list-style-type: none; } + list-style-type: none; +} +/* line 218, habillage.scss */ #ateliers ul li { - margin-bottom: 15px; } + margin-bottom: 15px; +} +/* line 221, habillage.scss */ .descriptif { - margin-left: 15px; } + margin-left: 15px; +} +/* line 225, habillage.scss */ #ateliers p { margin: 15px 15px 0 0; font-size: 1.0em; - text-align: left; } + text-align: left; +} +/* line 230, habillage.scss */ #ateliers address { margin: 0 0 0 15px; - line-height: 0.6; } + line-height: 0.6; +} +/* line 234, habillage.scss */ .horairesouvertures { - margin: 0 0 0 15px; } + margin: 0 0 0 15px; +} + +/* line 237, habillage.scss */ +#ateliers nav { + padding-top: 15px; + padding-bottom: 15px; + clear: both; +} + +/* line 242, habillage.scss */ +.fa { + color: #373D4E; + /*#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; +} + +/* line 250, habillage.scss */ +.fa:hover { + color: #0c0fb7; +} + +/* line 253, habillage.scss */ +#atelierdescription nav { + margin-bottom: 15px; +} + +/* line 256, habillage.scss */ +.voirenligne { + padding: 15px; + text-align: right; +} + +/* line 262, habillage.scss */ +.logoatelier { + text-align: center; +} /*2EME COLONNE*/ +/* line 270, habillage.scss */ #news { - overflow: hidden; } + margin: 0 10px; +} -.article { +/* line 273, habillage.scss */ +.article, .auteur { background-color: #e8e3e1; - margin: 0 10px 15px 10px; - line-height: 1.3; } + margin: 0 0 15px 0; + line-height: 1.3; +} + +.auteur ul { + margin: 15px 0 0 15px; +} + +.auteur .submit { + margin: 15px; +} + +/* line 278, habillage.scss */ +.article h1 { + font-size: 1.4em; + width: 100%; +} + +/* line 282, habillage.scss */ +.article .fa { + width: 20px; + height: 20px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +/* line 289, habillage.scss */ +.article .fa a { + display: none; +} + +/* line 292, habillage.scss */ +.article img { + width: 100%; + height: auto; + margin: 0; +} + +/* line 297, habillage.scss */ +.article ul { + margin: 0 15px; +} + +/* line 300, habillage.scss */ +.article li { + margin: 0 15px; +} -.spip_logo { - display: none; } +/* line 303, habillage.scss */ +.article div { + margin: 0 15px; +} + +/* line 308, habillage.scss */ +.articlefull,.auteurfull { + background-color: #e8e3e1; + margin: 0 0 15px 0; + line-height: 1.3; +} + +/* line 313, habillage.scss */ +.articlefull h1 { + font-size: 1.4em; + width: 100%; +} + +/* line 317, habillage.scss */ +.articlefull .fa { + width: 20px; + height: 20px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +/* line 324, habillage.scss */ +.articlefull .fa a { + display: none; +} + +/* line 327, habillage.scss */ +.articlefull img { + width: auto; + margin: 0; +} + +/* line 331, habillage.scss */ +.articlefull ul { + margin: 0 15px; +} + +/* line 334, habillage.scss */ +.articlefull li { + margin: 0 15px; +} + +/* line 337, habillage.scss */ +.articlefull div { + margin: 0 15px; +} -.article .spip_logos { - display: none; } +/* line 340, habillage.scss */ +address { + padding-bottom: 10px; +} +/* line 343, habillage.scss */ +address p { + margin: 0; + padding: 0; +} + +/* line 347, habillage.scss */ .historique { background-color: #ffd2a1; - margin: 0 15px 15px 15px; } + margin: 0 15px 15px 15px; +} +/* line 351, habillage.scss */ .historique h1 { - width: 100%; } + width: 100%; +} -#atelierdescription img { - width: 100%; } +/* line 354, habillage.scss */ +#atelierdescription { + margin: 0 10px; +} -/*3EME COLONNE*/ +/* line 357, habillage.scss */ +#atelierdescription #news { + margin: 0; +} + +/* line 360, habillage.scss */ +.spip_logos { + width: auto !important; +} + +/* line 365, habillage.scss */ +.logoatelier { + width: 200px; + height: 200px; + margin: 15px 15px 15px 15px; + text-align: center; +} + +/* line 374, habillage.scss */ +.urlsites { + padding: 15px 0; +} + +/*3EME COLONNE */ +/* line 382, habillage.scss */ .map { height: 300px; margin: 0 10px 15px 10px; - overflow: hidden; } + overflow: hidden; +} +/* line 387, habillage.scss */ .agenda { - background-color: #a1ffff; - height: 500px; - margin: 0 10px 0px 10px; + background-color: #262730; + margin: 0 10px 15px 10px; padding-right: 10px; - overflow-y: scroll; } + padding-bottom: 15px; +} + +/* line 396, habillage.scss */ +.agenda h2:hover { + text-decoration: none; + color: #ffffff; +} +/* line 400, habillage.scss */ +.agenda h2 { + color: #B7CEBF; +} + +/* line 403, habillage.scss */ .agenda p { - padding: 0; } + padding: 0; + color: #B7CEBF; +} +/* line 407, habillage.scss */ .agenda ul { list-style-type: none; padding: 0; margin: 0; - padding-top: 15px; } + padding-top: 15px; +} +/* line 413, habillage.scss */ .date { float: left; font-size: 1.7em; - clear: both; } + clear: both; +} +/* line 418, habillage.scss */ .event { display: block; - margin-bottom: 10px; - padding-top: 5px; } + margin-bottom: 45px; + padding-top: 5px; +} +/* line 424, habillage.scss */ .horaire { font-size: 0.8em; margin-bottom: 20px; - display: block; } - -.nature { - overflow-y: scroll; - height: 70px; } + display: block; +} /*RESPONSIVE*/ +/* line 438, 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 444, habillage.scss */ .col-1 { - width: 8.33333%; } + width: 8.33333%; +} +/* line 444, habillage.scss */ .col-2 { - width: 16.66667%; } + width: 16.66667%; +} +/* line 444, habillage.scss */ .col-3 { - width: 25%; } + width: 25%; +} +/* line 444, habillage.scss */ .col-4 { - width: 33.33333%; } + width: 33.33333%; +} +/* line 444, habillage.scss */ .col-5 { - width: 41.66667%; } + width: 41.66667%; +} +/* line 444, habillage.scss */ .col-6 { - width: 50%; } + width: 50%; +} +/* line 444, habillage.scss */ .col-7 { - width: 58.33333%; } + width: 58.33333%; +} +/* line 444, habillage.scss */ .col-8 { - width: 66.66667%; } + width: 66.66667%; +} +/* line 444, habillage.scss */ .col-9 { - width: 75%; } + width: 75%; +} +/* line 444, habillage.scss */ .col-10 { - width: 83.33333%; } + width: 83.33333%; +} +/* line 444, habillage.scss */ .col-11 { - width: 91.66667%; } + width: 91.66667%; +} +/* line 444, habillage.scss */ .col-12 { - width: 100%; } + width: 100%; +} @media only screen and (min-width: 650px) { + /* line 452, habillage.scss */ .col-m-1 { - width: 8.33333%; } + width: 8.33333%; + } + /* line 452, habillage.scss */ .col-m-2 { - width: 16.66667%; } + width: 16.66667%; + } + /* line 452, habillage.scss */ .col-m-3 { - width: 25%; } + width: 25%; + } + /* line 452, habillage.scss */ .col-m-4 { - width: 33.33333%; } + width: 33.33333%; + } + /* line 452, habillage.scss */ .col-m-5 { - width: 41.66667%; } + width: 41.66667%; + } + /* line 452, habillage.scss */ .col-m-6 { - width: 50%; } + width: 50%; + } + /* line 452, habillage.scss */ .col-m-7 { - width: 58.33333%; } + width: 58.33333%; + } + /* line 452, habillage.scss */ .col-m-8 { - width: 66.66667%; } + width: 66.66667%; + } + /* line 452, habillage.scss */ .col-m-9 { - width: 75%; } + width: 75%; + } + /* line 452, habillage.scss */ .col-m-10 { - width: 83.33333%; } + width: 83.33333%; + } + /* line 452, habillage.scss */ .col-m-11 { - width: 91.66667%; } + width: 91.66667%; + } + /* line 452, habillage.scss */ .col-m-12 { - width: 100%; } } + width: 100%; + } +} @media only screen and (min-width: 1200px) { + /* line 459, habillage.scss */ .col-l-1 { - width: 8.33333%; } + width: 8.33333%; + } + /* line 459, habillage.scss */ .col-l-2 { - width: 16.66667%; } + width: 16.66667%; + } + /* line 459, habillage.scss */ .col-l-3 { - width: 25%; } + width: 25%; + } + /* line 459, habillage.scss */ .col-l-4 { - width: 33.33333%; } + width: 33.33333%; + } + /* line 459, habillage.scss */ .col-l-5 { - width: 41.66667%; } + width: 41.66667%; + } + /* line 459, habillage.scss */ .col-l-6 { - width: 50%; } + width: 50%; + } + /* line 459, habillage.scss */ .col-l-7 { - width: 58.33333%; } + width: 58.33333%; + } + /* line 459, habillage.scss */ .col-l-8 { - width: 66.66667%; } + width: 66.66667%; + } + /* line 459, habillage.scss */ .col-l-9 { - width: 75%; } + width: 75%; + } + /* line 459, habillage.scss */ .col-l-10 { - width: 83.33333%; } + width: 83.33333%; + } + /* line 459, habillage.scss */ .col-l-11 { - width: 91.66667%; } + width: 91.66667%; + } + /* line 459, habillage.scss */ .col-l-12 { - width: 100%; } + width: 100%; + } + /* line 462, habillage.scss */ #wrap { - width: 1200px; } + width: 1200px; + } + /* line 466, habillage.scss */ .wrap { - width: auto; } } + width: auto; + } +} +/* line 473, habillage.scss */ .row:before, .row:after { content: ""; - display: table; } + display: table; +} +/* line 478, habillage.scss */ .row:after { - clear: both; } + clear: both; +} +/* line 483, habillage.scss */ .row { margin: 0 -10px; - zoom: 1; } + zoom: 1; +} /*FOOTER*/ +/* line 491, habillage.scss */ footer { clear: both; - height: 100px; - background-color: #e1702e; } + height: 125px; + background-color: #262730; +} +/* line 497, habillage.scss */ footer ul { - padding: 0; - margin: 0 auto; + width: 1000px; + margin: 0px auto; + padding: 30px 0 0; list-style-type: none; - padding-top: 30px; } - -.textfooter { - width: 500px; - margin: 0 auto; } +} +/* line 504, habillage.scss */ footer li { float: left; /*pour IE*/ - text-align: center; } +} +/* line 508, habillage.scss */ footer ul li a { + text-align: right; display: block; - float: left; - text-decoration: none; } + text-decoration: none; + color: #B7CEBF; +} +/* line 514, habillage.scss */ footer ul li a:hover { - border-bottom: solid #1d0b78; } - -/*# sourceMappingURL=habillage.css.map */ + border-bottom: solid #0c0fb7; +}