From 851d45d34087c49ad55a0e0c1b2a98e8258b4de1 Mon Sep 17 00:00:00 2001 From: Fred Boniface Date: Thu, 20 Oct 2022 13:37:00 +0100 Subject: [PATCH] Reduce CSS Size --- style/new_style.css | 67 ++++++--------------------------------------- 1 file changed, 8 insertions(+), 59 deletions(-) diff --git a/style/new_style.css b/style/new_style.css index 15a5965..71dba06 100644 --- a/style/new_style.css +++ b/style/new_style.css @@ -1,23 +1,12 @@ -/* BEGIN FONT DECLARATION */ - -/* END FONT DECLARATION */ - -/* BEGIN HTML & BODY */ - -html { - height: 100%; -} - +/* FONTS */ +/* HTML & BODY */ +html {height: 100%;} body { width: 100%; margin: auto; background-color: lightslategrey; } - -/* END HTML & BODY */ - -/* BEGIN DEFAULT PAGE HEADER BLOCK */ - +/* PAGE HEADER */ #header_image_home { /* Try z-index: -1; to have content scrolling over - margins will need adjusting */ background-color: rgb(29,49,49); background-image: url("/images/headers/index/index_w750.jpg"); @@ -32,7 +21,6 @@ body { position: sticky; top: -170px; } - #page_title { /* This may be best floating above content div rather than inside header div */ font-family: sans-serif; font-size: large; @@ -42,7 +30,6 @@ body { bottom: -14px; color: azure; } - #menubar { background-color: darkslategrey; color: azure; @@ -52,19 +39,16 @@ body { width: 100%; height: 40px; } - #menubar_logo img { /* Logo file is controlled by media="" in */ max-height: 20px; padding: 10px; } - #menubar_hamburger { position: absolute; top: 2px; right: 0; padding: 5px; } - .sidebar_control { background-color: transparent; color: azure; @@ -72,16 +56,11 @@ body { font-family: sans-serif; font-size: larger; } - -#sidebar_open_short { - display: block; -} - +#sidebar_open_short {display: block;} #sidebar_close_short { display: none; font-size: x-large; } - #sidebar { position: fixed; top: 40px; @@ -94,7 +73,6 @@ body { background-color: darkslategrey; transition: 0.7s; } - #sidebar a { padding: 8px 8px 8px 8px; margin-top: 10px; @@ -107,68 +85,39 @@ body { display: block; white-space: nowrap; } - #sidebar_logo { margin-top: 40%; text-align: center; } - - @media screen and (max-height: 500px) { #sidebar_logo {display: none;} } - #sidebar_social { position: absolute; bottom: 50px; width: 100%; } - -/* END DEFAULT PAGE HEADER BLOCK */ - -/* BEGIN FULL PAGE HEADER BLOCK */ - - /* Reposition menu */ - @media screen and (min-width: 800px) and (min-height: 700px) { - - - - } - -/* END FULL PAGE HEADER BLOCK */ - -/* BEGIN CONTENT BLOCK */ - +/* CONTENT */ #content { /* Try z-index: 1; so it scrolls over header image */ padding-top: 10px; padding-bottom: 10px; width: 100%; } - #content p { width: 90%; margin: auto; margin-top: 20px; color: azure; } - -/* END CONTENT BLOCK */ - -/* BEGIN FOOTER */ - +/* FOOTER */ footer { width: 100%; background-color: darkslategrey; text-align: center; } - @media screen and (min-width: 800px) and (min-height: 700px) { - footer { position: fixed; bottom: 0; } - -} - -/* END FOOTER */ \ No newline at end of file +} \ No newline at end of file