From 05aa8736375d0949c0e02c665169ecf61250c579 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 11 Feb 2016 15:51:14 -0500 Subject: [PATCH] styling search results page --- css/app.css | 33 +++++++++++++++++++++++++++++++++ scss/_search.scss | 35 +++++++++++++++++++++++++++++++++++ search.php | 8 ++++++-- 3 files changed, 74 insertions(+), 2 deletions(-) diff --git a/css/app.css b/css/app.css index c5f8880..27b3539 100644 --- a/css/app.css +++ b/css/app.css @@ -7285,6 +7285,39 @@ article { -ms-transform: rotate(45deg); transform: rotate(45deg); } +.search-results { + position: relative; } + +.search-result-header { + background: white; + border-top-left-radius: 10px; + border-top-right-radius: 10px; } + +.search-result-container, .blog-posts-container { + box-shadow: none; } + +.search_results_context { + margin-bottom: -15px; } + +#blog-posts-over p.search_result_context { + margin-bottom: 5px; + padding-right: 150px; + line-height: 1.1; } + +#blog-posts-over .search-result-container { + margin: 0; } + +#blog-posts-over .search-result-container .entry-header { + margin-bottom: -5px; } + +#blog-posts-over .search-result-container .entry-header .entry-title a { + text-decoration: underline; + font-size: 1.5rem; + color: #57B649; } + +#blog-posts-over .search-result-container .entry-header .entry-title { + margin-bottom: -5px; } + footer { background: #2c296d; padding: 20px 0 27px; diff --git a/scss/_search.scss b/scss/_search.scss index bd3e3d3..75f258d 100644 --- a/scss/_search.scss +++ b/scss/_search.scss @@ -48,4 +48,39 @@ } } } +} +.search-results{ + + position: relative; +} +.search-result-header{ + background: white; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} +.search-result-container, .blog-posts-container{ + box-shadow: none; +} +.search_results_context { + margin-bottom: -15px; +} + +#blog-posts-over p.search_result_context { + margin-bottom: 5px; + padding-right: 150px; + line-height: 1.1; +} +#blog-posts-over .search-result-container { + margin: 0; +} +#blog-posts-over .search-result-container .entry-header{ + margin-bottom: -5px; +} +#blog-posts-over .search-result-container .entry-header .entry-title a{ + text-decoration: underline; + font-size: 1.5rem; + color: #57B649; +} +#blog-posts-over .search-result-container .entry-header .entry-title{ + margin-bottom: -5px; } \ No newline at end of file diff --git a/search.php b/search.php index 4a7bfa8..00155c7 100644 --- a/search.php +++ b/search.php @@ -15,7 +15,7 @@
>
-

+

Posted on
@@ -76,6 +76,7 @@ +
@@ -105,6 +107,7 @@ + + end empty query check +--> -- 2.17.1