From b3ada0eb895591f06f8d0959b8e4727de89db042 Mon Sep 17 00:00:00 2001 From: Evarin Date: Sat, 29 Aug 2020 23:21:20 +0200 Subject: [PATCH] Sitecof css modifs mineures --- gestioncof/cms/static/cofcms/css/screen.css | 185 +++++++++--------- gestioncof/cms/static/cofcms/sass/screen.scss | 3 +- 2 files changed, 95 insertions(+), 93 deletions(-) diff --git a/gestioncof/cms/static/cofcms/css/screen.css b/gestioncof/cms/static/cofcms/css/screen.css index 500cf387..bbd90344 100644 --- a/gestioncof/cms/static/cofcms/css/screen.css +++ b/gestioncof/cms/static/cofcms/css/screen.css @@ -87,20 +87,21 @@ header { /* line 24, ../sass/screen.scss */ h1, h2 { font-family: "Carter One", "serif"; - color: #90001C; } -/* line 29, ../sass/screen.scss */ +/* line 28, ../sass/screen.scss */ h1 { font-size: 2.3em; + color: #90001C; } /* line 33, ../sass/screen.scss */ h2 { font-size: 1.6em; + color: #b01432; } -/* line 38, ../sass/screen.scss */ +/* line 39, ../sass/screen.scss */ a { color: #CC9500; text-decoration: none; @@ -108,73 +109,73 @@ a { padding: 0 2px; margin: 0 -2px; } -/* line 44, ../sass/screen.scss */ +/* line 45, ../sass/screen.scss */ a:hover { text-decoration: underline; } -/* line 49, ../sass/screen.scss */ +/* line 50, ../sass/screen.scss */ h2 a { font-weight: inherit; color: inherit; } -/* line 55, ../sass/screen.scss */ +/* line 56, ../sass/screen.scss */ header a { color: #fefefe; } -/* line 57, ../sass/screen.scss */ +/* line 58, ../sass/screen.scss */ header a:hover { text-decoration: none; } -/* line 61, ../sass/screen.scss */ +/* line 62, ../sass/screen.scss */ header section { display: flex; width: 100%; justify-content: space-between; align-items: stretch; } -/* line 67, ../sass/screen.scss */ +/* line 68, ../sass/screen.scss */ header section.bottom-menu { justify-content: space-around; text-align: center; background: #90001C; } -/* line 73, ../sass/screen.scss */ +/* line 74, ../sass/screen.scss */ header h1 { padding: 0 15px; } -/* line 76, ../sass/screen.scss */ +/* line 77, ../sass/screen.scss */ header nav { display: inline-flex; } -/* line 78, ../sass/screen.scss */ +/* line 79, ../sass/screen.scss */ header nav ul { display: inline-flex; flex-wrap: wrap; } -/* line 81, ../sass/screen.scss */ +/* line 82, ../sass/screen.scss */ header nav ul li { display: inline-block; } -/* line 83, ../sass/screen.scss */ +/* line 84, ../sass/screen.scss */ header nav ul li > * { display: block; padding: 10px 15px; font-weight: bold; } -/* line 88, ../sass/screen.scss */ +/* line 89, ../sass/screen.scss */ header nav ul li > *:hover { background: #280008; } -/* line 94, ../sass/screen.scss */ +/* line 95, ../sass/screen.scss */ header nav .lang-select { display: inline-block; height: 100%; vertical-align: top; position: relative; } -/* line 100, ../sass/screen.scss */ +/* line 101, ../sass/screen.scss */ header nav .lang-select:before { content: ""; color: #fff; @@ -186,12 +187,12 @@ header nav .lang-select:before { margin: 10px 0; padding-left: 10px; } -/* line 112, ../sass/screen.scss */ +/* line 113, ../sass/screen.scss */ header nav .lang-select a { padding: 10px 20px; display: block; } -/* line 116, ../sass/screen.scss */ +/* line 117, ../sass/screen.scss */ header nav .lang-select a img { display: block; width: auto; @@ -199,34 +200,34 @@ header nav .lang-select a img { vertical-align: middle; } -/* line 127, ../sass/screen.scss */ +/* line 128, ../sass/screen.scss */ article { line-height: 1.4; } -/* line 129, ../sass/screen.scss */ +/* line 130, ../sass/screen.scss */ article p, article ul { margin: 0.4em 0; } -/* line 132, ../sass/screen.scss */ +/* line 133, ../sass/screen.scss */ article ul { padding-left: 20px; } -/* line 134, ../sass/screen.scss */ +/* line 135, ../sass/screen.scss */ article ul li { list-style: outside; } -/* line 138, ../sass/screen.scss */ +/* line 139, ../sass/screen.scss */ article:last-child { margin-bottom: 30px; } -/* line 143, ../sass/screen.scss */ +/* line 144, ../sass/screen.scss */ .container { max-width: 1000px; margin: 0 auto; position: relative; } -/* line 148, ../sass/screen.scss */ +/* line 149, ../sass/screen.scss */ .container .aside-wrap { position: absolute; top: 30px; @@ -234,7 +235,7 @@ article:last-child { width: 25%; left: 6px; } -/* line 155, ../sass/screen.scss */ +/* line 156, ../sass/screen.scss */ .container .aside-wrap .aside { color: #222; position: fixed; @@ -245,97 +246,97 @@ article:last-child { padding: 15px; box-shadow: -3px 3px 1px rgba(34, 6, 12, 0.3); } -/* line 165, ../sass/screen.scss */ +/* line 166, ../sass/screen.scss */ .container .aside-wrap .aside h2 { color: #000; } -/* line 169, ../sass/screen.scss */ +/* line 170, ../sass/screen.scss */ .container .aside-wrap .aside .calendar { margin: 0 auto; display: block; } -/* line 173, ../sass/screen.scss */ +/* line 174, ../sass/screen.scss */ .container .aside-wrap .aside .calendar:last-child { margin-bottom: 40px; } -/* line 178, ../sass/screen.scss */ +/* line 179, ../sass/screen.scss */ .container .aside-wrap .aside a { color: #000; text-decoration: none; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0) 30%); } -/* line 182, ../sass/screen.scss */ +/* line 183, ../sass/screen.scss */ .container .aside-wrap .aside a:hover { text-decoration: underline; } -/* line 187, ../sass/screen.scss */ +/* line 188, ../sass/screen.scss */ .container .aside-wrap .aside .aside-content { max-height: 70vh; max-height: calc(80vh - 150px); overflow-y: auto; overflow-x: hidden; } -/* line 195, ../sass/screen.scss */ +/* line 196, ../sass/screen.scss */ .container .aside-wrap .aside ul.directory li { list-style: "*" inside; padding-left: 10px; text-indent: -10px; margin-bottom: 5px; } -/* line 205, ../sass/screen.scss */ +/* line 206, ../sass/screen.scss */ .container .content { max-width: 900px; margin-left: auto; margin-right: 6px; } -/* line 210, ../sass/screen.scss */ +/* line 211, ../sass/screen.scss */ .container .content h3 { font-weight: bold; font-size: 1.2em; } -/* line 215, ../sass/screen.scss */ +/* line 216, ../sass/screen.scss */ .container .content h4 { font-weight: bold; font-style: italic; } -/* line 220, ../sass/screen.scss */ +/* line 221, ../sass/screen.scss */ .container .content b, .container .content strong { font-weight: bold; } -/* line 224, ../sass/screen.scss */ +/* line 225, ../sass/screen.scss */ .container .content i { font-style: italic; } -/* line 228, ../sass/screen.scss */ +/* line 229, ../sass/screen.scss */ .container .content .intro, .container .content article.paragraph, .container .content article.entry { line-height: 1.5; } -/* line 231, ../sass/screen.scss */ +/* line 232, ../sass/screen.scss */ .container .content .intro a, .container .content article.paragraph a, .container .content article.entry a { color: #000; background-image: linear-gradient(to top, rgba(255, 197, 0, 0.8) 30%, rgba(255, 197, 0, 0) 30%); text-decoration: none; } -/* line 237, ../sass/screen.scss */ +/* line 238, ../sass/screen.scss */ .container .content .intro ul, .container .content .intro ol, .container .content article.paragraph ul, .container .content article.paragraph ol, .container .content article.entry ul, .container .content article.entry ol { padding-left: 1em; } -/* line 243, ../sass/screen.scss */ +/* line 244, ../sass/screen.scss */ .container .content .intro ul li, .container .content article.paragraph ul li, .container .content article.entry ul li { list-style: disc; } -/* line 246, ../sass/screen.scss */ +/* line 247, ../sass/screen.scss */ .container .content .intro ol li, .container .content article.paragraph ol li, .container .content article.entry ol li { list-style: arabic; } -/* line 251, ../sass/screen.scss */ +/* line 252, ../sass/screen.scss */ .container .content .intro { border-bottom: 3px solid #7f7f7f; margin: 20px 0; margin-top: 5px; padding: 15px 5px; } -/* line 260, ../sass/screen.scss */ +/* line 261, ../sass/screen.scss */ .container .content section article { background: #fff; padding: 20px 30px; @@ -343,27 +344,27 @@ article:last-child { border: 1px solid rgba(34, 6, 12, 0.1); border-radius: 2px; } -/* line 268, ../sass/screen.scss */ +/* line 269, ../sass/screen.scss */ .container .content section article + h2 { margin-top: 15px; } -/* line 272, ../sass/screen.scss */ +/* line 273, ../sass/screen.scss */ .container .content section article + article { margin-top: 25px; } -/* line 276, ../sass/screen.scss */ +/* line 277, ../sass/screen.scss */ .container .content section .image { margin: 15px 0; text-align: center; padding: 20px; } -/* line 281, ../sass/screen.scss */ +/* line 282, ../sass/screen.scss */ .container .content section .image img { max-width: 100%; height: auto; box-shadow: -7px 7px 1px rgba(34, 6, 12, 0.2); } -/* line 289, ../sass/screen.scss */ +/* line 290, ../sass/screen.scss */ .container .content section.directory article.entry { width: 90%; max-width: 600px; @@ -371,7 +372,7 @@ article:last-child { position: relative; margin-left: 6%; } -/* line 296, ../sass/screen.scss */ +/* line 297, ../sass/screen.scss */ .container .content section.directory article.entry .entry-image { display: block; float: right; @@ -387,36 +388,36 @@ article:last-child { transform: translateX(10px); line-height: 0; } -/* line 311, ../sass/screen.scss */ +/* line 312, ../sass/screen.scss */ .container .content section.directory article.entry .entry-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } -/* line 319, ../sass/screen.scss */ +/* line 320, ../sass/screen.scss */ .container .content section.directory article.entry ul.links { margin-top: 10px; border-top: 1px solid #90001C; padding-top: 10px; font-weight: bold; } -/* line 325, ../sass/screen.scss */ +/* line 326, ../sass/screen.scss */ .container .content section.directory article.entry ul.links .label { font-weight: normal; } -/* line 332, ../sass/screen.scss */ +/* line 333, ../sass/screen.scss */ .container .content section.actuhome { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: top; } -/* line 338, ../sass/screen.scss */ +/* line 339, ../sass/screen.scss */ .container .content section.actuhome article + article { margin: 0; } -/* line 342, ../sass/screen.scss */ +/* line 343, ../sass/screen.scss */ .container .content section.actuhome article.actu { position: relative; background: none; @@ -426,7 +427,7 @@ article:last-child { min-width: 300px; flex: 1; } -/* line 351, ../sass/screen.scss */ +/* line 352, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header { position: relative; box-shadow: -4px 5px 1px rgba(34, 6, 12, 0.3); @@ -440,7 +441,7 @@ article:last-child { background-position: center center; background-repeat: no-repeat; } -/* line 364, ../sass/screen.scss */ +/* line 365, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header h2 { position: absolute; width: 100%; @@ -450,11 +451,11 @@ article:last-child { text-shadow: 0 0 5px rgba(34, 6, 12, 0.8); background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); } -/* line 372, ../sass/screen.scss */ +/* line 373, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header h2 a { color: #fff; } -/* line 378, ../sass/screen.scss */ +/* line 379, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc { background: white; box-shadow: -2px 2px 1px rgba(34, 6, 12, 0.2); @@ -464,17 +465,17 @@ article:last-child { padding: 15px; padding-top: 5px; } -/* line 387, ../sass/screen.scss */ +/* line 388, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc .actu-minical { display: block; } -/* line 390, ../sass/screen.scss */ +/* line 391, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc .actu-dates { display: block; text-align: right; font-size: 0.9em; } -/* line 397, ../sass/screen.scss */ +/* line 398, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-overlay { display: block; background: none; @@ -486,82 +487,82 @@ article:last-child { z-index: 5; opacity: 0; } -/* line 413, ../sass/screen.scss */ +/* line 414, ../sass/screen.scss */ .container .content section.actulist article.actu { display: flex; width: 100%; padding: 0; } -/* line 418, ../sass/screen.scss */ +/* line 419, ../sass/screen.scss */ .container .content section.actulist article.actu .actu-image { width: 30%; max-width: 200px; background-size: cover; background-position: center center; } -/* line 424, ../sass/screen.scss */ +/* line 425, ../sass/screen.scss */ .container .content section.actulist article.actu .actu-infos { padding: 15px; flex: 1; } -/* line 428, ../sass/screen.scss */ +/* line 429, ../sass/screen.scss */ .container .content section.actulist article.actu .actu-infos .actu-dates { font-weight: bold; font-size: 0.9em; } -/* line 438, ../sass/screen.scss */ +/* line 439, ../sass/screen.scss */ .container .aside-wrap + .content { max-width: 70%; } -/* line 443, ../sass/screen.scss */ +/* line 444, ../sass/screen.scss */ .calendar { color: rgba(0, 0, 0, 0.8); width: 200px; } -/* line 447, ../sass/screen.scss */ +/* line 448, ../sass/screen.scss */ .calendar td, .calendar th { text-align: center; vertical-align: middle; border: 2px solid transparent; padding: 1px; } -/* line 454, ../sass/screen.scss */ +/* line 455, ../sass/screen.scss */ .calendar th { font-weight: bold; } -/* line 458, ../sass/screen.scss */ +/* line 459, ../sass/screen.scss */ .calendar td { font-size: 0.8em; width: 28px; height: 28px; } -/* line 463, ../sass/screen.scss */ +/* line 464, ../sass/screen.scss */ .calendar td.out { opacity: 0.3; } -/* line 466, ../sass/screen.scss */ +/* line 467, ../sass/screen.scss */ .calendar td.today { border-bottom-color: #000; } -/* line 469, ../sass/screen.scss */ +/* line 470, ../sass/screen.scss */ .calendar td:nth-child(7), .calendar td:nth-child(6) { background: rgba(0, 0, 0, 0.2); } -/* line 472, ../sass/screen.scss */ +/* line 473, ../sass/screen.scss */ .calendar td.hasevent { position: relative; font-weight: bold; color: #90001C; font-size: 1em; } -/* line 478, ../sass/screen.scss */ +/* line 479, ../sass/screen.scss */ .calendar td.hasevent > a { padding: 3px; color: #90001C !important; background: none !important; } -/* line 484, ../sass/screen.scss */ +/* line 485, ../sass/screen.scss */ .calendar td.hasevent ul.cal-events { font-size: 0.9em; text-align: left; @@ -575,11 +576,11 @@ article:last-child { padding: 5px; background-color: #90001C; } -/* line 497, ../sass/screen.scss */ +/* line 498, ../sass/screen.scss */ .calendar td.hasevent ul.cal-events .datename { display: none; } -/* line 500, ../sass/screen.scss */ +/* line 501, ../sass/screen.scss */ .calendar td.hasevent ul.cal-events:before { top: -12px; left: 38px; @@ -588,25 +589,25 @@ article:last-child { border: 6px solid transparent; border-bottom-color: #90001C; } -/* line 508, ../sass/screen.scss */ +/* line 509, ../sass/screen.scss */ .calendar td.hasevent ul.cal-events a { color: #fff; background: none !important; } -/* line 514, ../sass/screen.scss */ +/* line 515, ../sass/screen.scss */ .calendar td.hasevent > a:hover { background-color: #90001C; color: #fff !important; } -/* line 518, ../sass/screen.scss */ +/* line 519, ../sass/screen.scss */ .calendar td.hasevent > a:hover + ul.cal-events { display: block; } -/* line 526, ../sass/screen.scss */ +/* line 527, ../sass/screen.scss */ .calendar tr.head th { position: relative; } -/* line 528, ../sass/screen.scss */ +/* line 529, ../sass/screen.scss */ .calendar tr.head th a { position: absolute; display: block; @@ -615,30 +616,30 @@ article:last-child { top: -5px; background: none !important; } -/* line 536, ../sass/screen.scss */ +/* line 537, ../sass/screen.scss */ .calendar tr.head th:first-child a { left: 0; text-align: left; } -/* line 540, ../sass/screen.scss */ +/* line 541, ../sass/screen.scss */ .calendar tr.head th:last-child a { text-align: right; right: 0; } -/* line 548, ../sass/screen.scss */ +/* line 549, ../sass/screen.scss */ #calendar-wrap .details { border-top: 1px solid #90001C; margin-top: 15px; padding-top: 10px; } -/* line 553, ../sass/screen.scss */ +/* line 554, ../sass/screen.scss */ #calendar-wrap .details li.datename { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; } -/* line 554, ../sass/screen.scss */ +/* line 555, ../sass/screen.scss */ #calendar-wrap .details li.datename:after { content: " :"; } diff --git a/gestioncof/cms/static/cofcms/sass/screen.scss b/gestioncof/cms/static/cofcms/sass/screen.scss index 1d9906c8..2d7c1ad4 100644 --- a/gestioncof/cms/static/cofcms/sass/screen.scss +++ b/gestioncof/cms/static/cofcms/sass/screen.scss @@ -23,15 +23,16 @@ header { h1, h2 { font-family: $headfont; - color: $titre; } h1 { font-size: 2.3em; + color: $titre; } h2 { font-size: 1.6em; + color: desaturate(lighten($titre, 10%), 20%); }