From 38af50a866989673837b73ea7c777e93134a4464 Mon Sep 17 00:00:00 2001 From: Evarin Date: Tue, 29 Aug 2017 17:58:44 +0200 Subject: [PATCH] Nouvelles couleurs --- gestioncof/cms/static/cofcms/css/screen.css | 115 +++++++++--------- .../cms/static/cofcms/sass/_colors.scss | 13 +- gestioncof/cms/static/cofcms/sass/screen.scss | 6 +- 3 files changed, 72 insertions(+), 62 deletions(-) diff --git a/gestioncof/cms/static/cofcms/css/screen.css b/gestioncof/cms/static/cofcms/css/screen.css index 788da60f..c12e478c 100644 --- a/gestioncof/cms/static/cofcms/css/screen.css +++ b/gestioncof/cms/static/cofcms/css/screen.css @@ -75,157 +75,162 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, /* line 16, ../sass/screen.scss */ body { - background: #ffcc6f; + background: #f5ffd2; font: 17px "Source Sans Pro", "sans-serif"; } /* line 21, ../sass/screen.scss */ header { - background: #30355a; + background: #400530; } /* line 25, ../sass/screen.scss */ h1, h2 { font-family: "Carter One"; + color: #2c3900; } -/* line 29, ../sass/screen.scss */ +/* line 30, ../sass/screen.scss */ h1 { font-size: 2.3em; } -/* line 33, ../sass/screen.scss */ +/* line 34, ../sass/screen.scss */ h2 { font-size: 1.6em; } -/* line 37, ../sass/screen.scss */ +/* line 38, ../sass/screen.scss */ a { - color: #f9752b; + color: #3cb3a6; text-decoration: none; font-weight: bold; } -/* line 43, ../sass/screen.scss */ +/* line 44, ../sass/screen.scss */ h2 a { font-weight: inherit; color: inherit; } -/* line 49, ../sass/screen.scss */ +/* line 50, ../sass/screen.scss */ +header a { + color: #f5ffd2; +} +/* line 53, ../sass/screen.scss */ header section { display: flex; width: 100%; justify-content: space-between; align-items: stretch; } -/* line 55, ../sass/screen.scss */ +/* line 59, ../sass/screen.scss */ header section.bottom-menu { justify-content: space-around; text-align: center; - background: #47395e; + background: #5a004f; } -/* line 61, ../sass/screen.scss */ +/* line 65, ../sass/screen.scss */ header h1 { padding: 0 15px; } -/* line 65, ../sass/screen.scss */ +/* line 69, ../sass/screen.scss */ header nav ul { display: flex; } -/* line 67, ../sass/screen.scss */ +/* line 71, ../sass/screen.scss */ header nav ul li { display: inline-block; } -/* line 69, ../sass/screen.scss */ +/* line 73, ../sass/screen.scss */ header nav ul li > * { display: block; padding: 10px 15px; font-weight: bold; } -/* line 74, ../sass/screen.scss */ +/* line 78, ../sass/screen.scss */ header nav ul li > *:hover { - background: #1e2139; + background: #11010d; } -/* line 83, ../sass/screen.scss */ +/* line 87, ../sass/screen.scss */ article { line-height: 1.4; } -/* line 85, ../sass/screen.scss */ +/* line 89, ../sass/screen.scss */ article p, article ul { margin: 0.4em 0; } -/* line 88, ../sass/screen.scss */ +/* line 92, ../sass/screen.scss */ article ul { padding-left: 20px; } -/* line 90, ../sass/screen.scss */ +/* line 94, ../sass/screen.scss */ article ul li { list-style: outside; } -/* line 96, ../sass/screen.scss */ +/* line 100, ../sass/screen.scss */ .container { max-width: 1000px; margin: 0 auto; position: relative; } -/* line 101, ../sass/screen.scss */ +/* line 105, ../sass/screen.scss */ .container .aside-wrap { position: absolute; top: 30px; height: 100%; width: 250px; } -/* line 107, ../sass/screen.scss */ +/* line 111, ../sass/screen.scss */ .container .aside-wrap .aside { color: #fff; position: fixed; position: sticky; top: 5px; width: 100%; - background: #7a504c; + background: #5a004f; padding: 15px; box-shadow: -4px 4px 1px rgba(0, 0, 0, 0.3); } -/* line 117, ../sass/screen.scss */ +/* line 121, ../sass/screen.scss */ .container .aside-wrap .aside .calendar { margin: 0 auto; display: block; } -/* line 124, ../sass/screen.scss */ +/* line 128, ../sass/screen.scss */ .container .content { max-width: 700px; margin-left: auto; margin-right: 0; } -/* line 129, ../sass/screen.scss */ +/* line 133, ../sass/screen.scss */ .container .content .intro { - border-bottom: 3px solid #6f4800; + border-bottom: 3px solid #a3d200; margin: 20px -10px; margin-top: 5px; padding: 15px 5px; } -/* line 139, ../sass/screen.scss */ +/* line 143, ../sass/screen.scss */ .container .content section article { background: #fff; padding: 30px; box-shadow: -4px 4px 1px rgba(0, 0, 0, 0.3); } -/* line 143, ../sass/screen.scss */ +/* line 147, ../sass/screen.scss */ .container .content section article a { - color: #30355a; + color: #3cb3a6; } -/* line 148, ../sass/screen.scss */ +/* line 152, ../sass/screen.scss */ .container .content section article + h2 { margin-top: 15px; } -/* line 152, ../sass/screen.scss */ +/* line 156, ../sass/screen.scss */ .container .content section article + article { margin-top: 25px; } -/* line 157, ../sass/screen.scss */ +/* line 161, ../sass/screen.scss */ .container .content section.directory article.entry { width: 80%; max-width: 600px; @@ -233,7 +238,7 @@ article ul li { position: relative; padding-right: 120px; } -/* line 164, ../sass/screen.scss */ +/* line 168, ../sass/screen.scss */ .container .content section.directory article.entry .entry-image { display: block; position: absolute; @@ -246,25 +251,25 @@ article ul li { transform: translateX(90%); top: -15px; } -/* line 176, ../sass/screen.scss */ +/* line 180, ../sass/screen.scss */ .container .content section.directory article.entry .entry-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } -/* line 186, ../sass/screen.scss */ +/* line 190, ../sass/screen.scss */ .container .content section.actuhome { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } -/* line 192, ../sass/screen.scss */ +/* line 196, ../sass/screen.scss */ .container .content section.actuhome article + article { margin: 0; } -/* line 196, ../sass/screen.scss */ +/* line 200, ../sass/screen.scss */ .container .content section.actuhome article.actu { background: none; box-shadow: none; @@ -272,7 +277,7 @@ article ul li { min-width: 300px; flex: 1; } -/* line 203, ../sass/screen.scss */ +/* line 207, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header { position: relative; box-shadow: -4px 5px 1px rgba(0, 0, 0, 0.3); @@ -282,7 +287,7 @@ article ul li { background-size: cover; background-position: center center; } -/* line 212, ../sass/screen.scss */ +/* line 216, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header h2 { width: 100%; height: 100%; @@ -290,65 +295,65 @@ article ul li { padding-top: 150px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); } -/* line 218, ../sass/screen.scss */ +/* line 222, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header h2 a { color: #fff; } -/* line 224, ../sass/screen.scss */ +/* line 228, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc { - background: #ffe7bc; + background: white; box-shadow: -4px 5px 1px rgba(0, 0, 0, 0.3); margin: 0 10px; padding: 15px; padding-top: 5px; } -/* line 231, ../sass/screen.scss */ +/* line 235, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc .actu-minical { display: block; } -/* line 234, ../sass/screen.scss */ +/* line 238, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc .actu-dates { display: block; text-align: right; font-size: 0.9em; } -/* line 247, ../sass/screen.scss */ +/* line 251, ../sass/screen.scss */ .calendar td, .calendar th { text-align: center; vertical-align: center; border: 2px solid transparent; padding: 1px; } -/* line 254, ../sass/screen.scss */ +/* line 258, ../sass/screen.scss */ .calendar th { font-weight: bold; } -/* line 258, ../sass/screen.scss */ +/* line 262, ../sass/screen.scss */ .calendar td { font-size: 0.8em; width: 25px; height: 30px; } -/* line 263, ../sass/screen.scss */ +/* line 267, ../sass/screen.scss */ .calendar td.out { opacity: 0.3; } -/* line 266, ../sass/screen.scss */ +/* line 270, ../sass/screen.scss */ .calendar td.today { border-bottom-color: #000; } -/* line 269, ../sass/screen.scss */ +/* line 273, ../sass/screen.scss */ .calendar td:nth-child(7) { background: rgba(0, 0, 0, 0.3); } -/* line 272, ../sass/screen.scss */ +/* line 276, ../sass/screen.scss */ .calendar td:nth-child(6) { background: rgba(0, 0, 0, 0.2); } -/* line 275, ../sass/screen.scss */ +/* line 279, ../sass/screen.scss */ .calendar td.hasevent { font-weight: bold; - color: #f9752b; + color: #3cb3a6; font-size: 1em; } diff --git a/gestioncof/cms/static/cofcms/sass/_colors.scss b/gestioncof/cms/static/cofcms/sass/_colors.scss index 32e8088c..bd93019b 100644 --- a/gestioncof/cms/static/cofcms/sass/_colors.scss +++ b/gestioncof/cms/static/cofcms/sass/_colors.scss @@ -1,6 +1,7 @@ -$fond: #ffcc6f; -$bandeau: #30355a; -$sousbandeau: #47395e; -$aside: #7a504c; -$titre: #31597e; -$lien: #f9752b; +$fond: #f5ffd2; +$bandeau: #400530; +$sousbandeau: #5a004f; +$aside: $sousbandeau; +$titre: darken($fond, 80%); +$lien: #3cb3a6; +$headerlien: $fond; diff --git a/gestioncof/cms/static/cofcms/sass/screen.scss b/gestioncof/cms/static/cofcms/sass/screen.scss index 493715e2..50e24936 100644 --- a/gestioncof/cms/static/cofcms/sass/screen.scss +++ b/gestioncof/cms/static/cofcms/sass/screen.scss @@ -24,6 +24,7 @@ header { h1, h2 { font-family: "Carter One"; + color: $titre; } h1 { @@ -46,6 +47,9 @@ h2 a { } header { + a { + color: $headerlien; + } section { display: flex; width: 100%; @@ -141,7 +145,7 @@ article { padding: 30px; box-shadow: -4px 4px 1px rgba(#000, 0.3); a { - color: $bandeau; + color: $lien; } }