From abc5cb369db2b6abc898f611e61f5fb3a6135c5b Mon Sep 17 00:00:00 2001 From: Jacob Haddon Date: Thu, 19 Nov 2020 20:16:26 -0500 Subject: [PATCH] updated menu configs and dark mode tweaks --- header.php | 63 +++++++++++++++++++++++++++++++++--------------------- style.css | 38 +++++++++++++++++++++----------- 2 files changed, 65 insertions(+), 36 deletions(-) diff --git a/header.php b/header.php index 80f4f37..c9c27c2 100644 --- a/header.php +++ b/header.php @@ -36,16 +36,41 @@ - @@ -80,6 +105,7 @@ jQuery(document).ready(function(){ jQuery("#flip").click(function(){ jQuery("#panel").slideToggle(); + jQuery("#flip").toggleClass("change"); }); }); @@ -88,7 +114,7 @@ jQuery(document).ready(function(){ >
- 'melville_header_menu', 'theme_location' => 'header-menu' ) ); ?> + -
Click to slide down panel
+
+
+
'melville_header_menu', 'theme_location' => 'header-menu' ) ); ?> -Hello world!Top References -
    -
  • HTML Reference
    • -
  • CSS Reference
    • -
  • JavaScript Reference
    • -
  • SQL Reference
    • -
  • Python Reference
    • -
  • W3.CSS Reference
    • -
  • Bootstrap Reference
    • -
  • PHP Reference
    • -
  • HTML Colors
    • -
  • Java Reference
    • -
  • Angular Reference
    • -
  • jQuery Reference
    • -
+
+
diff --git a/style.css b/style.css index 1fff31a..ae089d2 100644 --- a/style.css +++ b/style.css @@ -243,7 +243,7 @@ hr { margin: 20px 0; } div#content { - margin: 0 0 20px 0; + margin: 40px 0 20px 0; padding: 0px 80px 0 80px; } @@ -393,7 +393,7 @@ br.clear /* @group Header ---------------------------------------------- */ div#header { - margin: 0 0 60px 0; +/* margin: 0 0 20px 0; */ padding: 0 0 20px 0; color: #777777; /* border-bottom: 1px solid #bbbbbb; */ @@ -637,7 +637,7 @@ input[type="submit"] { color: #333; } #respond { - border-top: 1px solid #e7e7e7; +/* border-top: 1px solid #e7e7e7; */ margin: 24px 0; overflow: hidden; position: relative; @@ -761,25 +761,29 @@ h3#reply-title { margin: 18px 0; } /* Footer Menu Styles */ .melville_header_menu ul { - list-style: none; +/* list-style: none; */ padding: 0px; } .melville_header_menu ul ul { - display: none; - position: absolute; - background-color: white; +/* display: none; */ +/* position: absolute; */ +/* background-color: white; */ } .melville_header_menu li { display: inline-block; - padding-right: 20px; + padding-right: 0px; + width: 24%; + vertical-align: top; + } .melville_header_menu li a { text-decoration: none; } +/* .melville_header_menu li:hover ul { display: block; @@ -787,13 +791,16 @@ h3#reply-title { margin: 18px 0; } padding: 0 10px; border-top: 1px solid; } + */ + .melville_header_menu li li { - display: block; +/* display: block; */ + display: inline-block; text-align: left; padding-top: 10px; - padding-left: 5px; + padding-left: 0px; } .melville_header_menu li ul { } @@ -801,7 +808,7 @@ h3#reply-title { margin: 18px 0; } .melville_header_menu { - text-align: center; + text-align: left; font-variant: small-caps; } @@ -1051,10 +1058,17 @@ p.has-drop-cap:not(:focus):first-letter .page-link a:link, .page-link a:visited { background: #f1f1f1; } /* div#footer { background-color: #241f20; } */ input#s { background-color: #fefefe; } - #commentform input, #commentform textarea { background-color: #fcfcfc; } + #commentform input, #commentform textarea { + background: #241f20; +/* background-color: #fcfcfc; */ + } #menu div.menu, #menu div.melville_footer_menu { background-color: #67554F;} + + #panel { + background: #323232; + } /* Border Colors */ div#wrapper