From feeff5c42bdc5503ce843c74d0424567dca69993 Mon Sep 17 00:00:00 2001 From: Ludovic CHEVALIER Date: Tue, 16 Jun 2015 17:21:41 +0200 Subject: [PATCH] [CSS] ~couleur dates et horaires des evenements --- css/habillage.css | 170 ++++++++++++++++++++++++--------------------- css/habillage.scss | 4 ++ 2 files changed, 93 insertions(+), 81 deletions(-) diff --git a/css/habillage.css b/css/habillage.css index 5250694..94addd4 100644 --- a/css/habillage.css +++ b/css/habillage.css @@ -333,21 +333,23 @@ p { line-height: 1.3; } +/* line 278, habillage.scss */ .auteur ul { margin: 15px 0 0 15px; } +/* line 281, habillage.scss */ .auteur .submit { margin: 15px; } -/* line 278, habillage.scss */ +/* line 284, habillage.scss */ .article h1 { font-size: 1.4em; width: 100%; } -/* line 282, habillage.scss */ +/* line 288, habillage.scss */ .article .fa { width: 20px; height: 20px; @@ -356,47 +358,47 @@ p { border-radius: 10px; } -/* line 289, habillage.scss */ +/* line 295, habillage.scss */ .article .fa a { display: none; } -/* line 292, habillage.scss */ +/* line 298, habillage.scss */ .article img { width: 100%; height: auto; margin: 0; } -/* line 297, habillage.scss */ +/* line 303, habillage.scss */ .article ul { margin: 0 15px; } -/* line 300, habillage.scss */ +/* line 306, habillage.scss */ .article li { margin: 0 15px; } -/* line 303, habillage.scss */ +/* line 309, habillage.scss */ .article div { margin: 0 15px; } -/* line 308, habillage.scss */ -.articlefull,.auteurfull { +/* line 314, habillage.scss */ +.articlefull, .auteurfull { background-color: #e8e3e1; margin: 0 0 15px 0; line-height: 1.3; } -/* line 313, habillage.scss */ +/* line 319, habillage.scss */ .articlefull h1 { font-size: 1.4em; width: 100%; } -/* line 317, habillage.scss */ +/* line 323, habillage.scss */ .articlefull .fa { width: 20px; height: 20px; @@ -405,70 +407,70 @@ p { border-radius: 10px; } -/* line 324, habillage.scss */ +/* line 330, habillage.scss */ .articlefull .fa a { display: none; } -/* line 327, habillage.scss */ +/* line 333, habillage.scss */ .articlefull img { width: auto; margin: 0; } -/* line 331, habillage.scss */ +/* line 337, habillage.scss */ .articlefull ul { margin: 0 15px; } -/* line 334, habillage.scss */ +/* line 340, habillage.scss */ .articlefull li { margin: 0 15px; } -/* line 337, habillage.scss */ +/* line 343, habillage.scss */ .articlefull div { margin: 0 15px; } -/* line 340, habillage.scss */ +/* line 346, habillage.scss */ address { padding-bottom: 10px; } -/* line 343, habillage.scss */ +/* line 349, habillage.scss */ address p { margin: 0; padding: 0; } -/* line 347, habillage.scss */ +/* line 353, habillage.scss */ .historique { background-color: #ffd2a1; margin: 0 15px 15px 15px; } -/* line 351, habillage.scss */ +/* line 357, habillage.scss */ .historique h1 { width: 100%; } -/* line 354, habillage.scss */ +/* line 360, habillage.scss */ #atelierdescription { margin: 0 10px; } -/* line 357, habillage.scss */ +/* line 363, habillage.scss */ #atelierdescription #news { margin: 0; } -/* line 360, habillage.scss */ +/* line 366, habillage.scss */ .spip_logos { width: auto !important; } -/* line 365, habillage.scss */ +/* line 371, habillage.scss */ .logoatelier { width: 200px; height: 200px; @@ -476,20 +478,20 @@ address p { text-align: center; } -/* line 374, habillage.scss */ +/* line 380, habillage.scss */ .urlsites { padding: 15px 0; } /*3EME COLONNE */ -/* line 382, habillage.scss */ +/* line 388, habillage.scss */ .map { height: 300px; margin: 0 10px 15px 10px; overflow: hidden; } -/* line 387, habillage.scss */ +/* line 393, habillage.scss */ .agenda { background-color: #262730; margin: 0 10px 15px 10px; @@ -497,24 +499,24 @@ address p { padding-bottom: 15px; } -/* line 396, habillage.scss */ +/* line 402, habillage.scss */ .agenda h2:hover { text-decoration: none; color: #ffffff; } -/* line 400, habillage.scss */ +/* line 406, habillage.scss */ .agenda h2 { color: #B7CEBF; } -/* line 403, habillage.scss */ +/* line 409, habillage.scss */ .agenda p { padding: 0; color: #B7CEBF; } -/* line 407, habillage.scss */ +/* line 413, habillage.scss */ .agenda ul { list-style-type: none; padding: 0; @@ -522,252 +524,258 @@ address p { padding-top: 15px; } -/* line 413, habillage.scss */ +/* line 419, habillage.scss */ .date { float: left; font-size: 1.7em; clear: both; } -/* line 418, habillage.scss */ +/* line 424, habillage.scss */ .event { display: block; margin-bottom: 45px; padding-top: 5px; } -/* line 424, habillage.scss */ +/* line 430, habillage.scss */ .horaire { font-size: 0.8em; margin-bottom: 20px; display: block; + color: #B7CEBF; +} + +/* line 436, habillage.scss */ +time { + color: #B7CEBF; } /*RESPONSIVE*/ -/* line 438, habillage.scss */ +/* line 448, 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; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-1 { width: 8.33333%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-2 { width: 16.66667%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-3 { width: 25%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-4 { width: 33.33333%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-5 { width: 41.66667%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-6 { width: 50%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-7 { width: 58.33333%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-8 { width: 66.66667%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-9 { width: 75%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-10 { width: 83.33333%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-11 { width: 91.66667%; } -/* line 444, habillage.scss */ +/* line 454, habillage.scss */ .col-12 { width: 100%; } @media only screen and (min-width: 650px) { - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-1 { width: 8.33333%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-2 { width: 16.66667%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-3 { width: 25%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-4 { width: 33.33333%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-5 { width: 41.66667%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-6 { width: 50%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-7 { width: 58.33333%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-8 { width: 66.66667%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-9 { width: 75%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-10 { width: 83.33333%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-11 { width: 91.66667%; } - /* line 452, habillage.scss */ + /* line 462, habillage.scss */ .col-m-12 { width: 100%; } } @media only screen and (min-width: 1200px) { - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-1 { width: 8.33333%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-2 { width: 16.66667%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-3 { width: 25%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-4 { width: 33.33333%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-5 { width: 41.66667%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-6 { width: 50%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-7 { width: 58.33333%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-8 { width: 66.66667%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-9 { width: 75%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-10 { width: 83.33333%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-11 { width: 91.66667%; } - /* line 459, habillage.scss */ + /* line 469, habillage.scss */ .col-l-12 { width: 100%; } - /* line 462, habillage.scss */ + /* line 472, habillage.scss */ #wrap { width: 1200px; } - /* line 466, habillage.scss */ + /* line 476, habillage.scss */ .wrap { width: auto; } } -/* line 473, habillage.scss */ +/* line 483, habillage.scss */ .row:before, .row:after { content: ""; display: table; } -/* line 478, habillage.scss */ +/* line 488, habillage.scss */ .row:after { clear: both; } -/* line 483, habillage.scss */ +/* line 493, habillage.scss */ .row { margin: 0 -10px; zoom: 1; } /*FOOTER*/ -/* line 491, habillage.scss */ +/* line 501, habillage.scss */ footer { clear: both; height: 125px; background-color: #262730; } -/* line 497, habillage.scss */ +/* line 507, habillage.scss */ footer ul { width: 1000px; margin: 0px auto; @@ -775,13 +783,13 @@ footer ul { list-style-type: none; } -/* line 504, habillage.scss */ +/* line 514, habillage.scss */ footer li { float: left; /*pour IE*/ } -/* line 508, habillage.scss */ +/* line 518, habillage.scss */ footer ul li a { text-align: right; display: block; @@ -789,7 +797,7 @@ footer ul li a { color: #B7CEBF; } -/* line 514, habillage.scss */ +/* line 524, habillage.scss */ footer ul li a:hover { border-bottom: solid #0c0fb7; } diff --git a/css/habillage.scss b/css/habillage.scss index 90e47c7..e919e0e 100644 --- a/css/habillage.scss +++ b/css/habillage.scss @@ -431,6 +431,10 @@ address p{ font-size: 0.8em; margin-bottom: 20px; display: block; + color: #B7CEBF; +} +time{ + color: #B7CEBF; } -- 2.20.1