Files
PrestaShop/themes/default-bootstrap/sass/modules/blocksearch/blocksearch.scss
T
2013-11-22 14:55:48 +02:00

102 lines
2.3 KiB
SCSS

@import '../../_theme_variables';
/* block top search */
#search_block_top {
position:absolute;
right: 420px;
top: 50px;
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
right:295px;
}
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
right:207px;
}
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
right:0;
top:85px;
}
@media (max-width: $screen-xs - 1) { // max 479px
top:56px;
right:50%;
width:270px;
margin-right:270px/2*-1;
}
.btn.button-search {
background:$dark-background;
float: left;
border:none;
color:$light-text-color;
width:57px;
text-align:center;
padding:10px 0 11px 0;
span {display:none;}
&:before {
content:"";
display:block;
font-family:$font-icon;
font-size:17px;
width:100%;
text-align:center;
}
&:hover {color:#6f6f6f}
}
#search_query_top {
padding:0 13px;
height:45px;
line-height:45px;
width:271px;
background:$base-box-bg;
float: left;
margin-right:1px;
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
width:180px;
}
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
width:212px;
}
@media (max-width: $screen-xs - 1) { // max 479px
width:212px;
}
}
}
.ac_results {
background:$light-background;
border:1px solid $base-border-color;
width:271px;
margin-top:-1px;
li {
padding:0 10px;
font-weight:normal;
color:#686666;
font-size:13px;
line-height:22px;
&.ac_odd {
background:$light-background;
}
&:hover, &.ac_over {
background:$base-box-bg;
}
}
}
form#searchbox {
label{
color:$base-text-color;
margin-bottom:1px
}
input#search_query_block{
border: 1px solid $base-border-color;
height: 18px;
margin-top:10px;
}
input#search_button{padding: 1px 4px;}
}