Image captions, central swing shadow, central swing centered/limited in width, search...
authorLaury GvR <laury@gaslightmedia.com>
Thu, 1 Oct 2015 13:15:44 +0000 (09:15 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Thu, 1 Oct 2015 13:15:50 +0000 (09:15 -0400)
functions.php
parts/blog-feed-front.php
parts/blog-sidebar-r.php
scss/_blog.scss
scss/_main.scss
scss/_page.header.scss
scss/_wordpress.scss
search.php
single.php

index 49fa1cf..d1cbe48 100644 (file)
@@ -401,7 +401,4 @@ add_action('thematic_searchloop', 'mytheme_search_loop');
 //}
 //add_filter('the_content', 'custom_content');
 
-?>
-
-
-
+?>
\ No newline at end of file
index 4556186..a96932b 100644 (file)
@@ -1,5 +1,5 @@
     <?php
-    $args = array('numberposts' => 3, 'order_by' => 'date');
+    $args = array('numberposts' => 5, 'order_by' => 'date');
     $lastposts = get_posts( $args );
     if ($lastposts) { ?>
 
index 1cb0327..c1d43f2 100644 (file)
@@ -1,11 +1,11 @@
-        <div id="blog-side-info-wrapper" class="small-11 small-only-text-center medium-3 columns">
+        <div id="blog-side-info-wrapper" class="small-11 small-only-text-center medium-4 columns">
             <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 type="hidden" name="searchType" value="blog" /> </div>
                 </form>
-                <p>Recent Posts</p>
+                <h2>Recent Posts</h2>
                 <ul>
                 <?php
                         $args = array( 'numberposts' => '5' );
@@ -15,9 +15,9 @@
                         }
                 ?>
                 </ul>
-                <p>Archive</p>
+                <h2>Archive</h2>
                 <ul><?php wp_get_archives( array( 'type' => 'monthly', 'limit' => 12 ) ); ?></ul>
-                <p>Categories</p>
+                <h2>Categories</h2>
                 <ul>
                     <?php
                     $args = array(
index 3e608c2..2ed56ef 100644 (file)
         }
     }
 }
-input[type="submit"].blogbutton {
+#searchform input[type="submit"].blogbutton {
     border-radius: 3px;
     color: $white;
     border: 2px solid $white;
@@ -165,6 +165,9 @@ input[type="submit"].blogbutton {
     padding: 2px 5px;
     margin-top: -10px;
     text-transform: uppercase;
+    background-color: #ffc742;
+    box-shadow: 3px 3px 2px lightgrey;
+    text-align: center;
     &:hover {
         cursor: pointer;
         background: $white;
@@ -221,17 +224,26 @@ input[type="submit"].blogbutton {
     color: #757575;
     font-size: 12px;
 }
-#blog-posts-over > div {
+.blog-home #blog-posts-over > div {
     margin: 25px 0;
 }
 #blog-side-info {
     background: #f4f9fd;
+    border-bottom-left-radius: 12px;
+    border-bottom-right-radius: 12px;
     #searchform {
         margin-bottom: 30px;
     }
     p {
         margin-bottom: 0;
     }
+    h2 {
+        color: #690433;
+        font-family: "Kaushan Script";
+        font-size: 36px;
+        margin: 0 auto;
+        padding-bottom: 10px;
+    }
 }
 .blog-archive {
     #head-img {
@@ -253,6 +265,17 @@ input[type="submit"].blogbutton {
             margin-top: -250px;
         }
     }
+    #blog-posts-over {
+        top: -35px;
+    }
+}
+#blog-side-info-wrapper {
+    top: -57px;
+}
+@media #{$medium-only} {
+     #blog-side-info-wrapper {
+        top: -10px;
+     }
 }
 @media #{$small-only} {
     #blog-side-info-wrapper {
@@ -276,7 +299,7 @@ input[type="submit"].blogbutton {
     }
 }
 #blog-side-info {
-    padding: 16px 10px 0;
+    padding: 40px 10px 20px;
     background: #f4f9fd;
     border: none;
     ul {
index 17837f9..901dccd 100644 (file)
@@ -147,6 +147,9 @@ img.orb-shadow {
     
 }
 main {
+    .wp-caption p.wp-caption-text {
+        text-align: left;
+    }
     p a {
 /*        font-style: italic;
         font-family: "Times New Roman"*/
@@ -301,40 +304,47 @@ main {
                 top: -10px;
             }
         }
-        #mid {
-            margin-top: 20px;
-            img {
-                margin: 0 auto;
-                width: 100%;
-                height: 175px;
+    }
+    #mid {
+        margin: 20px auto 0;
+        max-width: 1000px;
+        img { 
+            margin: 0 auto;
+            width: 100%;
+            height: 175px;
+            margin-top: -31px;
+            -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+            -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+            -ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+            box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+        }
+        #golf {
+            margin-bottom: 50px;
+            h2 {
+                color: $blue;
             }
-            #golf {
-                margin-bottom: 50px;
-                h2 {
-                    color: $blue;
+            #request {
+                margin-top: -20px;
+                padding: 0;
+                @media #{$medium-only} {
+                    padding-left: 15px;
                 }
-                #request {
-                    margin-top: -20px;
-                    padding: 0;
-                    @media #{$medium-only} {
-                        padding-left: 15px;
-                    }
-                    img {
-                        width: auto;
-                        margin: 0 auto;
-                        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
-                        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
-                        -ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
-                        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
-                        @media #{$small-only} {
-                            box-shadow: none;
-                            margin-bottom: 15px;
-                        }
+                img {
+                    width: auto;
+                    margin: 0 auto;
+                    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+                    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+                    -ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+                    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
+                    @media #{$small-only} {
+                        box-shadow: none;
+                        margin-bottom: 15px;
                     }
                 }
             }
         }
     }
+    
 }
 #head-img {
     background: url(../assets/interior-pg-sample-header-image.jpg) no-repeat;
index 08c913c..e403ff4 100644 (file)
@@ -1,5 +1,8 @@
 header#page-header {
     height: 295px;
+    @media #{$small-only} {
+        height: 185px;
+    }
     @include gradient (rgba($black, 0.95), rgba($black, 0));
     position: relative;
     padding-top: 11px;
index 052e28b..1acbd5b 100644 (file)
@@ -223,13 +223,12 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im
     text-align: center;
     div {
         input.blogbutton {
-            @include gradient(#1999ce, #107098);
+/*            @include gradient(#1999ce, #107098);*/
         }
     }
 }
 #blog-side-info {
     border-left: 1px solid grey;
-    margin-top: 30px;
     padding-left: 20px;
     @media #{$small-only} {
         text-align: center;
index 0cc8f43..a7487a4 100644 (file)
@@ -9,7 +9,7 @@
         <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 id="blog-posts-over" class="small-12 medium-9 columns">
+        <div id="blog-posts-over" class="small-12 columns">
             <?php if(have_posts()) : while(have_posts()): the_post();?>
                 <?php if (is_search() && (isset($_GET['searchType']) && $_GET['searchType'] == 'blog') && ($post->post_type=='page')) continue; ?>
             <div class="row content search-result-container">
                 <p><?php _e('Sorry, no results were found.');?></p>
             </div><!-- /#post-404 -->
             <?php endif;?>
-        </div>
-        <div id="blog-side-info-wrapper" class="small-11 small-only-text-center medium-3 columns">
-            <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 type="hidden" name="searchType" value="blog" /> </div>
-                </form>
-                <p>Recent Posts</p>
-                <ul>
-                <?php
-                        $args = array( 'numberposts' => '5' );
-                        $recent_posts = wp_get_recent_posts( $args );
-                        foreach( $recent_posts as $recent ){
-                                echo '<li><a href="' . get_permalink($recent["ID"]) . '">' .   $recent["post_title"].'</a> </li> ';
-                        }
-                ?>
-                </ul>
-                <p>Archive</p>
-                <ul><?php wp_get_archives( array( 'type' => 'monthly', 'limit' => 12 ) ); ?></ul>
-                <p>Categories</p>
-                <ul>
-                    <?php
-                    $args = array(
-                    'orderby' => 'name',
-                    'order' => 'ASC'
-                    );
-                  $categories = get_categories($args);
-                    foreach($categories as $category) {
-                      echo '<li><a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>' . $category->name.'</a> </li> ';  }
-                    ?>
-                </ul>
-            </div>
         </div>
             <?php } ?> <!-- end empty query check -->
     </div>
index b37327f..3bf69b3 100644 (file)
@@ -10,7 +10,7 @@
             if (is_single() && is_post_type('ai1ec_event')){
                 echo '<div id="blog-posts-over" class="small-12 medium-11 medium-centered columns ai1ec-post">';
             } else {
-                echo '<div id="blog-posts-over" class="small-12 medium-9 columns">';
+                echo '<div id="blog-posts-over" class="small-12 medium-8 columns">';
             }
             ?>
                 <?php if(have_posts()) : while(have_posts()): the_post();?>