From d0a057540673dbf2089923dec81162de6c14a315 Mon Sep 17 00:00:00 2001 From: Fred Boniface Date: Wed, 19 Oct 2022 14:15:38 +0100 Subject: [PATCH] CSS Adjustments --- new_index.html | 13 +++++++------ style/new_menu.css | 17 ++++++++--------- style/new_style.css | 6 +++--- 3 files changed, 18 insertions(+), 18 deletions(-) diff --git a/new_index.html b/new_index.html index 4c82e07..86a67c6 100644 --- a/new_index.html +++ b/new_index.html @@ -11,9 +11,10 @@ Home -
- -
+
+
+

Page Title

+
-
+

Lorem Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Lorem Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

diff --git a/style/new_menu.css b/style/new_menu.css index f232124..2b68934 100644 --- a/style/new_menu.css +++ b/style/new_menu.css @@ -20,22 +20,21 @@ padding: 5px; } -#sidebar_open_short { - display: block; - font-size: larger; +.sidebar_control { background-color: transparent; color: azure; border: none; - border-radius: 2px; + font-family: sans-serif; + font-size: larger; +} + +#sidebar_open_short { + display: block; } #sidebar_close_short { display: none; - font-size: larger; - background-color: transparent; - color: azure; - border: none; - border-radius: 2px; + font-size: x-large; } #sidebar { diff --git a/style/new_style.css b/style/new_style.css index 1098e1f..151a4c3 100644 --- a/style/new_style.css +++ b/style/new_style.css @@ -8,7 +8,7 @@ body { margin: auto; } -.header-image-home { +#header_image_home { background-color: rgb(29,49,49); background-image: url("https://via.placeholder.com/1200x400.webp"); background-repeat: no-repeat; @@ -21,7 +21,7 @@ body { top: -190px; } -.page-title { /* This needs to be bottom center of header-image-home/header-image */ +#page_title { /* This needs to be bottom center of header-image-home/header-image */ font-family: sans-serif; font-size: 4vw; text-align: center; @@ -31,7 +31,7 @@ body { color: azure; } -.content { +#content { margin: auto; margin-top: 10px; width: 90%;