Updates from EMS

Update so wp-caption is corrected
Add styles for the search and blog posts

diff --git a/root/scss/_settings.scss b/root/scss/_settings.scss
index 2dd043f..b357ade 100644 (file)
--- a/root/scss/_settings.scss
+++ b/root/scss/_settings.scss
@@ -157,36 +157,36 @@ $include-html-global-classes: $include-html-classes;
 // d. Media Query Ranges
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
-// $small-range: (0em, 40em);
-// $medium-range: (40.063em, 64em);
-// $large-range: (64.063em, 90em);
-// $xlarge-range: (90.063em, 120em);
-// $xxlarge-range: (120.063em, 99999999em);
+$small-range: (0em, 40em);
+$medium-range: (40.063em, 64em);
+$large-range: (64.063em, 90em);
+$xlarge-range: (90.063em, 120em);
+$xxlarge-range: (120.063em, 99999999em);
 
-// $screen: "only screen";
+$screen: "only screen";
 
-// $landscape: "#{$screen} and (orientation: landscape)";
-// $portrait: "#{$screen} and (orientation: portrait)";
+$landscape: "#{$screen} and (orientation: landscape)";
+$portrait: "#{$screen} and (orientation: portrait)";
 
-// $small-up: $screen;
-// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
+$small-up: $screen;
+$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
 
-// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
-// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
+$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
+$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
 
-// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
-// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
+$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
+$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
 
-// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
-// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
+$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
+$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
 
-// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
-// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
+$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
+$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
 
 // Legacy
-// $small: $medium-up;
-// $medium: $medium-up;
-// $large: $large-up;
+$small: $medium-up;
+$medium: $medium-up;
+$large: $large-up;
 
 // We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
 // $cursor-crosshair-value: crosshair;
@@ -555,14 +555,14 @@ $include-html-global-classes: $include-html-classes;
 // We use these to control styles for the list elements.
 // $f-dropdown-list-style: none;
 // $f-dropdown-font-color: $charcoal;
- $f-dropdown-font-size: rem-calc(14);
+// $f-dropdown-font-size: rem-calc(13);
 // $f-dropdown-list-padding: rem-calc(5, 10);
 // $f-dropdown-line-height: rem-calc(18);
 // $f-dropdown-list-hover-bg: $smoke;
 // $dropdown-mobile-default-float: 0;
 
 // We use this to control the styles for when the dropdown has custom content.
-// $f-dropdown-content-padding: rem-calc(20);
+ $f-dropdown-content-padding: rem-calc(16);
 
 // Default radius for dropdown.
 // $f-dropdown-radius: $global-radius;
@@ -1413,7 +1413,7 @@ $include-html-global-classes: $include-html-classes;
 // $topbar-link-text-transform: none;
 // $topbar-link-padding: ($topbar-height / 3);
 // $topbar-back-link-size: rem-calc(18);
-// $topbar-link-dropdown-padding: rem-calc(20);
+ $topbar-link-dropdown-padding: rem-calc(16);
 // $topbar-button-font-size: 0.75rem;
 // $topbar-button-top: 7px;
 

diff --git a/root/scss/_wordpress.scss b/root/scss/_wordpress.scss
index d273a09..8f04c0e 100644 (file)
--- a/root/scss/_wordpress.scss
+++ b/root/scss/_wordpress.scss
@@ -4,6 +4,7 @@
 
 
 // 01. Images
+// 02 Search and Post
 
 img.aligncenter {
     display: block;
@@ -126,5 +127,103 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
     }
 }
 
+.wp-caption {
+    max-width: 100%;
+    margin: 10px 20px;
+    padding: 5px;
+    background-color: #f3f3f3;
+    border: 1px solid #ddd;
+    text-align: center;
+    img {
+        width: 100%;
+    }
+    p.wp-caption-text {
+        padding: 5px;
+        width: 100%;
+        margin: 0;
+        color: black;
+        font-size: 12px;
+    }
+    &.aligncenter {
+        margin: 10px auto;
+    }
+}
 // end Images
+// 02 Search and Post
+@media #{$small-only} {
+    #blog-posts-over {
+        padding: 0 !important;
+        margin: 0 !important;
+    }
+}
+.blog-posts-container {
+    margin: 30px 0 30px;
+    embed, iframe, object, video {
+        max-width: 100%;
+    }
+    a {
+        text-decoration: none;
+    }
+    header.entry-header {
+        h2.entry-title {
+            a {
+                color: #222;
+                margin-left: 0;
+            }
+        }
+    }
+    .wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
+        overflow: hidden;
+        color: #757575;
+        font-size: 0.857143rem;
+        font-style: italic;
+        line-height: 2;
+    }
+    .date {
+        font-size: 12px;
+    }
+    footer.entry-meta {
+        color: #757575;
+        font-size: 0.928571rem;
+        line-height: 1.84615;
+        margin-top: 1.71429rem;
+        clear: both;
+        float: none;
+        margin-right: auto;
+    }
+    footer {
+        background: none;
+        clear: both;
+        padding: 15px 0 0;
+        position: relative;
+        text-align: center;
+    }
+}
+.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);
+}
+#searchform_container {
+    margin-top: 20px;
+}
+#searchform {
+    max-width: 100%;
+    text-align: center;
+    div {
+        input.blogbutton {
+            @include gradient(#1999ce, #107098);
+        }
+    }
+}
+#blog-side-info {
+    border-left: 1px solid grey;
+    margin-top: 30px;
+    padding-left: 20px;
+    @media #{$small-only} {
+        text-align: center;
+    }
+}
 
+// End Search and Posts