Reduce CSS Size

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 <picture> */
     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 */
+}