doing structure and style editing

diff --git a/css/appblog.css b/css/appblog.css
index 6cdb496..1e0eaf8 100644 (file)
--- a/css/appblog.css
+++ b/css/appblog.css
@@ -1 +1 @@
-input[type="submit"].blogbutton{border-radius:3px;color:#000000;border:2px solid #FFFFFF;font-weight:bold;font-size:13px;padding:2px 5px;text-transform:uppercase}input[type="submit"].blogbutton:hover{cursor:pointer}#blog-posts-over{width:70%;display:inline-block}#blog-posts-over article{padding-top:10px;margin-bottom:15px;display:inline-block}#blog-posts-over article .entry-header{background:transparent}#blog-posts-over article #addthis_wrapper{margin-top:-25px}#blog-posts-over article p{padding-bottom:15px}#blog-posts-over article a.read-more{border:2px solid #FFFFFF;font-weight:bold;font-size:13px;padding:0 3px;text-transform:uppercase}#blog-posts-over article a.read-more:hover{background:#FFFFFF;border:2px solid #035C84;color:#035C84}#blog-posts-over article .entry-header{margin-bottom:10px}#blog-posts-over article .entry-header .entry-title{margin-bottom:0}#blog-posts-over article .entry-header .meta.date{font-size:13px;font-weight:bold}#blog-posts-over article h2{text-align:left}#blog-posts-over .entry-meta{text-align:center;color:#757575;font-size:12px}#blog-posts-over>div{margin:25px 0}#blog-side-info-wrapper{width:25%;display:inline-block;float:right}#blog-side-info #searchform{margin-bottom:30px}#blog-side-info p{margin-bottom:0}#blog-side-info ul{margin:0 0 25px}@media only screen and (max-width: 40em){#blog-side-info-wrapper{float:none;margin:0 auto;clear:both}#blog-side-info{padding-left:0;border-left:0}#blog-side-info ul{margin-left:0;margin-top:10px}#blog-side-info #searchform{padding:35px 0}#blog-side-info #searchform #s{width:100%}}#blog-side-info{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}.featured-image-wrap{margin:15px 0}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;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;}}body #wrapper{min-height:100%}body #wrapper #contentwrap{min-height:100vh;height:100%}#footerwrap{position:relative;bottom:0;left:0;right:0}#connect{padding-top:20px;background:#4c4d4f}#connect ul{margin:0;list-style:none}#connect ul li{background:none;padding:0 5px;display:inline-block}#connect ul li>a{display:block;font-family:Open Sans, sans-serif;font-size:12px;color:#fff;padding:20px 18px;line-height:1.2}#connect ul li a#current{background:#0093d1}
\ No newline at end of file
+input[type="submit"].blogbutton:hover{cursor:pointer}#blog-posts-over{width:100%;display:inline-block;height:100%}#blog-posts-over .blog-feed-imgs{width:33.33333%;float:left;padding:0 15px}#blog-posts-over .blog-feed-imgs img.attachment-blog-feed-front{width:100%}#blog-posts-over article{width:66.66667%;padding-top:10px;margin-bottom:15px;display:inline-block}#blog-posts-over article .entry-header{background:transparent}#blog-posts-over article #addthis_wrapper{margin-top:-25px}#blog-posts-over article p{padding-bottom:15px}#blog-posts-over article a.read-more{border:2px solid #FFFFFF;font-weight:bold;font-size:13px;padding:0 3px;text-transform:uppercase}#blog-posts-over article a.read-more:hover{background:#FFFFFF;border:2px solid #035C84;color:#035C84}#blog-posts-over article .entry-header{margin-bottom:10px}#blog-posts-over article .entry-header .entry-title{margin-bottom:0}#blog-posts-over article .entry-header .meta.date{font-size:13px;font-weight:bold}#blog-posts-over article h2{text-align:left}#blog-posts-over .entry-meta{text-align:center;color:#757575;font-size:12px}#blog-posts-over>div{margin:25px 0}#blog-side-info-wrapper{margin-top:45px;width:19.7%;display:inline-block;float:right;background:#FFFFFF}#blog-side-info #searchform{margin-bottom:30px}#blog-side-info p{margin-bottom:0}#blog-side-info ul{margin:0 0 25px}@media only screen and (max-width: 40em){#blog-side-info-wrapper{float:none;margin:0 auto;clear:both}#blog-side-info{padding-left:0;border-left:0}#blog-side-info ul{margin-left:0;margin-top:10px}#blog-side-info #searchform{padding:35px 0}#blog-side-info #searchform #s{width:100%}}#blog-side-info{padding-right:10px}#blog-side-info ul{list-style-type:none;padding:0}#blog-side-info ul li{margin:10px 0}footer.entry-meta{background-color:#FFFFFF}.featured-image-wrap{margin:15px 0}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;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;}}body #wrapper{min-height:100%}body #wrapper #contentwrap{min-height:100vh;height:100%}#footerwrap{position:relative;bottom:0;left:0;right:0}#connect{padding-top:20px;background:#4c4d4f}#connect ul{margin:0;list-style:none}#connect ul li{background:none;padding:0 5px;display:inline-block}#connect ul li>a{display:block;font-family:Open Sans, sans-serif;font-size:12px;color:#fff;padding:20px 18px;line-height:1.2}#connect ul li a#current{background:#0093d1}
\ No newline at end of file

diff --git a/footer.php b/footer.php
index 07fd212..5dc3e7f 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -1,5 +1,6 @@
                 </div><!-- /#toolbox -->
             </div><!-- /#content -->
+            <?php get_template_part('parts/blog-sidebar-r'); ?>
         </div><!-- /#maincontent -->
 </div><!-- /#wrapper -->
 <div id="footerwrap" class="opensearchserver.ignore">

diff --git a/home.php b/home.php
index 4d76c80..2769b04 100644 (file)
--- a/home.php
+++ b/home.php
@@ -6,16 +6,16 @@
     <div>
         <div id="blog-posts-over">
             <?php if(have_posts()) : while(have_posts()): the_post();?>
-            <div class="row content blog-posts-container">
+            <div class="content blog-posts-container">
               <!--  <div class="small-11 small-centered columns"> -->
                 <?php $thumbnail = get_the_post_thumbnail($post->ID, 'blog-feed-front'); ?>
                 <?php if ($thumbnail) { ?>
-                <div class="small-12 medium-4 columns text-center blog-feed-imgs">
+                <div class=" blog-feed-imgs">
                     <?php echo $thumbnail; ?>
                 </div>
-                <div class="small-12 medium-8 columns blog-feed-contents">
+                <div class="blog-feed-contents">
                     <?php } else { ?>
-                    <div class="small-12 columns blog-feed-content">
+                    <div class="blog-feed-content">
                         <?php } ?>
 
                         <article id="<?php the_ID()?>" <?php post_class()?>>
@@ -43,7 +43,6 @@
             </div><!-- /#post-404 -->
             <?php endif;?>
         </div>
-        <?php get_template_part('parts/blog-sidebar-r'); ?>
     </div>
     <?php get_footer(); ?>
 

diff --git a/parts/blog-sidebar-r.php b/parts/blog-sidebar-r.php
index 79f9c04..91b2a04 100644 (file)
--- a/parts/blog-sidebar-r.php
+++ b/parts/blog-sidebar-r.php
@@ -1,8 +1,8 @@
-        <div id="blog-side-info-wrapper" class="small-only-text-center">
+        <div id="blog-side-info-wrapper">
             <div id="blog-side-info">
                 <form id="searchform" action="<?php echo esc_url( home_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="image" src="http://www.dclinc.com/assets/btn_search.gif" value="SEARCH" class="search-btn">
                     <input type="hidden" name="searchType" value="blog" /> </div>
                 </form>
                 <p>Recent Posts</p>

diff --git a/scss/_blog.scss b/scss/_blog.scss
index 722ba27..6a5b143 100644 (file)
--- a/scss/_blog.scss
+++ b/scss/_blog.scss
@@ -1,12 +1,12 @@
 input[type="submit"].blogbutton {
-    border-radius: 3px;
-    color: $black;
-    border: 2px solid $white;
-    font-weight: bold;
-    font-size: 13px;
-    padding: 2px 5px;
-//    margin-top: -10px;
-    text-transform: uppercase;
+//    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;*/
@@ -14,11 +14,23 @@ input[type="submit"].blogbutton {
         /*color:  white;*/
     }
 }
+
 #blog-posts-over {
-    width: 70%;
+    width: 100%;
     display: inline-block;
+    height: 100%;
+    .blog-feed-imgs {
+        width: 33.33333%;
+        float: left;
+        padding: 0 15px;
+        
+        img.attachment-blog-feed-front {
+            width: 100%;
+        }
+    }
 }
 #blog-posts-over article {
+    width: 66.66667%;
     padding-top: 10px;
     margin-bottom: 15px;
     display: inline-block;
@@ -70,9 +82,11 @@ input[type="submit"].blogbutton {
     margin: 25px 0;
 }
 #blog-side-info-wrapper{
-    width: 25%;
+    margin-top: 45px;
+    width: 19.7%;
     display: inline-block;
     float: right;
+    background: $white;
 }
 #blog-side-info {
     #searchform {
@@ -110,6 +124,7 @@ input[type="submit"].blogbutton {
     padding-right: 10px;
     ul {
         list-style-type: none;
+        padding: 0;
 
         li {
             margin: 10px 0;