diff --git a/styles.css b/styles.css index eb59091..8d6d2c0 100644 --- a/styles.css +++ b/styles.css @@ -45,6 +45,14 @@ title { display: none; } +head { + display: none; +} + +style { + display:none; +} + body { color: var(--chalec_black); background: var(--chalec_white); @@ -73,7 +81,7 @@ article { } aside { - margin: 10px; + margin: 30px; flex-basis: 30%; } @@ -97,8 +105,8 @@ header { #chalec_banner, #chalec_footer { display: flex; - height: 300px; - width: 100%; + height: auto; + width: auto; padding: 20px 25px; } @@ -121,19 +129,19 @@ header { flex-direction: column; align-items: center; place-content: baseline center; - padding: 20px } #chalec_site-titles h2 { font-weight: normal; color: var(--chalec_red); font-size: 130%; + margin-top: 15px; } #chalec_site-name a { color: var(--chalec_yellow); font-weight: bold; - font-size: 300%; + font-size: 300%; } #chalec_site-name a:hover { @@ -163,6 +171,8 @@ footer { font-size: 130%; color: var(--chalec_yellow); font-weight: bold; + margin-top: 0px; + margin-left: 0px; } #chalec_footer { @@ -183,14 +193,17 @@ footer { } div#chalec_copyright { - font-size: 90%; - flex-basis: 25%; + font-size: 100%; + flex-basis: 30%; + margin-left: -100px; } div#chalec_infos { - flex-basis: 75%; - font-size: 105%; + flex-basis: 70%; + font-size: 100%; + margin: 0px 110px 0px 0px; } + .chalec_list-cr { display: block; margin: 0 0 5px 25px; @@ -264,7 +277,6 @@ div#chalec_infos { text-align: left; float: right; top: -10px; - right: 10px; padding: 5px; font-size: 82%; } @@ -526,30 +538,31 @@ h1,h2,h3,h4,h5,h6 { font-size: 130%; margin-top: 30px; margin-bottom: 5px; + margin-left: 20px; } h2 { font-size: 125%; - margin-left: 30px; + margin-left: 20px; margin-top: 30px; margin-bottom: 5px; } h3 { font-size: 120%; - margin-left: 40px; + margin-left: 20px; margin-top: 30px; margin-bottom: 5px; } h4 { font-size: 115%; - margin-left: 50px; + margin-left: 20px; } h5 { font-size: 110%; - margin-left: 60px; + margin-left: 20px; } h6 { font-size: 105%; - margin-left: 75px; + margin-left: 20px; } /* @@ -561,7 +574,7 @@ h1,h2,h3,h4,h5,h6 { section#chalec_page-wrapper { display: block; - margin: 0 25px; + margin: 10px 25px; } aside#chalec_sidebar { @@ -573,7 +586,11 @@ h1,h2,h3,h4,h5,h6 { } div#chalec_metas { - margin: 10px -10px 0px 0px; + margin: 0px -10px 0px 0px; + } + + article { + margin-top: 20px; } article#chalec_index { @@ -587,7 +604,7 @@ h1,h2,h3,h4,h5,h6 { #chalec_footer .chalec_paragraph{ margin-bottom: 30px; - font-size: 80%; + font-size: 90%; border: 2px solid var(--chalec_yellow); border-top : unset; border-left: unset; @@ -596,10 +613,11 @@ h1,h2,h3,h4,h5,h6 { } #chalec_footer h1 { - margin-top: 10px; + margin-top: 0px; font-size: 115%; padding: 15px; margin-bottom: -20px; + font-size: 120% } #chalec_footer li { @@ -614,24 +632,27 @@ h1,h2,h3,h4,h5,h6 { #chalec_site-logo img { all: unset; display: inline-block; - float: left; - position: relative; width: 100%; - height: 35%; + height: 160px; } #chalec_site-name a { - margin-top: -30px; + margin-top: -50px; position: relative; float: left; font-size: 3rem; } + #chalec_site-titles h2 { + font-weight: normal; + color: var(--chalec_red); + font-size: 130%; + margin-top: 15px; + margin-bottom: 5px; + } + #chalec_site-name a:hover { - margin-top: -30px; - margin-bottom: -20px; - position: relative; float: left; font-size: 3rem; }