moved arl_kottke_archives plugin into the archives.php file

comment functions updated to current 2010, now working
added in popdown menu with widgets and darkmode styling
2021-07-26 08:53:29 -04:00 · 2021-07-26 08:43:56 -04:00 · 2020-12-21 17:06:16 -05:00 · 2020-12-19 19:44:05 -05:00 · 2020-11-25 20:49:21 -05:00 · 2020-11-19 21:16:02 -05:00
5 changed files with 509 additions and 126 deletions
--- a/archives.php
+++ b/archives.php
@ -29,4 +29,72 @@ get_header(); ?>

 <?php endwhile; // end of the loop. ?>

-<?php get_footer(); ?>
+<?php get_footer(); 
+
+function arl_kottke_archives($month_separator = ' ', $month_format = 'M')
+{
+
+/*
+
+This function was originally a plugin, GPL2, information below:
+
+Plugin Name: Kottke Style Archive
+Version: 0.3
+Plugin URI: http://www.lattimore.id.au/projects/wordpress/plugins/kottke-style-archives/
+Author: Alistair Lattimore
+Author URI: http://www.lattimore.id.au
+Description: Displays an archive of posts in the same style to http://www.kottke.org/everfresh.
+*/
+
+
+
+	global $wpdb;
+	$output = "";
+	$year = "";
+
+	$sql = "SELECT DATE_FORMAT(post_date, '%Y') AS Year, ";
+	$sql .= "DATE_FORMAT(post_date, '%m') AS Month ";
+	$sql .= "FROM $wpdb->posts ";
+	$sql .= "WHERE DATE_FORMAT(post_date, '%Y') <> '0000'";
+	$sql .= " AND post_status = 'publish'";
+	$sql .= " AND post_type = 'post' ";
+	$sql .= "GROUP BY DATE_FORMAT(post_date, '%Y'), DATE_FORMAT(post_date, '%m') ";
+	$sql .= "ORDER BY DATE_FORMAT(post_date, '%Y') DESC, DATE_FORMAT(post_date, '%m') ASC;";
+
+	$months = $wpdb->get_results($sql);
+
+	if (!empty($months))
+	{
+		foreach ($months as $month)
+		{
+			// Add in the year heading
+			if (($year == "") || ($year != $month->Year))
+			{
+				if (strlen($output))
+				{
+					$output .= "<br />\n<strong>" . $month->Year . ":</strong>&nbsp;";
+				}
+				else
+				{
+					$output .= "\n<strong>" . $month->Year . ":</strong>&nbsp;";
+				}
+			}
+
+			// Add in the monthly archive links
+			if ($year == $month->Year)
+				$output .= $month_separator;
+
+			$output .= '<a href="' . get_month_link($month->Year, $month->Month) . '">' . date($month_format, mktime(0, 0, 0, $month->Month, 1, $month->Year)) . '</a>';
+
+			$year = $month->Year;
+		}
+	}
+	else
+	{
+		$output = "<p>None available</p>\n";
+	}
+
+	print $output;
+}
+
+?>
--- a/functions.php
+++ b/functions.php
@ -8,14 +8,10 @@

 function melville_theme_styles(){
 	wp_enqueue_style( 'style', get_stylesheet_uri() );
+	wp_enqueue_script('jquery');
 }
 add_action( 'wp_enqueue_scripts', 'melville_theme_styles' );

-//include 'plugins/drop-caps/wp_drop_caps.php';
-if (!function_exists('arl_kottke_archives')) {
-	include 'plugins/arl_kottke_archives.php';
-}
-
 /**
 * Set the content width based on the theme's design and stylesheet.
 *
@ -66,7 +62,8 @@ function melville_setup() {
 	// This theme uses wp_nav_menu() in one locations.
 	register_nav_menus( array(
    'header-menu' => __( 'Header Menu', 'twentyten'),
-		'footer-menu' => __( 'Footer Menu', 'twentyten' )
+		'footer-menu' => __( 'Footer Menu', 'twentyten' ),
+		'slidedown-menu' => __( 'SlideDown Menu', 'twentyten' )
 	) );
 }
 endif;
@ -154,59 +151,92 @@ function melville_remove_gallery_css( $css ) {
 add_filter( 'gallery_style', 'melville_remove_gallery_css' );

 if ( ! function_exists( 'melville_comment' ) ) :
-/**
- * Template for comments and pingbacks.
- *
- * To override this walker in a child theme without modifying the comments template
- * simply create your own twentyten_comment(), and that function will be used instead.
- *
- * Used as a callback by wp_list_comments() for displaying the comments.
- *
- * @since Twenty Ten 1.0
- */
-function melville_comment( $comment, $args, $depth ) {
-	$GLOBALS['comment'] = $comment;
-	switch ( $comment->comment_type ) :
-		case '' :
-	?>
-	<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
+	/**
+	 * Template for comments and pingbacks.
+	 *
+	 * To override this walker in a child theme without modifying the comments template
+	 * simply create your own twentyten_comment(), and that function will be used instead.
+	 *
+	 * Used as a callback by wp_list_comments() for displaying the comments.
+	 *
+	 * @since Twenty Ten 1.0
+	 *
+	 * @param WP_Comment $comment The comment object.
+	 * @param array      $args    An array of arguments. @see get_comment_reply_link()
+	 * @param int        $depth   The depth of the comment.
+	 */
+	function melville_comment( $comment, $args, $depth ) {
+		$GLOBALS['comment'] = $comment;
+		switch ( $comment->comment_type ) :
+			case '':
+			case 'comment':
+				?>
+		<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
 		<div id="comment-<?php comment_ID(); ?>">
-		<div class="comment-author vcard">
-			<?php echo get_avatar( $comment, 40 ); ?>
-			<?php printf( __( '%s <span class="says">said:</span>', 'twentyten' ), sprintf( '<cite class="fn">%s</cite>', get_comment_author_link() ) ); ?>
-		</div><!-- .comment-author .vcard -->
-		<?php if ( $comment->comment_approved == '0' ) : ?>
-			<em><?php _e( 'Your comment is awaiting moderation.', 'twentyten' ); ?></em>
+			<div class="comment-author vcard">
+				<?php echo get_avatar( $comment, 40 ); ?>
+				<?php
+				/* translators: %s: Author display name. */
+				printf( __( '%s <span class="says">says:</span>', 'twentyten' ), sprintf( '<cite class="fn">%s</cite>', get_comment_author_link() ) );
+				?>
+			</div><!-- .comment-author .vcard -->
+
+				<?php
+				$commenter = wp_get_current_commenter();
+				if ( $commenter['comment_author_email'] ) {
+					$moderation_note = __( 'Your comment is awaiting moderation.', 'twentyten' );
+				} else {
+					$moderation_note = __( 'Your comment is awaiting moderation. This is a preview; your comment will be visible after it has been approved.', 'twentyten' );
+				}
+				?>
+
+				<?php if ( '0' == $comment->comment_approved ) : ?>
+			<em class="comment-awaiting-moderation"><?php echo $moderation_note; ?></em>
 			<br />
-		<?php endif; ?>
+			<?php endif; ?>

-		<div class="comment-meta commentmetadata"><a href="<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>">
-			<?php
-				/* translators: 1: date, 2: time */
-				printf( __( '%1$s', 'twentyten' ), get_comment_date(),  get_comment_time() ); ?></a><?php edit_comment_link( __( '(Edit)', 'twentyten' ), ' ' );
-			?>
-		</div><!-- .comment-meta .commentmetadata -->
+			<div class="comment-meta commentmetadata"><a href="<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>">
+				<?php
+					/* translators: 1: Date, 2: Time. */
+					printf( __( '%1$s at %2$s', 'twentyten' ), get_comment_date(), get_comment_time() );
+				?>
+					</a>
+					<?php
+					edit_comment_link( __( '(Edit)', 'twentyten' ), ' ' );
+					?>
+				</div><!-- .comment-meta .commentmetadata -->

-		<div class="comment-body"><?php comment_text(); ?></div>
+				<div class="comment-body"><?php comment_text(); ?></div>

-		<div class="reply">
-			<?php comment_reply_link( array_merge( $args, array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
-		</div><!-- .reply -->
-	</div><!-- #comment-##  -->
+				<div class="reply">
+				<?php
+				comment_reply_link(
+					array_merge(
+						$args,
+						array(
+							'depth'     => $depth,
+							'max_depth' => $args['max_depth'],
+						)
+					)
+				);
+				?>
+				</div><!-- .reply -->
+			</div><!-- #comment-##  -->

-	<?php
-			break;
-		case 'pingback'  :
-		case 'trackback' :
-	?>
-	<li class="post pingback">
-		<p><?php _e( 'Pingback:', 'twentyten' ); ?> <?php comment_author_link(); ?><?php edit_comment_link( __('(Edit)', 'twentyten'), ' ' ); ?></p>
-	<?php
-			break;
-	endswitch;
-}
+				<?php
+				break;
+			case 'pingback':
+			case 'trackback':
+				?>
+		<li class="post pingback">
+		<p><?php _e( 'Pingback:', 'twentyten' ); ?> <?php comment_author_link(); ?><?php edit_comment_link( __( '(Edit)', 'twentyten' ), ' ' ); ?></p>
+				<?php
+				break;
+		endswitch;
+	}
 endif;

+
 /**
 * Removes the default styles that are packaged with the Recent Comments widget.
 *
@ -376,6 +406,39 @@ function melville_widgets_init() {
 			'after_title'   => '</h3>',
 		)
 	);
+	
+	
+	
+	// Area 5, located in the popout. Empty by default.
+	register_sidebar(
+		array(
+			'name'          => __( 'First Slidedown Widget Area', 'twentyten' ),
+			'id'            => 'first-slidedown-widget-area',
+			'description'   => __( 'An optional widget area for your site sidedown.', 'twentyten' ),
+			'before_widget' => '<div id="%1$s" class="slidedown-widget-container %2$s">',
+			'after_widget'  => '</div>',
+			'before_title'  => '<h3 class="slidedown-widget-title">',
+			'after_title'   => '</h3>',
+		)
+	);
+	
+	
+	// Area 6, located in the popout. Empty by default.
+	register_sidebar(
+		array(
+			'name'          => __( 'Second Slidedown Widget Area', 'twentyten' ),
+			'id'            => 'second-slidedown-widget-area',
+			'description'   => __( 'An optional widget area for your site slidedown.', 'twentyten' ),
+			'before_widget' => '<div id="%1$s" class="slidedown-widget-container %2$s">',
+			'after_widget'  => '</div>',
+			'before_title'  => '<h3 class="slidedown-widget-title">',
+			'after_title'   => '</h3>',
+		)
+	);
+	
+	
+	
+	
 }
 /** Register sidebars by running twentyten_widgets_init() on the widgets_init hook. */
 add_action( 'widgets_init', 'melville_widgets_init' );
--- a/header.php
+++ b/header.php
@ -33,6 +33,80 @@
    </script>
 <noscript><link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/noscript.css" /></noscript>
 -->
+ 
+
+
+<style>
+
+#panel
+{
+	/* color: black; */
+	text-align: left;
+/* 	background-color: #9BC8E8; */
+	  background-color: #e5eecc;
+	border: solid 1px #c3c3c3;
+	/*   column-count: 4; */
+	padding: 20px;
+	display: none;
+	margin: 0 0 20px 0;
+}
+
+#panel a {
+
+/* color:black; */
+}
+
+.bar1, .bar2, .bar3 {
+  width: 35px;
+  height: 5px;
+  background-color: #777;
+  margin: 6px 0;
+  transition: 0.4s;
+}
+
+.change .bar1 {
+  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
+  transform: rotate(-45deg) translate(-9px, 6px);
+}
+
+.change .bar2 {opacity: 0;}
+
+.change .bar3 {
+  -webkit-transform: rotate(45deg) translate(-8px, -8px);
+  transform: rotate(45deg) translate(-8px, -8px);
+}
+
+#flip {
+margin: -40px 0 0 90%;
+}
+
+#slidedown-widget-area { margin: 20px; }
+.slidedown-widget-container {}
+
+div#slidedown-widget-area input#s {
+
+	width: 55%;
+
+}
+
+div#slidedown-widget-area input#searchsubmit { margin: 0 10px 0 20px; }
+
+.slidedown-widget-area { width: 45%;}
+
+.widget-float-left { float: left;}
+
+.widget-float-right {
+	float: right;
+}
+	h3.slidedown-widget-title {
+		font-size: 1.3em;
+	}
+
+
+
+
+</style>
+ 
 <title><?php
 	/*
 	 * Print the <title> tag based on what is being viewed.
@ -59,12 +133,21 @@
 <?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?>

 <?php wp_head();?>
+
+<script> 
+jQuery(document).ready(function(){
+  jQuery("#flip").click(function(){
+    jQuery("#panel").slideToggle();
+    jQuery("#flip").toggleClass("change");
+  });
+});
+</script>
 </head>

 <body <?php body_class(); ?>>
 <div id="wrapper">
 <?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used.  */ ?>
-  <?php wp_nav_menu( array( 'container_class' => 'melville_header_menu', 'theme_location' => 'header-menu' ) ); ?>
+

 	<div id="header">
 		<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
@ -73,5 +156,13 @@
 				</<?php echo $heading_tag; ?>>
 				<div id="site-description"><?php bloginfo( 'description' ); ?></div>
 	</div><!--#header-->
+  <div id="flip">  <div class="bar1"></div>
+  <div class="bar2"></div>
+  <div class="bar3"></div></div>
+<div id="panel">
+<?php wp_nav_menu( array( 'container_class' => 'melville_header_menu', 'theme_location' => 'slidedown-menu' ) ); ?>
+<?php get_sidebar( 'slidedown' ); ?>
+<div style="clear: both"></div>

+</div>
 <div id="content">
--- a/sidebar-slidedown.php
+++ b/sidebar-slidedown.php
@ -0,0 +1,44 @@
+<?php
+/**
+ * The popout widget areas
+ *
+ * @package WordPress
+ * @subpackage Twenty_Ten
+ * @since Twenty Ten 1.0
+ */
+?>
+
+<?php
+	/*
+	 * The footer widget area is triggered if any of the areas
+	 * have widgets. So let's check that first.
+	 *
+	 * If none of the sidebars have widgets, then let's bail early.
+	 */
+if ( ! is_active_sidebar( 'first-slidedown-widget-area' )
+		&& ! is_active_sidebar( 'second-slidedown-widget-area' )
+	) {
+	return;
+}
+	// If we get this far, we have widgets. Let do this.
+?>
+
+			<div id="slidedown-widget-area" role="complementary">
+
+<?php if ( is_active_sidebar( 'first-slidedown-widget-area' ) ) : ?>
+				<div id="first" class="widget-float-left slidedown-widget-area">
+					<div class="xoxo">
+						<?php dynamic_sidebar( 'first-slidedown-widget-area' ); ?>
+					</div>
+				</div><!-- #first .widget-area -->
+<?php endif; ?>
+
+<?php if ( is_active_sidebar( 'second-slidedown-widget-area' ) ) : ?>
+				<div id="second" class="widget-float-right slidedown-widget-area">
+					<div class="xoxo">
+						<?php dynamic_sidebar( 'second-slidedown-widget-area' ); ?>
+					</div>
+				</div><!-- #second .widget-area -->
+<?php endif; ?>
+
+			</div><!-- #footer-widget-area -->
--- a/style.css
+++ b/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;
@ -244,7 +243,7 @@ hr { margin: 20px 0; }

 div#content
 {
-	margin: 0 0 20px 0;
+	margin: 40px 0 20px 0;
 	padding: 0px 80px 0 80px;
 }

@ -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,11 +390,10 @@ br.clear

 /* Use this br class to clear your floated columns */
 /* @end */
-
 /* @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; */
@ -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,42 +758,49 @@ h3#reply-title { margin: 18px 0; }
 	color: #333333;
 }

-
 /* 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;
+	width: 24%;
+	vertical-align: top;
+	padding: 0px;
+	margin-bottom: 20px;
 }

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

 .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 { }
@ -823,18 +810,17 @@ h3#reply-title { margin: 18px 0; }
 {
 	text-align: center;
 	font-variant: small-caps;
+	margin-bottom: 50px;
 }

 /* # 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 +835,7 @@ p.has-drop-cap:not(:focus):first-letter
 }

 /* @end */
-
 /* # Widget Areas ---------------------------------------------- */
-
 .widget-area { width: 30%; }

 .widget-area ul
@ -1002,8 +986,33 @@ p.has-drop-cap:not(:focus):first-letter
 	#footer-widget-area .widget-area { width: 25%; }
 }

-/* # Possibly Obsolete  */

+@media screen and (max-width: 550px) {
+
+	.widget-float-right, .widget-float-left {
+		float: left;
+	}
+
+	.slidedown-widget-area {
+		width: 90%;
+	}
+	
+	.melville_header_menu {
+		font-size: 1.4em; 
+	}
+
+	.melville_header_menu li
+	{
+		width: 95%;
+		margin-bottom: 30px;
+	}
+
+}
+
+
+
+
+/* # Possibly Obsolete  */
 .headerLine
 {
 	border-bottom: 0.5px #bbbbbb;
@ -1012,16 +1021,124 @@ p.has-drop-cap:not(:focus):first-letter
 	margin-left: auto;
 }

-
-.sticky {
-	background: #c3dce8;
+.sticky
+{
+	/* 	background: #c3dce8; */
 	position: relative;
 	width: 100%;
 	margin: 20px -80px !important;
 	padding: 30px 80px;
 	text-shadow: none;
 	z-index: 0;
+	background-color: #E1DEE0;
 }

- */
+@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: #241f20;
+/* 	background-color: #fcfcfc;  */
+	}
+		#menu div.menu, #menu div.melville_footer_menu
+	{
+		background-color: #67554F;}
+		
+		#panel {
+			 background: #323232; 
+		}
+	
+	/* 	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  */
Author	SHA1	Message	Date
Jacob Haddon	b38064eb69	moved arl_kottke_archives plugin into the archives.php file	2021-07-26 08:53:29 -04:00
Jacob Haddon	16c13dae1d	comment functions updated to current 2010, now working	2021-07-26 08:43:56 -04:00
Jacob Haddon	3052a115a1	added in popdown menu with widgets and darkmode styling Merge branch 'popmenu'	2020-12-21 17:06:16 -05:00
Jacob Haddon	6aa0c6e211	minor corrections	2020-12-19 19:44:05 -05:00
Jacob Haddon	7afd8eca76	updated styling for moblie, fixed classes and IDs for slidedown widget areas	2020-11-25 20:49:21 -05:00
Jacob Haddon	254db6f3bf	added the sidebar php for the new widget area. lots to style now.	2020-11-19 21:16:02 -05:00
Jacob Haddon	23bb31595c	updated with new widget functions.	2020-11-19 21:15:19 -05:00
Jacob Haddon	abc5cb369d	updated menu configs and dark mode tweaks	2020-11-19 20:16:26 -05:00
Jacob Haddon	97cf9cb1a0	first additions for a pop down menu, rather than the new one at the top	2020-11-18 16:59:23 -05:00