More styling of the blog.

diff --git a/archive.php b/archive.php
index 47d91e5..d3043fa 100644 (file)
--- a/archive.php
+++ b/archive.php
@@ -1,8 +1,4 @@
 <?php get_header(); ?>
-<main class="blog-archive">
-    <article <?php post_class() ?> id="interior">
-        <?php GLM_get_header(); ?>
-    </article>
     <div class="row">
         <div id="blog-posts-over" class="small-12 medium-9 columns">
             <?php if(have_posts()) : while(have_posts()): the_post();?>

diff --git a/css/appblog.css b/css/appblog.css
index efe3f69..b7d6a38 100644 (file)
--- a/css/appblog.css
+++ b/css/appblog.css
@@ -76,6 +76,191 @@ input[type="submit"].blogbutton {
   padding-right: 10px; }
   #blog-side-info ul {
     list-style-type: none; }
+    #blog-side-info ul li {
+      margin: 10px 0; }
 
 footer.entry-meta {
   background-color: #FFFFFF; }
+
+img.aligncenter {
+  display: block;
+  clear: both;
+  float: none;
+  padding: 0;
+  margin-left: auto;
+  margin-right: auto; }
+
+img.alignright {
+  padding: 0;
+  margin: 0 0 6px 11px;
+  display: inline; }
+
+blockquote.alignleft, img.alignleft, .wp-caption.alignleft {
+  margin: 0.4375rem 2.1875rem 0.4375rem 0; }
+
+blockquote.alignright, img.alignright, .wp-caption.alignright {
+  margin: 0.4375rem 0 0.4375rem 2.1875rem; }
+
+img.alignleft {
+  padding: 0;
+  display: inline; }
+
+img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption img {
+  border: 1px solid #555555; }
+
+.alignright {
+  float: right; }
+
+.alignnone {
+  float: none; }
+
+.alignleft {
+  float: left; }
+
+.wp-caption {
+  background: #555555;
+  width: auto; }
+
+.wp-caption-text {
+  font-family: Open Sans, sans-serif;
+  font-size: 9px;
+  color: #FFFFFF;
+  font-style: italic;
+  margin: 0;
+  padding: 0 5px; }
+
+.gallery-one-title {
+  height: 45px;
+  font-size: 0.8em;
+  text-align: center;
+  font-family: sans-serif;
+  padding: 5px; }
+
+.gallery-holder {
+  margin: 10px 0 20px 0; }
+
+@media 0em, 40em {
+  img.alignright, img.alignleft, img.aligncenter {
+    width: 70% !important;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    float: none;
+    text-align: center; }
+  div.wp-caption.alignright, div.wp-caption.alignleft {
+    width: 44% !important;
+    margin-left: auto;
+    margin-right: auto;
+    float: none;
+    text-align: center; }
+  div.wp-caption.aligncenter {
+    width: 85% !important;
+    margin-left: auto;
+    margin-right: auto;
+    float: none;
+    text-align: center; }
+  div.wp-caption.alignnone {
+    width: 85% !important;
+    float: none; }
+  div.wp-caption.alignright, div.wp-caption.alignleft, div.wp-caption.aligncenter {
+    width: 100%; } }
+
+@media 40.063em, 64em {
+  img.aligncenter, img.alignnone {
+    width: 70% !important;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    float: none;
+    text-align: center; }
+  div.wp-caption.aligncenter {
+    width: 74% !important;
+    margin-left: auto;
+    margin-right: auto;
+    float: none;
+    text-align: center; }
+  div.wp-caption.aligncenter {
+    width: 100%; }
+  div.wp-caption.alignnone {
+    width: 73% !important;
+    float: none; } }
+
+.wp-caption {
+  max-width: 100%;
+  margin: 10px 20px;
+  padding: 5px;
+  background-color: #f3f3f3;
+  border: 1px solid #ddd;
+  text-align: center; }
+  .wp-caption img {
+    width: 100%; }
+  .wp-caption p.wp-caption-text {
+    padding: 5px;
+    width: 100%;
+    margin: 0;
+    color: black;
+    font-size: 12px; }
+  .wp-caption.aligncenter {
+    margin: 10px auto; }
+
+@media only screen and (max-width: 40em) {
+  #blog-posts-over {
+    padding: 0 !important;
+    margin: 0 !important; } }
+
+.blog-posts-container {
+  margin: 30px 0 30px; }
+  .blog-posts-container embed, .blog-posts-container iframe, .blog-posts-container object, .blog-posts-container video {
+    max-width: 100%; }
+  .blog-posts-container a {
+    text-decoration: none; }
+  .blog-posts-container header.entry-header h2.entry-title a {
+    color: #222;
+    margin-left: 0; }
+  .blog-posts-container .wp-caption .wp-caption-text, .blog-posts-container .gallery-caption, .blog-posts-container .entry-caption {
+    overflow: hidden;
+    color: #757575;
+    font-size: 0.857143rem;
+    font-style: italic;
+    line-height: 2; }
+  .blog-posts-container .date {
+    font-size: 12px; }
+  .blog-posts-container footer.entry-meta {
+    color: #757575;
+    font-size: 0.928571rem;
+    line-height: 1.84615;
+    margin-top: 1.71429rem;
+    clear: both;
+    float: none;
+    margin-right: auto; }
+  .blog-posts-container footer {
+    background: none;
+    clear: both;
+    padding: 15px 0 0;
+    position: relative;
+    text-align: center; }
+
+#content-wrapper h1, #content-wrapper h2, #content-wrapper h3, #content-wrapper h4, #content-wrapper h5, #content-wrapper h6 {
+  clear: both; }
+
+.content {
+  background: #fff;
+  /*    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
+    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
+    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);*/
+  box-shadow: 3px 3px 8px -1px darkgrey; }
+
+#searchform_container {
+  margin-top: 20px; }
+
+#searchform {
+  max-width: 100%;
+  text-align: center; }
+
+#blog-side-info {
+  border-left: 1px solid grey;
+  margin-top: 30px;
+  padding-left: 20px; }
+  @media only screen and (max-width: 40em) {
+    #blog-side-info {
+      text-align: center; } }

diff --git a/header.php b/header.php
index 8b1481f..2e9de38 100644 (file)
--- a/header.php
+++ b/header.php
@@ -73,9 +73,7 @@
                 </div>
             </div>
             <ul class="breadcrumbs opensearchserver.ignore">
-                <li><a href="http://www.keweenaw.info/index.php">Home</a> </li>
-                <li> <a href="http://www.keweenaw.info/about-us-41/">About Us</a> </li>
-                <li> Contact</li>
+                <?php get_template_part('parts/breadcrumbs');?>
             </ul>
             <!-- Content -->
             <div class="row collapse" id="main">

diff --git a/parts/bread-crumbs.php b/parts/bread-crumbs.php
index 7603ea0..ecc7b20 100644 (file)
--- a/parts/bread-crumbs.php
+++ b/parts/bread-crumbs.php
@@ -1,7 +1,7 @@
-<?php if(function_exists('bcn_display') && !is_front_page())
+<?php if(function_exists('bcn_display'))
 {
-    echo "<div class=\"breadcrumbs\">";
+    //echo "<ul class=\"breadcrumbs\">";
     bcn_display();
-    echo "</div>";
+    //echo "</ul>";
 }
 ?>

diff --git a/scss/_blog.scss b/scss/_blog.scss
index 88600b2..3e362ad 100644 (file)
--- a/scss/_blog.scss
+++ b/scss/_blog.scss
@@ -92,6 +92,10 @@ input[type="submit"].blogbutton {
     padding-right: 10px;
     ul {
         list-style-type: none;
+
+        li {
+            margin: 10px 0;
+        }
     }
 }
 footer.entry-meta {

diff --git a/scss/_wordpress.scss b/scss/_wordpress.scss
index 0edb5a7..8a26cf0 100644 (file)
--- a/scss/_wordpress.scss
+++ b/scss/_wordpress.scss
@@ -219,7 +219,6 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im
     text-align: center;
     div {
         input.blogbutton {
-            @include gradient(#1999ce, #107098);
         }
     }
 }

diff --git a/scss/app.scss b/scss/app.scss
index 8abfed3..5a47c53 100644 (file)
--- a/scss/app.scss
+++ b/scss/app.scss
@@ -1,3 +1,3 @@
 @import "settings";
 @import "blog";
-
+@import "wordpress";

diff --git a/search.php b/search.php
index 4a7bfa8..bc54287 100644 (file)
--- a/search.php
+++ b/search.php
@@ -1,12 +1,11 @@
 <?php get_header(); ?>
-<main class="search-results">
     <div class="row">
         <?php if (get_search_query() == "") { ?>
         <br><h2 class="search-result-header small-12 columns">Please enter a query in the search box. </h2>
         <?php } else { ?>
         <br><h2 class="search-result-header small-12 columns">Search Results for "<?php echo get_search_query(); ?>"</h2>
     </div>
-    
+
     <div class="row">
         <div id="blog-posts-over" class="small-12 medium-9 columns">
             <?php if(have_posts()) : while(have_posts()): the_post();?>
@@ -109,7 +108,7 @@
             <div id="blog-side-info">
                 <form id="searchform" action="<?php bloginfo('url'); ?>" method="get">
                     <div><input id="s" class="text" type="text" name="s" value="" />
-                    <input class="submit blogbutton" type="submit" name="submit" value="Search" />
+                    <input class="submit button" type="submit" name="submit" value="Search" />
                     <input type="hidden" name="searchType" value="blog" /> </div>
                 </form>
                 <p>Recent Posts</p>

diff --git a/single.php b/single.php
index 544afa5..0f9b411 100644 (file)
--- a/single.php
+++ b/single.php
@@ -1,5 +1,4 @@
 <?php get_header(); ?>
-<main class="blog-single">
     <div class="row">
         <div id="blog-posts-over" class="small-12 medium-9 columns">
             <?php if(have_posts()) : while(have_posts()): the_post();?>