diff --git a/styles.css b/styles.css index ee5d4f5..32a16d5 100644 --- a/styles.css +++ b/styles.css @@ -86,14 +86,6 @@ aside { flex-basis: 30%; } -p { - line-height: 26px; -} - -article ul { - line-height: 24px; -} - /* ======================================================================== HEADER / BANNER @@ -132,15 +124,15 @@ header { place-content: baseline center; } -#a-lec_site-titles { +#a-lec_site-title { display: flex; flex-direction: column; align-items: center; place-content: baseline center; - text-align: center; + padding-left: 50px; } -#a-lec_site-titles h2 { +#a-lec_site-title h2 { font-weight: normal; color: #FFF; font-size: 130%; @@ -151,7 +143,6 @@ header { color: #FFF; font-weight: bold; font-size: 300%; - padding-left: 50px; } #a-lec_site-name a:hover { @@ -169,9 +160,8 @@ header { */ footer { - background: #2d4b63; /* old IE fallback */ - - background-attachment: fixed; + background: #2d4b63; /* old IE fallback */ + background-image: url(../templates/electronic.jpg); background-position: 0 0; background-repeat: cover; @@ -215,6 +205,7 @@ div#a-lec_infos { font-size: 100%; margin: 0px 110px 0px 0px; } + .a-lec_list-cr { display: block; margin: 0 0 5px 25px; @@ -230,9 +221,9 @@ aside#a-lec_sidebar { padding-left: 40px; } -.a-lec_latest-posts { - color: var(--a-lec_yellow); - font-style: italic; +.a-lec_list-post-item a:hover { + color: unset; + background-color: unset; } .a-lec_list-post-title { @@ -255,28 +246,13 @@ aside#a-lec_sidebar { font-weight: bold; } -.a-lec_list-post-info { +.a-lec_list-post-item a .a-lec_list-post-info { display: block; background-color: #FDF1B8; + color: var(--a-lec_black); font-size: 80%; padding: 10px; - padding-top: unset; - display: block; - color: var(--chalec_black); font-weight: normal; - display: block; - font-size: 80%; - padding: 10px; - padding-top: unset; - display: block; -} - -.a-lec_list-post-link { - color: var(--a-lec_white); -} - -.a-lec_list-post-link:hover { - color: var(--a-lec_white); } /* @@ -328,16 +304,16 @@ abbr { padding: 3px 0; } -.a-lec_list-1 { +.a-lec_li-1 { display: block; } -.a-lec_list-2 { +.a-lec_li-2 { display: block; margin-left: 20px; } -.a-lec_list-3 { +.a-lec_li-3 { display: block; margin-left: 40px; } @@ -346,9 +322,9 @@ abbr { 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 { +.a-lec_list-ol .a-lec_li-1::before, +.a-lec_list-ol .a-lec_li-2::before, +.a-lec_list-ol .a-lec_li-3::before { display: inline-block; content: counter(step-counter) "."; padding-left: 0px; @@ -356,21 +332,21 @@ abbr { list-style-type: upper-roman; } -.a-lec_list-ol .a-lec_list-1::before { +.a-lec_list-ol .a-lec_li-1::before { color: var(--a-lec_red); } -.a-lec_list-ol .a-lec_list-2::before { +.a-lec_list-ol .a-lec_li-2::before { color: var(--a-lec_blue); } -.a-lec_list-ol .a-lec_list-3::before { +.a-lec_list-ol .a-lec_li-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 { +.a-lec_list-ul .a-lec_li-1::before, +.a-lec_list-ul .a-lec_li-2::before, +.a-lec_list-ul .a-lec_li-3::before { display: inline-block; content: "\2022"; width: 10px; @@ -379,15 +355,15 @@ abbr { font-weight: bold; } -.a-lec_list-ul .a-lec_list-1::before { +.a-lec_list-ul .a-lec_li-1::before { color: var(--a-lec_red); } -.a-lec_list-ul .a-lec_list-2::before { +.a-lec_list-ul .a-lec_li-2::before { color: var(--a-lec_blue); } -.a-lec_list-ul .a-lec_list-3::before { +.a-lec_list-ul .a-lec_li-3::before { color: var(--a-lec_yellow); } @@ -522,40 +498,28 @@ a.a-lec_file-link:hover { /* * Paragraphs */ -p.a-lec_paragraph { +p.a-lec_p{ display: block; margin-top: 10px; margin-bottom: 10px; } -div.a-lec_content-p1{ +div.a-lec_content{ display: block; } -div.a-lec_content-p2{ - display: block; +p { + line-height: 26px; } -div.a-lec_content-p3{ - display: block; -} - -div.a-lec_content-p4{ - display: block; -} - -div.a-lec_content-p5{ - display: block; -} - -div.a-lec_content-p6{ - display: block; +article ul { + line-height: 24px; } /* A-lec images */ -.a-lec_image_center { +.a-lec_image{ display: inline-block; vertical-align: middle; max-width: 100%; @@ -567,40 +531,47 @@ A-lec images HEADINGS ======================================================================== */ -h1,h2,h3,h4,h5,h6 { +.a-lec_title, #a-lec_site-name { display: block; color: #000; font-weight: bold; } - h1 { - font-size: 130%; - margin-top: 30px; - margin-bottom: 5px; - } - h2 { - font-size: 125%; - margin-top: 30px; - margin-bottom: 5px; - color: #454545; - } - h3 { - font-size: 120%; - margin-top: 30px; - margin-bottom: 5px; - color: #505050; - } - h4 { - font-size: 115%; - color: #606060; - } - h5 { - font-size: 110%; - color: #707070; - } - h6 { - font-size: 105%; - color: #808080; - } + + +.a-lec_title-1 { + font-size: 150%; + margin-top: 30px; + margin-bottom: 10px; +} + +.a-lec_title-2 { + font-size: 130%; + margin-top: 30px; + margin-bottom: 15px; + color: #454545; +} + +.a-lec_title-3 { + font-size: 110%; + margin-top: 30px; + margin-bottom: 15px; + color: #505050; +} + +.a-lec_title-4 { + font-size: 100%; + color: #606060; +} + +.a-lec_title-5 { + font-size: 100%; + color: #707070; +} + +.a-lec_title-6 { + font-size: 100%; + color: #808080; +} /* ======================================================================== @@ -711,4 +682,3 @@ h1,h2,h3,h4,h5,h6 { } } -