diff --git a/styles.css b/styles.css index c8af602..e402609 100644 --- a/styles.css +++ b/styles.css @@ -45,6 +45,14 @@ title { display: none; } +head { + display: none; +} + +style { + display:none; +} + body { color: var(--a-lec_black); background: var(--a-lec_white); @@ -66,6 +74,7 @@ aside { background-color: var(--a-lec_white); background-repeat: repeat; padding: 10px; + min-height: 50vh; } article { @@ -85,20 +94,20 @@ aside { */ header { - background: #2d4b63 50% 0 url(../templates/fond_titre.png) no-repeat; /* old IE fallback */ + background: #2d4b63; /* old IE fallback */ - background-attachment: fixed, scroll; - background-image: url(../templates/electronic.png), url(../templates/fond_titre.png); - background-position: 0 0, 0 50%; - background-repeat: repeat, no-repeat; - background-size: auto, cover; + background-attachment: fixed; + background-image: url(../templates/electronic.png); + background-position: 0 0; + background-repeat: cover; + background-size: auto; } #a-lec_banner, #a-lec_footer { display: flex; - height: 300px; - width: 100%; + height: auto; + width: auto; padding: 20px 25px; } @@ -119,15 +128,15 @@ header { #a-lec_site-titles { display: flex; flex-direction: column; - align-items: center; + align-items: center; place-content: baseline center; - padding: 20px } #a-lec_site-titles h2 { font-weight: normal; color: #FFF; font-size: 130%; + margin-top: 15px; } #a-lec_site-name a { @@ -140,6 +149,7 @@ header { background-color: unset; font-weight: bold; font-size: 300%; + background-color: unset; } @@ -150,19 +160,21 @@ header { */ footer { - background: #2d4b63 50% 0 url(../templates/fond_titre.png) no-repeat; /* old IE fallback */ + background: #2d4b63; /* old IE fallback */ - background-attachment: fixed, scroll; - background-image: url(../templates/electronic.png), url(../templates/fond_titre.png); - background-position: 0 0, 0 50%; - background-repeat: repeat, no-repeat; - background-size: auto, cover; + background-attachment: fixed; + background-image: url(../templates/electronic.png); + background-position: 0 0; + background-repeat: cover; + background-size: auto; } #a-lec_footer h1 { font-size: 130%; color: #FFF; font-weight: bold; + margin-top: 0px; + margin-left: 0px; } #a-lec_footer { @@ -184,12 +196,14 @@ footer { div#a-lec_copyright { font-size: 90%; - flex-basis: 25%; + flex-basis: 30%; + margin-left: -100px; } div#a-lec_infos { - flex-basis: 75%; - font-size: 105%; + flex-basis: 70%; + font-size: 100%; + margin: 0px 110px 0px 0px; } .a-lec_list-cr { display: block; @@ -202,6 +216,10 @@ div#a-lec_infos { ======================================================================== */ +aside#a-lec_sidebar { + padding-left: 40px; +} + .a-lec_latest-posts { color: var(--a-lec_yellow); font-style: italic; @@ -231,6 +249,11 @@ div#a-lec_infos { display: block; color: var(--a-lec_black); font-weight: normal; + display: block; + font-size: 80%; + padding: 10px; + padding-top: unset; + display: block; } .a-lec_list-post-link { @@ -251,15 +274,14 @@ div#a-lec_infos { * Sticky Author Date */ #a-lec_metas { - display: block; + display: block; background-color: var(--a-lec_yellow); - position: relative; - text-align: left; - float: right; - top: -10px; - right: 10px; - padding: 5px; - font-size: 82%; + position: relative; + text-align: left; + float: right; + top: -10px; + padding: 5px; + font-size: 82%; } @@ -305,26 +327,52 @@ abbr { margin-left: 40px; } -.a-lec_list-1::before, -.a-lec_list-2::before, -.a-lec_list-3::before { +.a-lec_list-ol li { + counter-increment: step-counter; +} + +.a-lec_list-ol .a-lec_list-1::before, +.a-lec_list-ol .a-lec_list-2::before, +.a-lec_list-ol .a-lec_list-3::before { + display: inline-block; + content: counter(step-counter) "."; + padding-left: 0px; + margin-right: 5px; + list-style-type: upper-roman; +} + +.a-lec_list-ol .a-lec_list-1::before { + color: var(--a-lec_red); +} + +.a-lec_list-ol .a-lec_list-2::before { + color: var(--a-lec_blue); +} + +.a-lec_list-ol .a-lec_list-3::before { + color: var(--a-lec_yellow); +} + +.a-lec_list-ul .a-lec_list-1::before, +.a-lec_list-ul .a-lec_list-2::before, +.a-lec_list-ul .a-lec_list-3::before { display: inline-block; content: "\2022"; width: 10px; - padding-left: 15px; + padding-left: 5px; margin-right: 5px; font-weight: bold; } -.a-lec_list-1::before { +.a-lec_list-ul .a-lec_list-1::before { color: var(--a-lec_red); } -.a-lec_list-2::before { +.a-lec_list-ul .a-lec_list-2::before { color: var(--a-lec_blue); } -.a-lec_list-3::before { +.a-lec_list-ul .a-lec_list-3::before { color: var(--a-lec_yellow); } @@ -469,27 +517,32 @@ div.a-lec_content-p1{ div.a-lec_content-p2{ display: block; - margin-left: 20px; } div.a-lec_content-p3{ display: block; - margin-left: 35px; } div.a-lec_content-p4{ display: block; - margin-left: 45px; } div.a-lec_content-p5{ display: block; - margin-left: 55px; } div.a-lec_content-p6{ display: block; - margin-left: 65px; +} + +/* +A-lec images +*/ +.a-lec_image_center { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; } /* @@ -510,27 +563,27 @@ h1,h2,h3,h4,h5,h6 { } h2 { font-size: 125%; - margin-left: 30px; margin-top: 30px; margin-bottom: 5px; + color: #454545; } h3 { font-size: 120%; - margin-left: 40px; margin-top: 30px; margin-bottom: 5px; + color: #505050; } h4 { font-size: 115%; - margin-left: 50px; + color: #606060; } h5 { font-size: 110%; - margin-left: 60px; + color: #707070; } h6 { font-size: 105%; - margin-left: 75px; + color: #808080; } /* @@ -542,11 +595,12 @@ h1,h2,h3,h4,h5,h6 { section#a-lec_page-wrapper { display: block; - margin: 0 25px; + margin: 10px 25px; } aside#a-lec_sidebar { background: none; + padding-left: 40px; } .a-lec_latest-posts { @@ -554,11 +608,15 @@ h1,h2,h3,h4,h5,h6 { } div#a-lec_metas { - margin: 10px -10px 0px 0px; + margin: 0px -10px 0px 0px; + } + + article { + margin-top: 20px; } article#a-lec_index { - margin-left: -10px; + margin-top: -10px; } #a-lec_footer { @@ -568,7 +626,7 @@ h1,h2,h3,h4,h5,h6 { #a-lec_footer .a-lec_paragraph{ margin-bottom: 30px; - font-size: 80%; + font-size: 90%; border: 2px solid var(--a-lec_blue); border-top : unset; border-left: unset; @@ -581,6 +639,7 @@ h1,h2,h3,h4,h5,h6 { font-size: 115%; padding: 15px; margin-bottom: -20px; + font-size: 120% } #a-lec_footer li { @@ -595,17 +654,10 @@ h1,h2,h3,h4,h5,h6 { #a-lec_site-logo img { all: unset; display: inline-block; - float: left; - position: relative; width: 100%; - height: 35%; + height: 160px; } - #a-lec_site-titles { - all: unset; - } - - #a-lec_site-name a { margin-top: -30px; margin-bottom: -20px; @@ -614,11 +666,16 @@ h1,h2,h3,h4,h5,h6 { font-size: 3rem; } + #chalec_site-titles h2 { + font-weight: normal; + color: var(--chalec_white); + font-size: 130%; + margin-top: 15px; + margin-bottom: 5px; + } + #a-lec_site-name a:hover { - margin-top: -30px; - margin-bottom: -20px; - position: relative; float: left; font-size: 3rem; }