From 87d9f405fe9fa11e3f78728cd9ab3263ba576436 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 3 Aug 2017 12:55:58 -0400 Subject: [PATCH] adjusting the header search widget styles per the client email adding yellow border, search icon, and placeholder text to the input field --- css/app.css | 59 +++++++++++++++++++++++++++++++++++ header.php | 18 ++++++----- js/modernizr/modernizr.min.js | 2 +- scss/_structure.scss | 2 ++ scss/_wordpress.scss | 59 +++++++++++++++++++++++++++++++++++ style.css | 2 +- 6 files changed, 133 insertions(+), 9 deletions(-) diff --git a/css/app.css b/css/app.css index bd811f8..aaefaa7 100755 --- a/css/app.css +++ b/css/app.css @@ -6150,6 +6150,65 @@ body .rCw .btn { padding: 10px; border-radius: 5px; } +.widget-title { + font-size: 14px; } + +.recollect-input { + border-bottom: 3px solid #fcde74 !important; + border-left: 3px solid #fcde74 !important; + border-top: 3px solid #fcde74 !important; + border-right: 3px solid #fcde74 !important; + padding: 0 9px !important; + font-size: 18px !important; + font-family: Open Sans, sans-serif !important; } + .recollect-input::-webkit-input-placeholder { + font-size: 14px; } + .recollect-input::-moz-input-placeholder { + font-size: 14px; } + .recollect-input::-ms-input-placeholder { + font-size: 14px; } + +.btn.recollect-btn { + background: url("../assets/search_button.png"); + width: 37px !important; + background-size: 30px 32px; + border-width: 0 0 0 3px; + border-color: #fcde74; + border-style: solid; + padding: 1px; + background-repeat: no-repeat; + position: absolute; + width: 33px; + height: 32px; + right: 12px; + top: 3px; + padding: 1px 0; + border-left: 3px solid #fcde74; + background-size: 30 32px; + border-radius: 0px !important; + /* background-image: url("../assets/search_button_1.png");*/ + background-repeat: no-repeat; + background-size: local 0 0/cover; } + .btn.recollect-btn:hover { + background-repeat: no-repeat; + background-size: local 0 0/cover; + border-color: #9acd68; } + +#top_angle_2:before { + border-left: 0 solid transparent; + border-right: 20px solid transparent; + border-bottom: 12px solid #c9b369; + content: ''; + position: absolute; + top: -69px; + left: 32px; } + +#input-columns { + position: relative; } + @media only screen and (min-width:64.063em) { + #input-columns { + width: 110%; } } + /* End Images */ body { background-image: url(../assets/background.png); diff --git a/header.php b/header.php index aa922d6..f38090c 100755 --- a/header.php +++ b/header.php @@ -44,7 +44,6 @@
-
@@ -55,13 +54,18 @@
-
- Please type in the name of a material: +
+ +
+
+
+
+ + +
+
+
- -