diff --git a/new_index.html b/new_index.html
index 84102ec..4e143d7 100644
--- a/new_index.html
+++ b/new_index.html
@@ -5,9 +5,7 @@
-
-
Home
diff --git a/style/new_menu.css b/style/new_menu.css
deleted file mode 100644
index 335b7ec..0000000
--- a/style/new_menu.css
+++ /dev/null
@@ -1,84 +0,0 @@
-#menubar {
- background-color: darkslategrey;
- color: azure;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 40px;
-}
-
-#menubar_logo img {
- max-height: 20px;
- padding: 10px;
-}
-
-#menubar_hamburger {
- position: absolute;
- top: 2px;
- right: 0;
- padding: 5px;
-}
-
-.sidebar_control {
- background-color: transparent;
- color: azure;
- border: none;
- font-family: sans-serif;
- font-size: larger;
-}
-
-#sidebar_open_short {
- display: block;
-}
-
-#sidebar_close_short {
- display: none;
- font-size: x-large;
-}
-
-#sidebar {
- position: fixed;
- top: 40px;
- right: 0;
- margin: auto;
- height: 100%;
- display: block;
- max-width: 60%;
- width: 0;
- background-color: darkslategrey;
- transition: 0.7s;
-}
-
-#sidebar a {
- padding: 8px 8px 8px 8px;
- margin-top: 10px;
- font-family: sans-serif;
- font-weight: 300;
- text-decoration: none;
- text-align: center;
- font-size: 25px;
- color: cyan;
- display: block;
- white-space: nowrap;
- }
-
- #sidebar_logo {
- margin-top: 40%;
- text-align: center;
-}
-
-
-#sidebar_social {
- position: absolute;
- bottom: 50px;
- width: 100%;
-}
-
-@media screen and (min-width: 800px) and (min-height: 700px) {
- #menubar {
- position: -webkit-sticky;
- position: sticky;
- top: 0px;
- }
-}
\ No newline at end of file
diff --git a/style/new_style.css b/style/new_style.css
index 031324d..569b57d 100644
--- a/style/new_style.css
+++ b/style/new_style.css
@@ -1,3 +1,9 @@
+/* BEGIN FONT DECLARATION */
+
+/* END FONT DECLARATION */
+
+/* BEGIN HTML & BODY */
+
html {
height: 100%;
}
@@ -7,6 +13,10 @@ body {
margin: auto;
}
+/* END HTML & BODY */
+
+/* BEGIN DEFAULT PAGE HEADER BLOCK */
+
#header_image_home {
background-color: rgb(29,49,49);
background-image: url("/images/headers/index/index_w750.jpg");
@@ -22,7 +32,7 @@ body {
top: -170px;
}
-#page_title { /* This needs to be bottom center of header-image-home/header-image */
+#page_title {
font-family: sans-serif;
font-size: large;
width: 100%;
@@ -32,6 +42,110 @@ body {
color: azure;
}
+#menubar {
+ background-color: darkslategrey;
+ color: azure;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 40px;
+}
+
+#menubar_logo img {
+ max-height: 20px;
+ padding: 10px;
+}
+
+#menubar_hamburger {
+ position: absolute;
+ top: 2px;
+ right: 0;
+ padding: 5px;
+}
+
+.sidebar_control {
+ background-color: transparent;
+ color: azure;
+ border: none;
+ font-family: sans-serif;
+ font-size: larger;
+}
+
+#sidebar_open_short {
+ display: block;
+}
+
+#sidebar_close_short {
+ display: none;
+ font-size: x-large;
+}
+
+#sidebar {
+ position: fixed;
+ top: 40px;
+ right: 0;
+ margin: auto;
+ height: 100%;
+ display: block;
+ max-width: 60%;
+ width: 0;
+ background-color: darkslategrey;
+ transition: 0.7s;
+}
+
+#sidebar a {
+ padding: 8px 8px 8px 8px;
+ margin-top: 10px;
+ font-family: sans-serif;
+ font-weight: 300;
+ text-decoration: none;
+ text-align: center;
+ font-size: 25px;
+ color: cyan;
+ 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) {
+
+ #header_image_home {
+ margin-top: auto;
+ }
+
+ #menubar {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0px;
+ }
+
+ }
+
+/* END FULL PAGE HEADER BLOCK */
+
+/* BEGIN CONTENT BLOCK */
+
#content {
margin: auto;
margin-top: 10px;
@@ -39,8 +153,4 @@ body {
width: 90%;
}
-@media screen and (min-width: 800px) and (min-height: 700px) {
- #header_image_home {
- margin-top: auto;
- }
-}
\ No newline at end of file
+/* END CONTENT BLOCK */
\ No newline at end of file