Added blog styles, fixed some html to use them

diff --git a/root/archive.php b/root/archive.php
index 6b5c82a..c32961b 100644 (file)
--- a/root/archive.php
+++ b/root/archive.php
@@ -6,7 +6,7 @@
     <div class="row">
         <div id="blog-posts-over" class="small-12 medium-9 columns">
             <?php if(have_posts()) : while(have_posts()): the_post();?>
-            <div class="row content blog-post-container">
+            <div class="row content blog-posts-container">
                 <div class="small-11 small-centered columns">
                     <article id="<?php the_ID()?>" <?php post_class()?>>
                         <header class="entry-header">

diff --git a/root/functions.php b/root/functions.php
index 262a49a..9765bde 100644 (file)
--- a/root/functions.php
+++ b/root/functions.php
@@ -137,11 +137,12 @@ function glm_get_header() {
 
     if (has_post_thumbnail()) {
             $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full");
-            echo ' style="background-image: url('.$image_data[0].');height:0;padding:0;padding-bottom:20%;background-position:center center;background-size: 100%;background-repeat:no-repeat;';
+            echo ' style="background-image: url('.$image_data[0].');height:0;padding:0;padding-bottom:20%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 300px; "';
     } else {
-            echo ' style="background-image: url('.get_template_directory_uri().'/assets/default-header.gif);height:0;padding:0;padding-bottom:30%;background-position:center center;background-size: 100%;background-repeat:no-repeat;';
+            //echo ' style="background-image: url('.get_template_directory_uri().'/assets/default-header.gif);height:0;padding:0;padding-bottom:30%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 300px;"';
+            echo ' class="no-featured"';
     }
-    echo 'max-height: 300px; ">';
+    echo '>';
     echo '</div>';
     echo '<div class="row">';
     echo '<div class="small-12 columns">';

diff --git a/root/home.php b/root/home.php
index 6a3bd51..32ef1d6 100644 (file)
--- a/root/home.php
+++ b/root/home.php
@@ -6,7 +6,7 @@
     <div class="row">
         <div id="blog-posts-over" class="small-12 medium-9 columns">
             <?php if(have_posts()) : while(have_posts()): the_post();?>
-            <div class="row content blog-post-container">
+            <div class="row content blog-posts-container">
                 <div class="small-11 small-centered columns">
                     <article id="<?php the_ID()?>" <?php post_class()?>>
                         <header class="entry-header">

diff --git a/root/scss/_blog.scss b/root/scss/_blog.scss
index 1cb7afa..006ce89 100644 (file)
--- a/root/scss/_blog.scss
+++ b/root/scss/_blog.scss
@@ -85,4 +85,108 @@
             }
         }
     }
+}
+.home-feed-post {
+    padding-bottom: 25px;
+    @media #{$small-only} {
+        > * {
+            text-align: center;
+        }
+    }
+}
+input[type="submit"].blogbutton {
+    border-radius: 3px;
+    color: $white;
+    border: 2px solid $white;
+    font-weight: bold;
+    font-size: 13px;
+    padding: 2px 5px;
+    margin-top: -10px;
+    text-transform: uppercase;
+    &:hover {
+        cursor: pointer;
+        background: $white;
+        border: 2px solid #035C84;
+        color:  white;
+    }
+}
+#blog-posts-over article {
+    padding-top: 10px;
+    margin-bottom: 15px;
+    display: inline-block;
+    width: 100%;
+    .entry-header {
+        background: transparent;
+    }
+    p {
+        padding-bottom: 15px;
+    }
+    a.read-more {
+        border: 2px solid $white;
+        font-weight: bold;
+        font-size: 13px;
+        padding: 0 3px;
+        text-transform: uppercase;
+        &:hover {
+            background: $white;
+            border: 2px solid #035C84;
+            color: #035C84;
+        }
+    }
+     .entry-header {
+        margin-bottom: 10px;
+        .entry-title {
+            margin-bottom: 0;
+        }
+        .meta.date {
+            font-size: 13px;
+            font-weight: bold;
+        }
+    }
+}
+/*#searchform div input &[type="text"] {
+    width: 95%;
+}*/
+#blog-posts-over .entry-meta {
+    text-align: center;
+    color: #757575;
+    font-size: 12px;
+}
+#blog-posts-over > div {
+    margin: 25px 0;
+}
+#blog-side-info {
+    #searchform {
+        margin-bottom: 30px;
+    }
+    p {
+        margin-bottom: 0;
+    }
+}
+@media #{$small-only} {
+    #blog-side-info-wrapper {
+        float: none;
+        margin: 0 auto;
+        clear: both;
+    }
+    #blog-side-info {
+        padding-left: 0;
+        border-left: 0;
+        ul {
+            margin-left: 0;
+            margin-top:10px;
+        }
+        #searchform {
+            padding: 35px 0;
+            #s {
+                width: 100%;
+            }
+        }
+    }
+}
+#blog-side-info {
+    padding-right: 10px;
+    ul {
+        list-style-type: none;
+    }
 }
\ No newline at end of file

diff --git a/root/scss/_wordpress.scss b/root/scss/_wordpress.scss
index 8f04c0e..68382c4 100644 (file)
--- a/root/scss/_wordpress.scss
+++ b/root/scss/_wordpress.scss
@@ -201,9 +201,10 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
 }
 .content {
     background: #fff;
-    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
+/*    -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: 5px 5px 10px 0px rgba(0,0,0,0.75);*/
+    box-shadow: 3px 3px 8px -1px darkgrey;
 }
 #searchform_container {
     margin-top: 20px;