first additions for a pop down menu, rather than the new one at the top
This commit is contained in:
Jacob Haddon
parent
c6ef6cc3ff
commit
97cf9cb1a0
@ -8,6 +8,7 @@
|
||||
|
||||
function melville_theme_styles(){
|
||||
wp_enqueue_style( 'style', get_stylesheet_uri() );
|
||||
wp_enqueue_script('jquery');
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'melville_theme_styles' );
|
||||
|
||||
|
||||
43
header.php
43
header.php
@ -33,6 +33,22 @@
|
||||
</script>
|
||||
<noscript><link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/noscript.css" /></noscript>
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<style>#panel {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
background-color: #e5eecc;
|
||||
border: solid 1px #c3c3c3;
|
||||
}
|
||||
|
||||
#panel {
|
||||
/* padding: 50px; */
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<title><?php
|
||||
/*
|
||||
* Print the <title> tag based on what is being viewed.
|
||||
@ -59,6 +75,14 @@
|
||||
<?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?>
|
||||
|
||||
<?php wp_head();?>
|
||||
|
||||
<script>
|
||||
jQuery(document).ready(function(){
|
||||
jQuery("#flip").click(function(){
|
||||
jQuery("#panel").slideToggle();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body <?php body_class(); ?>>
|
||||
@ -73,5 +97,24 @@
|
||||
</<?php echo $heading_tag; ?>>
|
||||
<div id="site-description"><?php bloginfo( 'description' ); ?></div>
|
||||
</div><!--#header-->
|
||||
<div id="flip">Click to slide down panel</div>
|
||||
<div id="panel">
|
||||
<?php wp_nav_menu( array( 'container_class' => 'melville_header_menu', 'theme_location' => 'header-menu' ) ); ?>
|
||||
|
||||
Hello world!Top References
|
||||
<ul>
|
||||
<li>HTML Reference</li>
|
||||
<li>CSS Reference</li>
|
||||
<li>JavaScript Reference</li>
|
||||
<li>SQL Reference</li>
|
||||
<li>Python Reference</li>
|
||||
<li>W3.CSS Reference</li>
|
||||
<li>Bootstrap Reference</li>
|
||||
<li>PHP Reference</li>
|
||||
<li>HTML Colors</li>
|
||||
<li>Java Reference</li>
|
||||
<li>Angular Reference</li>
|
||||
<li>jQuery Reference</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="content">
|
||||
|
||||
201
style.css
201
style.css
@ -16,7 +16,6 @@ Original theme, Dalton Rooney - http://madebyraygun.com
|
||||
/* @group Google Font Loader */
|
||||
/* #site-title a, #content h1.entry-title, #content h1.page-title, #content h2.entry-title, span.cap { visibility: hidden; } */
|
||||
/* .wf-active #site-title a, .wf-active #site-title a, .wf-active #content h1.entry-title, .wf-active #content h1.page-title, .wf-active #content h2.entry-title, .wf-active span.cap, .wf-inactive #site-title a, .wf-inactive #site-title a, .wf-inactive #content h1.entry-title, .wf-inactive #content h1.page-title, .wf-inactive #content h2.entry-title, .wf-inactive span.cap { visibility: visible; } */
|
||||
|
||||
/* @end */
|
||||
/* @group Reset */
|
||||
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
|
||||
@ -61,20 +60,13 @@ a img { border: none; }
|
||||
|
||||
/* Gets rid of IE's blue borders */
|
||||
/* @end */
|
||||
|
||||
/* # Width Styles ---------------------------------------------- */
|
||||
div#wrapper, div#header, #menu, div#footer
|
||||
{
|
||||
max-width: 810px;
|
||||
}
|
||||
img { max-width: 100%;}
|
||||
div#wrapper, div#header, #menu, div#footer { max-width: 810px; }
|
||||
img { max-width: 100%; }
|
||||
|
||||
/* # Typography ---------------------------------------------- */
|
||||
|
||||
/* ## Serif */
|
||||
|
||||
body { font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; }
|
||||
|
||||
span.dropcap,
|
||||
.page #content h2,
|
||||
#site-title a,
|
||||
@ -94,7 +86,6 @@ pre.wp-block-verse,
|
||||
a#cancel-comment-reply-link { font-family: Jost, 'helvetica neue',helvetica, arial,sans-serif; }
|
||||
figcaption, input[type="submit"] { font-family: Jost, Futura; }
|
||||
|
||||
|
||||
/* @group Body ---------------------------------------------- */
|
||||
body
|
||||
{
|
||||
@ -104,11 +95,11 @@ body
|
||||
text-align: left;
|
||||
line-height: 1.3em;
|
||||
margin: 0;
|
||||
text-shadow: #fff 0 0 1px;
|
||||
/* text-shadow: #fff 0 0 1px; */
|
||||
/* for extra long words */
|
||||
-ms-word-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
/* #f1ede8 */
|
||||
/* #f1ede8 */
|
||||
}
|
||||
|
||||
div#wrapper
|
||||
@ -119,11 +110,14 @@ div#wrapper
|
||||
margin: 0 auto -40px;
|
||||
border-right: 1px solid #cccccc;
|
||||
border-left: 1px solid #cccccc;
|
||||
/*
|
||||
-moz-box-shadow: 1px 0 20px #dddddd;
|
||||
-webkit-box-shadow: 1px 0 20px #dddddd;
|
||||
box-shadow: 1px 0 20px #dddddd;
|
||||
/* overflow: hidden; */
|
||||
*/
|
||||
/* overflow: hidden; */
|
||||
padding-top: 20px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6
|
||||
@ -163,7 +157,6 @@ blockquote
|
||||
}
|
||||
|
||||
cite { font-style: italic; }
|
||||
|
||||
hr { margin: 20px 0; }
|
||||
|
||||
#content table
|
||||
@ -205,12 +198,18 @@ hr { margin: 20px 0; }
|
||||
{
|
||||
margin: 20px 0;
|
||||
padding: 10px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
/*
|
||||
background-color: #fdfdfd;
|
||||
border: 1px solid #eeeeee;
|
||||
*/
|
||||
}
|
||||
|
||||
#content pre:hover {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#content address
|
||||
{
|
||||
font-style: italic;
|
||||
@ -321,11 +320,8 @@ p.wp-caption-text
|
||||
.page-link a:hover { color: #aaa; }
|
||||
.alignnone { margin: 20px 0; }
|
||||
|
||||
|
||||
/* fix the height for these alignments */
|
||||
.alignleft img, .alignright img, .aligncenter img, .alignwide img, .alignfull img {
|
||||
height: auto !important;
|
||||
}
|
||||
.alignleft img, .alignright img, .aligncenter img, .alignwide img, .alignfull img { height: auto !important; }
|
||||
|
||||
.aligncenter
|
||||
{
|
||||
@ -354,22 +350,12 @@ p.wp-caption-text
|
||||
}
|
||||
|
||||
/* Remove excess padding for the wide/full alignment */
|
||||
.wp-block-cover.alignwide, .wp-block-cover.alignfull {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.wp-block-cover.alignwide, .wp-block-cover.alignfull { padding: 0px !important; }
|
||||
|
||||
/* To fix inherited width attribute */
|
||||
.wp-block-cover {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
.alignwide figcaption {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.alignfull figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.wp-block-cover { width: inherit; }
|
||||
.alignwide figcaption { padding-left: 80px; }
|
||||
.alignfull figcaption { text-align: center; }
|
||||
|
||||
.alignfull
|
||||
{
|
||||
@ -382,14 +368,8 @@ p.wp-caption-text
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
figcaption
|
||||
{
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.wp-block-columns.alignfull {
|
||||
background: #fff;
|
||||
}
|
||||
figcaption { font-size: 0.75em; }
|
||||
.wp-block-columns.alignfull { background: #fff; }
|
||||
|
||||
.wp-caption
|
||||
{
|
||||
@ -410,7 +390,6 @@ br.clear
|
||||
|
||||
/* Use this br class to clear your floated columns */
|
||||
/* @end */
|
||||
|
||||
/* @group Header ---------------------------------------------- */
|
||||
div#header
|
||||
{
|
||||
@ -425,7 +404,7 @@ div#header
|
||||
{
|
||||
margin: 40px 0 20px 0;
|
||||
text-align: center;
|
||||
padding-top: 30px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#site-title a
|
||||
@ -454,10 +433,12 @@ div#footer
|
||||
border-top: 1px solid #dddddd;
|
||||
border-right: 1px solid #cccccc;
|
||||
border-left: 1px solid #cccccc;
|
||||
/*
|
||||
-moz-box-shadow: 1px 4 20px #dddddd;
|
||||
-webkit-box-shadow: 1px 4 20px #dddddd;
|
||||
box-shadow: 1px 4 20px #dddddd;
|
||||
overflow: hidden;
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#footer p.credits
|
||||
@ -561,9 +542,7 @@ input#searchsubmit:hover
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.blocks-gallery-item {
|
||||
margin: 0px !important;
|
||||
}
|
||||
.blocks-gallery-item { margin: 0px !important; }
|
||||
|
||||
/* @end */
|
||||
/* @group Comments ---------------------------------------------- */
|
||||
@ -722,7 +701,6 @@ h3#reply-title { margin: 18px 0; }
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group Menu ---------------------------------------------- */
|
||||
/* Header Menu Styles */
|
||||
#menu
|
||||
@ -730,9 +708,11 @@ h3#reply-title { margin: 18px 0; }
|
||||
margin: 0 auto;
|
||||
border-right: 1px solid #cccccc;
|
||||
border-left: 1px solid #cccccc;
|
||||
/*
|
||||
-moz-box-shadow: 1px 4 20px #dddddd;
|
||||
-webkit-box-shadow: 1px 4 20px #dddddd;
|
||||
box-shadow: 1px 4 20px #dddddd;
|
||||
*/
|
||||
}
|
||||
|
||||
#menu div.menu, #menu div.melville_footer_menu
|
||||
@ -778,7 +758,6 @@ h3#reply-title { margin: 18px 0; }
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
|
||||
/* Footer Menu Styles */
|
||||
.melville_header_menu ul
|
||||
{
|
||||
@ -800,11 +779,12 @@ h3#reply-title { margin: 18px 0; }
|
||||
}
|
||||
|
||||
.melville_header_menu li a { text-decoration: none; }
|
||||
.melville_header_menu li:hover ul
|
||||
{
|
||||
display: block;
|
||||
z-index: 10;
|
||||
padding: 0 10px;
|
||||
|
||||
.melville_header_menu li:hover ul
|
||||
{
|
||||
display: block;
|
||||
z-index: 10;
|
||||
padding: 0 10px;
|
||||
border-top: 1px solid;
|
||||
}
|
||||
|
||||
@ -826,15 +806,13 @@ h3#reply-title { margin: 18px 0; }
|
||||
}
|
||||
|
||||
/* # Gutenberg Blocks ---------------------------------------------- */
|
||||
|
||||
|
||||
#content pre.wp-block-verse
|
||||
{
|
||||
line-height: 1.5em;
|
||||
color: #222222;
|
||||
padding: 50px;
|
||||
text-shadow: none;
|
||||
/* Not sure about this idea yet...
|
||||
/* Not sure about this idea yet...
|
||||
background: #d5b78b94;
|
||||
border-radius: 20px 75px;
|
||||
*/
|
||||
@ -849,9 +827,7 @@ p.has-drop-cap:not(:focus):first-letter
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* # Widget Areas ---------------------------------------------- */
|
||||
|
||||
.widget-area { width: 30%; }
|
||||
|
||||
.widget-area ul
|
||||
@ -1003,7 +979,6 @@ p.has-drop-cap:not(:focus):first-letter
|
||||
}
|
||||
|
||||
/* # Possibly Obsolete */
|
||||
|
||||
.headerLine
|
||||
{
|
||||
border-bottom: 0.5px #bbbbbb;
|
||||
@ -1012,8 +987,8 @@ p.has-drop-cap:not(:focus):first-letter
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
|
||||
.sticky {
|
||||
.sticky
|
||||
{
|
||||
background: #c3dce8;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@ -1023,5 +998,105 @@ p.has-drop-cap:not(:focus):first-letter
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
*/
|
||||
@media screen and (prefers-color-scheme: dark)
|
||||
{
|
||||
|
||||
/* https://www.schemecolor.com/pure-coffee.php */
|
||||
/* Text Colors */
|
||||
body,
|
||||
#content h1.entry-title,
|
||||
#content h1.page-title,
|
||||
#content h2.entry-title,
|
||||
.page #content h2,
|
||||
.entry-title a,
|
||||
.page-title a,
|
||||
#site-title a,
|
||||
input#searchsubmit:hover,
|
||||
#commentform input#submit:hover,
|
||||
#menu div.menu li a,
|
||||
#menu div.melville_footer_menu li a,
|
||||
h3#reply-title, h3#comments-title,
|
||||
.melville_header_menu li a { color: #e6d6c8; }
|
||||
|
||||
#menu div.menu li a:hover,
|
||||
#menu div.melville_footer_menu li a:hover,
|
||||
#menu div.menu ul li.current_page_item a,
|
||||
#menu div.melville_footer_menu ul li.current_page_item a,
|
||||
#content ins,
|
||||
.page-link a:link,
|
||||
.page-link a:visited { color: #482b29; }
|
||||
|
||||
#content pre.wp-block-verse,
|
||||
.widget-title,
|
||||
#wp-calendar caption { color: #f0e3b4; }
|
||||
|
||||
#wp-calendar tbody, .page-link a:hover { color: #aaa; }
|
||||
a, div#header, input#s,
|
||||
input#searchsubmit,
|
||||
#commentform input,
|
||||
#commentform textarea,#respond label,
|
||||
#respond
|
||||
.form-allowed-tags { color: #CB997C; }
|
||||
#content tr th, #content thead th, #content .gallery .gallery-caption { color: #888; }
|
||||
#respond .required, .widget_rss a.rsswidget:hover { color: #ff4b33; }
|
||||
.widget_rss a.rsswidget { color: #000; }
|
||||
a:hover { color: #9d581f; }
|
||||
|
||||
|
||||
/* Background Colors */
|
||||
body, .melville_header_menu ul ul { background: #241f20; }
|
||||
div#wrapper, div#footer { background-color: #1e1c16;}
|
||||
.sticky { background: #724444; }
|
||||
#content ins, #wp-calendar tbody td { background: #3a2f2f; }
|
||||
.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; }
|
||||
#menu div.menu, #menu div.melville_footer_menu
|
||||
{
|
||||
background-color: #67554F;}
|
||||
|
||||
/* Border Colors */
|
||||
div#wrapper
|
||||
{
|
||||
border-right: 1px solid #cccccc;
|
||||
border-left: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
#content table, #content tr td { border: 1px solid #e7e7e7; }
|
||||
#content tr.odd td { background: #fafafa; }
|
||||
#content abbr, #content acronym { border-bottom: 1px dotted #ccc; }
|
||||
.home .sticky .page-link a { background: #d9e8f7; }
|
||||
.wp-block-columns.alignfull { background: #fff; }
|
||||
|
||||
div#footer
|
||||
{
|
||||
border-top: 1px solid #dddddd;
|
||||
border-right: 1px solid #cccccc;
|
||||
border-left: 1px solid #cccccc;
|
||||
/* box-shadow: 1px 4 20px #dddddd; */
|
||||
}
|
||||
|
||||
input#s, #content .gallery img, #commentform input, #commentform textarea { border-color: #dddddd; }
|
||||
input#searchsubmit:hover { border-color: #aaaaaa; }
|
||||
|
||||
|
||||
#commentform input#submit:hover { border-color: #aaaaaa; }
|
||||
|
||||
#menu div.menu, #menu div.melville_footer_menu
|
||||
{
|
||||
border-bottom-color: #bbb;
|
||||
border-top-color: #bbb;
|
||||
}
|
||||
|
||||
#menu div.menu ul, #menu div.melville_footer_menu ul { border-bottom: 1px solid #dddddd; }
|
||||
|
||||
#wp-calendar tbody td
|
||||
{
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.headerLine { border-bottom: 0.5px #bbbbbb; }
|
||||
}
|
||||
|
||||
/* media */
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user