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 {
margin: 0 0 0 -5px;
padding: 0;
text-indent: -9999px;
background: url(images/search.png);
background-repeat: no-repeat;
background-position: center 0;
background: url(images/search.png) no-repeat center 0;
border: 1px solid #ccc;
display: inline-block;
border-radius: 0 3px 3px 0 !important;
}
input[type="submit"].qa-search-button:hover {
background: url(images/search.png);
background-repeat: no-repeat;
background-position: center -26px;
}
......
......@@ -211,7 +211,7 @@ blockquote p {
.qa-search-field {
margin: 0 -40px 0 0;
padding: 0 40px 0 0;
padding: 0 40px 0 5px;
vertical-align: bottom;
width: 100%;
height: 36px;
......@@ -224,14 +224,11 @@ blockquote p {
}
.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;
height: 36px;
margin: 0 !important;
text-indent: -9999px;
background: #bdc3c7 url('images/search-icon-white.png') center no-repeat;
border: 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