Instantly share code, notes, and snippets.

Embed
What would you like to do?
IDX Broker IMPress Omnibar Search for Agent Focused Pro - url
/* Search Bar IDX Broker IMPress Omnibar - Default style unchecked
* By https://github.com/mjsdiaz
----------------------------------------------------------------------------------------------- */
.widget.IDX_Omnibar_Widget {
background-color: #566473;
color: #fff;
padding: 30px;
}
.search-bar .idx-omnibar-form input {
background-color: #fff;
margin: 0;
width: 100%;
}
.search-bar .idx-omnibar-form .awesomplete {
margin: 0 5px 5px 0;
width: 68%;
}
.search-bar .idx-omnibar-form button {
height: 60px;
margin: 0 5px 5px 0;
width: 30%;
}
.idx-omnibar-form button:hover[type="submit"],
.idx-omnibar-form button:focus[type="submit"] {
border: 4px solid #fff;
color: #fff;
}
/* For Extra Fields */
.search-bar .idx-omnibar-form.idx-omnibar-extra-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
text-align: center;
}
.search-bar .idx-omnibar-form.idx-omnibar-extra-form .awesomplete,
.search-bar .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra,
.search-bar .idx-omnibar-form.idx-omnibar-extra-form button {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 14px;
font-size: 1.4rem;
margin: 0 5px 5px 0;
width: auto;
}
.search-bar .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra {
width: 12%;
}
.search-bar .idx-omnibar-form.idx-omnibar-extra-form .awesomplete,
.search-bar .idx-omnibar-form.idx-omnibar-extra-form button {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
/* For Sidebar */
.sidebar .idx-omnibar-form button {
height: 60px;
margin-top: 20px;
width: 100%;
}
.sidebar .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra {
margin-top: 5px;
}
.sidebar .idx-omnibar-form.idx-omnibar-extra-form button {
margin-top: 30px;
}
@media only screen and (max-width:800px) {
.search-bar .idx-omnibar-form.idx-omnibar-extra-form button {
width: 100%;
}
}
@media only screen and (max-width:680px) {
.search-bar .idx-omnibar-form .awesomplete,
.search-bar .idx-omnibar-form button,
.search-bar .idx-omnibar-form.idx-omnibar-extra-form .awesomplete,
.search-bar .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra,
.search-bar .idx-omnibar-form.idx-omnibar-extra-form button {
width: 100%;
}
.search-bar .idx-omnibar-form.idx-omnibar-extra-form button {
margin: 24px 5px 0 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment