From: Laury GvR Date: Tue, 5 May 2015 20:48:54 +0000 (-0400) Subject: Added blog styles, fixed some html to use them X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=0e9a2a2f4c0516e9954da301faa8eb498a769b0f;p=web%2FGruntInit%2FglmTheme.git Added blog styles, fixed some html to use them --- diff --git a/root/archive.php b/root/archive.php index 6b5c82a..c32961b 100644 --- a/root/archive.php +++ b/root/archive.php @@ -6,7 +6,7 @@
-
+
>
diff --git a/root/functions.php b/root/functions.php index 262a49a..9765bde 100644 --- 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 '
'; echo '
'; echo '
'; diff --git a/root/home.php b/root/home.php index 6a3bd51..32ef1d6 100644 --- a/root/home.php +++ b/root/home.php @@ -6,7 +6,7 @@
-
+
>
diff --git a/root/scss/_blog.scss b/root/scss/_blog.scss index 1cb7afa..006ce89 100644 --- 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 --- 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;