diff --git a/gestioncof/cms/static/cofcms/css/screen.css b/gestioncof/cms/static/cofcms/css/screen.css index c81bf304..500cf387 100644 --- a/gestioncof/cms/static/cofcms/css/screen.css +++ b/gestioncof/cms/static/cofcms/css/screen.css @@ -105,8 +105,8 @@ a { color: #CC9500; text-decoration: none; font-weight: bold; - padding: 0 3px; - margin: 0 -3px; + padding: 0 2px; + margin: 0 -2px; } /* line 44, ../sass/screen.scss */ a:hover { @@ -277,7 +277,7 @@ article:last-child { } /* line 195, ../sass/screen.scss */ .container .aside-wrap .aside ul.directory li { - list-style: "|" inside; + list-style: "*" inside; padding-left: 10px; text-indent: -10px; margin-bottom: 5px; @@ -307,31 +307,35 @@ article:last-child { font-style: italic; } /* line 228, ../sass/screen.scss */ -.container .content p a { +.container .content .intro, .container .content article.paragraph, .container .content article.entry { + line-height: 1.5; +} +/* line 231, ../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 235, ../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 .desc ul, .container .content article.entry .desc ol { +/* line 237, ../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 241, ../sass/screen.scss */ -.container .content .intro ul li, .container .content article.paragraph ul li, .container .content article.entry .desc ul li { +/* line 243, ../sass/screen.scss */ +.container .content .intro ul li, .container .content article.paragraph ul li, .container .content article.entry ul li { list-style: disc; } -/* line 244, ../sass/screen.scss */ -.container .content .intro ol li, .container .content article.paragraph ol li, .container .content article.entry .desc ol li { +/* line 246, ../sass/screen.scss */ +.container .content .intro ol li, .container .content article.paragraph ol li, .container .content article.entry ol li { list-style: arabic; } -/* line 249, ../sass/screen.scss */ +/* line 251, ../sass/screen.scss */ .container .content .intro { border-bottom: 3px solid #7f7f7f; margin: 20px 0; margin-top: 5px; padding: 15px 5px; } -/* line 258, ../sass/screen.scss */ +/* line 260, ../sass/screen.scss */ .container .content section article { background: #fff; padding: 20px 30px; @@ -339,35 +343,35 @@ article:last-child { border: 1px solid rgba(34, 6, 12, 0.1); border-radius: 2px; } -/* line 266, ../sass/screen.scss */ +/* line 268, ../sass/screen.scss */ .container .content section article + h2 { margin-top: 15px; } -/* line 270, ../sass/screen.scss */ +/* line 272, ../sass/screen.scss */ .container .content section article + article { margin-top: 25px; } -/* line 274, ../sass/screen.scss */ +/* line 276, ../sass/screen.scss */ .container .content section .image { margin: 15px 0; text-align: center; padding: 20px; } -/* line 279, ../sass/screen.scss */ +/* line 281, ../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 287, ../sass/screen.scss */ +/* line 289, ../sass/screen.scss */ .container .content section.directory article.entry { - width: 80%; + width: 90%; max-width: 600px; max-height: 100%; position: relative; margin-left: 6%; } -/* line 294, ../sass/screen.scss */ +/* line 296, ../sass/screen.scss */ .container .content section.directory article.entry .entry-image { display: block; float: right; @@ -381,32 +385,38 @@ article:last-child { margin-left: 10px; margin-bottom: 10px; transform: translateX(10px); + line-height: 0; } -/* line 308, ../sass/screen.scss */ +/* line 311, ../sass/screen.scss */ .container .content section.directory article.entry .entry-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } -/* line 316, ../sass/screen.scss */ +/* line 319, ../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 324, ../sass/screen.scss */ +/* line 325, ../sass/screen.scss */ +.container .content section.directory article.entry ul.links .label { + font-weight: normal; +} +/* line 332, ../sass/screen.scss */ .container .content section.actuhome { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: top; } -/* line 330, ../sass/screen.scss */ +/* line 338, ../sass/screen.scss */ .container .content section.actuhome article + article { margin: 0; } -/* line 334, ../sass/screen.scss */ +/* line 342, ../sass/screen.scss */ .container .content section.actuhome article.actu { position: relative; background: none; @@ -416,7 +426,7 @@ article:last-child { min-width: 300px; flex: 1; } -/* line 343, ../sass/screen.scss */ +/* line 351, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header { position: relative; box-shadow: -4px 5px 1px rgba(34, 6, 12, 0.3); @@ -430,7 +440,7 @@ article:last-child { background-position: center center; background-repeat: no-repeat; } -/* line 356, ../sass/screen.scss */ +/* line 364, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header h2 { position: absolute; width: 100%; @@ -440,11 +450,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 364, ../sass/screen.scss */ +/* line 372, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-header h2 a { color: #fff; } -/* line 370, ../sass/screen.scss */ +/* line 378, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc { background: white; box-shadow: -2px 2px 1px rgba(34, 6, 12, 0.2); @@ -454,17 +464,17 @@ article:last-child { padding: 15px; padding-top: 5px; } -/* line 379, ../sass/screen.scss */ +/* line 387, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc .actu-minical { display: block; } -/* line 382, ../sass/screen.scss */ +/* line 390, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-misc .actu-dates { display: block; text-align: right; font-size: 0.9em; } -/* line 389, ../sass/screen.scss */ +/* line 397, ../sass/screen.scss */ .container .content section.actuhome article.actu .actu-overlay { display: block; background: none; @@ -476,82 +486,82 @@ article:last-child { z-index: 5; opacity: 0; } -/* line 405, ../sass/screen.scss */ +/* line 413, ../sass/screen.scss */ .container .content section.actulist article.actu { display: flex; width: 100%; padding: 0; } -/* line 410, ../sass/screen.scss */ +/* line 418, ../sass/screen.scss */ .container .content section.actulist article.actu .actu-image { width: 30%; max-width: 200px; background-size: cover; background-position: center center; } -/* line 416, ../sass/screen.scss */ +/* line 424, ../sass/screen.scss */ .container .content section.actulist article.actu .actu-infos { padding: 15px; flex: 1; } -/* line 420, ../sass/screen.scss */ +/* line 428, ../sass/screen.scss */ .container .content section.actulist article.actu .actu-infos .actu-dates { font-weight: bold; font-size: 0.9em; } -/* line 430, ../sass/screen.scss */ +/* line 438, ../sass/screen.scss */ .container .aside-wrap + .content { max-width: 70%; } -/* line 435, ../sass/screen.scss */ +/* line 443, ../sass/screen.scss */ .calendar { color: rgba(0, 0, 0, 0.8); width: 200px; } -/* line 439, ../sass/screen.scss */ +/* line 447, ../sass/screen.scss */ .calendar td, .calendar th { text-align: center; vertical-align: middle; border: 2px solid transparent; padding: 1px; } -/* line 446, ../sass/screen.scss */ +/* line 454, ../sass/screen.scss */ .calendar th { font-weight: bold; } -/* line 450, ../sass/screen.scss */ +/* line 458, ../sass/screen.scss */ .calendar td { font-size: 0.8em; width: 28px; height: 28px; } -/* line 455, ../sass/screen.scss */ +/* line 463, ../sass/screen.scss */ .calendar td.out { opacity: 0.3; } -/* line 458, ../sass/screen.scss */ +/* line 466, ../sass/screen.scss */ .calendar td.today { border-bottom-color: #000; } -/* line 461, ../sass/screen.scss */ +/* line 469, ../sass/screen.scss */ .calendar td:nth-child(7), .calendar td:nth-child(6) { background: rgba(0, 0, 0, 0.2); } -/* line 464, ../sass/screen.scss */ +/* line 472, ../sass/screen.scss */ .calendar td.hasevent { position: relative; font-weight: bold; color: #90001C; font-size: 1em; } -/* line 470, ../sass/screen.scss */ +/* line 478, ../sass/screen.scss */ .calendar td.hasevent > a { padding: 3px; color: #90001C !important; background: none !important; } -/* line 476, ../sass/screen.scss */ +/* line 484, ../sass/screen.scss */ .calendar td.hasevent ul.cal-events { font-size: 0.9em; text-align: left; @@ -565,11 +575,11 @@ article:last-child { padding: 5px; background-color: #90001C; } -/* line 489, ../sass/screen.scss */ +/* line 497, ../sass/screen.scss */ .calendar td.hasevent ul.cal-events .datename { display: none; } -/* line 492, ../sass/screen.scss */ +/* line 500, ../sass/screen.scss */ .calendar td.hasevent ul.cal-events:before { top: -12px; left: 38px; @@ -578,25 +588,25 @@ article:last-child { border: 6px solid transparent; border-bottom-color: #90001C; } -/* line 500, ../sass/screen.scss */ +/* line 508, ../sass/screen.scss */ .calendar td.hasevent ul.cal-events a { color: #fff; background: none !important; } -/* line 506, ../sass/screen.scss */ +/* line 514, ../sass/screen.scss */ .calendar td.hasevent > a:hover { background-color: #90001C; color: #fff !important; } -/* line 510, ../sass/screen.scss */ +/* line 518, ../sass/screen.scss */ .calendar td.hasevent > a:hover + ul.cal-events { display: block; } -/* line 518, ../sass/screen.scss */ +/* line 526, ../sass/screen.scss */ .calendar tr.head th { position: relative; } -/* line 520, ../sass/screen.scss */ +/* line 528, ../sass/screen.scss */ .calendar tr.head th a { position: absolute; display: block; @@ -605,30 +615,30 @@ article:last-child { top: -5px; background: none !important; } -/* line 528, ../sass/screen.scss */ +/* line 536, ../sass/screen.scss */ .calendar tr.head th:first-child a { left: 0; text-align: left; } -/* line 532, ../sass/screen.scss */ +/* line 540, ../sass/screen.scss */ .calendar tr.head th:last-child a { text-align: right; right: 0; } -/* line 540, ../sass/screen.scss */ +/* line 548, ../sass/screen.scss */ #calendar-wrap .details { border-top: 1px solid #90001C; margin-top: 15px; padding-top: 10px; } -/* line 545, ../sass/screen.scss */ +/* line 553, ../sass/screen.scss */ #calendar-wrap .details li.datename { font-weight: bold; font-size: 1.1em; margin-bottom: 5px; } -/* line 546, ../sass/screen.scss */ +/* line 554, ../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 f707be7b..1d9906c8 100644 --- a/gestioncof/cms/static/cofcms/sass/screen.scss +++ b/gestioncof/cms/static/cofcms/sass/screen.scss @@ -39,8 +39,8 @@ a { color: $lien; text-decoration: none; font-weight: bold; - padding: 0 3px; - margin: 0 -3px; + padding: 0 2px; + margin: 0 -2px; &:hover { text-decoration: underline; } @@ -193,7 +193,7 @@ article { ul.directory { li { - list-style: "|" inside; + list-style: "*" inside; padding-left: 10px; text-indent: -10px; margin-bottom: 5px; @@ -225,13 +225,15 @@ article { font-style: italic; } - p a { - color: #000; - background-image: linear-gradient(to top, rgba($aside, 0.8) 30%, rgba($aside, 0) 30%); - text-decoration: none; - } + .intro, article.paragraph, article.entry { + line-height: 1.5; + + a { + color: #000; + background-image: linear-gradient(to top, rgba($aside, 0.8) 30%, rgba($aside, 0) 30%); + text-decoration: none; + } - .intro, article.paragraph, article.entry .desc { ul, ol { padding-left: 1em; li { @@ -285,7 +287,7 @@ article { &.directory { article.entry { - width: 80%; + width: 90%; max-width: 600px; max-height: 100%; position: relative; @@ -304,6 +306,7 @@ article { margin-left: 10px; margin-bottom: 10px; transform: translateX(10px); + line-height: 0; img { width: auto; @@ -317,6 +320,11 @@ article { margin-top: 10px; border-top: 1px solid $sousbandeau; padding-top: 10px; + font-weight: bold; + + .label { + font-weight: normal; + } } } }