From f550a7cf29da1d07f6036994f7f00dbdb9e55222 Mon Sep 17 00:00:00 2001 From: holysoles Date: Sun, 28 Apr 2024 20:09:54 +0000 Subject: [PATCH] tidy css --- static/contact.css | 30 ++++++++++++++++++++++++++++++ static/style.css | 39 --------------------------------------- templates/layout.html | 1 + 3 files changed, 31 insertions(+), 39 deletions(-) create mode 100644 static/contact.css diff --git a/static/contact.css b/static/contact.css new file mode 100644 index 0000000..6539242 --- /dev/null +++ b/static/contact.css @@ -0,0 +1,30 @@ +/* Style for contact page */ +div.contact-container { + margin-top: 10px; + text-align: center; + } + ul.contact-links { + list-style-type: none; + line-height: 1.75; + } + .link-with-logo { + display: flex; + align-items: center; + justify-content: center; + white-space: pre; + } + .link-with-logo img { + width: 24px; /* Adjust the width as needed */ + height: 24px; /* Adjust the height as needed */ + margin-right: 8px; + } + .link-with-logo span { + font-weight: bold; + } + .link-with-logo a { + text-decoration: none; + color: #333; /* Change the color as needed */ + } + .link-with-logo a:hover { + color: #0251ef; + } \ No newline at end of file diff --git a/static/style.css b/static/style.css index 71b0663..1c3b14b 100644 --- a/static/style.css +++ b/static/style.css @@ -48,14 +48,6 @@ a { transition: color 0.3s ease-in-out; } -footer { - margin-top: 20px; - padding: 10px 0; - background-color: #333; - color: #fff; - text-align: center; -} - .blog-image { max-width:500px } @@ -199,37 +191,6 @@ code { border-left: 5px solid #ffc000; } -/* Style for contact page */ -div.contact-container { - margin-top: 10px; - text-align: center; -} -ul.contact-links { - list-style-type: none; - line-height: 1.75; -} -.link-with-logo { - display: flex; - align-items: center; - justify-content: center; - white-space: pre; -} -.link-with-logo img { - width: 24px; /* Adjust the width as needed */ - height: 24px; /* Adjust the height as needed */ - margin-right: 8px; -} -.link-with-logo span { - font-weight: bold; -} -.link-with-logo a { - text-decoration: none; - color: #333; /* Change the color as needed */ -} -.link-with-logo a:hover { - color: #0251ef; -} - .header { background-color: #f5f5f5; position: fixed; /* Set header position to fixed */ diff --git a/templates/layout.html b/templates/layout.html index af21413..c06734c 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -3,6 +3,7 @@ Patrick Evans +