search flyout placeholder

This commit is contained in:
Luke Pulverenti 2013-04-26 16:53:54 -04:00
parent b9cc031d9b
commit ba13b0837d
5 changed files with 183 additions and 87 deletions

View file

@ -26,6 +26,10 @@
src: local("Open Sans"), local("OpenSans"), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
* {
text-shadow: none!important;
}
body {
overflow-y: scroll!important;
}
@ -125,53 +129,6 @@ pre, textarea.pre {
right: 10px;
}
.headerSearch {
display: none;
margin-right: 3em;
}
.txtSearch {
width: 150px;
vertical-align: middle;
font: 16px arial,sans-serif;
height: 23px;
line-height: 23px;
margin: 0 .15em 0 0;
}
.btnSearch {
vertical-align: middle;
background-color: #4d90fe;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
border: 1px solid #3079ed;
color: #fff!important;
margin: 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-weight: bold;
height: 29px;
line-height: 29px;
min-width: 54px;
padding: 0 8px;
text-align: center;
text-decoration: none !important;
-moz-user-select: none;
-webkit-user-select: none;
text-align: center;
}
.btnSearch img {
height: 29px;
margin: 0 auto;
border: 0;
}
.header .imageLink {
display: inline-block;
}
@ -312,10 +269,6 @@ form, .readOnlyContent {
@media all and (min-width: 650px) {
.headerSearch {
display: inline-block;
}
.imgLogoIcon {
height: 50px;
}
@ -366,10 +319,6 @@ form, .readOnlyContent {
@media all and (min-width: 750px) {
.txtSearch {
width: 200px;
}
.imgLogoText {
height: 50px;
display: inline;
@ -384,13 +333,6 @@ form, .readOnlyContent {
}
}
@media all and (min-width: 850px) {
.txtSearch {
width: 250px;
}
}
@media all and (min-width: 1200px) {