From 4d86ec8cd287e6248a29228b847837d6fa1a02d1 Mon Sep 17 00:00:00 2001 From: kithenry <21903316@emu.edu.tr> Date: Mon, 12 Aug 2024 10:35:46 +0300 Subject: [PATCH] restructuring css --- .../2024/August/22/test_article.html | 94 ++++++++++++------- 1 file changed, 58 insertions(+), 36 deletions(-) diff --git a/writing/published/2024/August/22/test_article.html b/writing/published/2024/August/22/test_article.html index a25e769..da10a6c 100644 --- a/writing/published/2024/August/22/test_article.html +++ b/writing/published/2024/August/22/test_article.html @@ -23,6 +23,22 @@ font-family: "Book Antiqua", Palatino, "EB Garamond", serif; } + a { + text-decoration: none; + color: #3da4b2; + } + + + + p { + line-height: 1.5625; + margin-bottom: 1em; + } + + img { + height: 300px; + } + header { font-family: 'Roboto', sans-serif; background-color: #b1624e; @@ -31,18 +47,39 @@ line-height: 1em; } - .header-container { + header .header-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } - .navlink { + header .site-title { + font-family: 'Alegreya Sans SC', sans-serif !important; + text-transform: capitalize; + font-size: 36px; + } + + header .navlinks { display: flex; flex-direction: row; justify-content: center; align-items: center; + + } + + header a { + color: white; + } + + header a:hover { + + } + + .green-line { + width: 100%; + height: 10px; + background-color: #3da4b2; } .hamburger-menu { @@ -54,64 +91,49 @@ } .collapse-btn:focus { - box-shadow: none!important; + box-shadow: none !important; + outline: none !important; + outline-style: none; + transition: none; + animation: none; } - a { - text-decoration: none; - color: #3da4b2; - ; + .collapse-btn:active { + border: none; } - .site-title { - font-family: 'Alegreya Sans SC', sans-serif !important; - text-transform: capitalize; - font-size: 36px; - } - img { - height: 300px; - } - p { - line-height: 1.5625; - } + + + + + article { margin: 0 auto } - .heading { + article .heading > h1{ width: 100%; font-weight: 300; line-height: 1.25; margin-bottom: 10px; } - .green-line { - width: 100%; - height: 10px; - background-color: #3da4b2; - } - p { - margin-bottom: 1em; - } - .date { + + + article .date { color: #3da4b2; font-size: 19px; border-top: 1px solid #b9cdeb; border-bottom: 1px solid #b9cdeb; } - .navlink a { - color: white !important; - } + - .navlink a:hover { - color: #3da4b2 !important; - } .icon-toggle { display: none; @@ -352,7 +374,7 @@

-