Commit 80d766c4 by Scott

Hide 'Search' text from button

Add left padding to search field.
Slight refactoring of background CSS.
Closes #218, closes #221.
parent 4ab69723
...@@ -297,17 +297,13 @@ input[type="submit"].qa-search-button { ...@@ -297,17 +297,13 @@ input[type="submit"].qa-search-button {
margin: 0 0 0 -5px; margin: 0 0 0 -5px;
padding: 0; padding: 0;
text-indent: -9999px; text-indent: -9999px;
background: url(images/search.png); background: url(images/search.png) no-repeat center 0;
background-repeat: no-repeat;
background-position: center 0;
border: 1px solid #ccc; border: 1px solid #ccc;
display: inline-block; display: inline-block;
border-radius: 0 3px 3px 0 !important; border-radius: 0 3px 3px 0 !important;
} }
input[type="submit"].qa-search-button:hover { input[type="submit"].qa-search-button:hover {
background: url(images/search.png);
background-repeat: no-repeat;
background-position: center -26px; background-position: center -26px;
} }
......
...@@ -211,7 +211,7 @@ blockquote p { ...@@ -211,7 +211,7 @@ blockquote p {
.qa-search-field { .qa-search-field {
margin: 0 -40px 0 0; margin: 0 -40px 0 0;
padding: 0 40px 0 0; padding: 0 40px 0 5px;
vertical-align: bottom; vertical-align: bottom;
width: 100%; width: 100%;
height: 36px; height: 36px;
...@@ -224,14 +224,11 @@ blockquote p { ...@@ -224,14 +224,11 @@ blockquote p {
} }
.qa-search-button { .qa-search-button {
background-color: #bdc3c7;
background-image: url('images/search-icon-white.png');
background-position: center;
background-repeat: no-repeat;
height: 36px;
text-indent: 9999px;
width: 36px; width: 36px;
height: 36px;
margin: 0 !important; margin: 0 !important;
text-indent: -9999px;
background: #bdc3c7 url('images/search-icon-white.png') center no-repeat;
border: none; border: none;
outline: none; outline: none;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment