regluit/static/scss/searchandbrowse2.scss

104 lines
1.8 KiB
SCSS

@import "variables.scss";
#js-maincontainer-bot-block {
clear:both;
overflow:visible;
margin-top:55px;
#js-search {
@include one-border-radius(64px);
background-color: $call-to-action;
width:652px;
height:80px;
overflow:hidden;
clear:both;
color:#fff;
label {
line-height:80px;
font-size: $font-size-header;
float:left;
padding:0;
width:auto;
padding:0 15px 0 30px;
}
form {
float:left;
width:210px;
background:url("#{$image-base}landingpage/search-box-two.png") 0 0 no-repeat;
height:36px;
display:block;
overflow:hidden;
margin-top:22px;
}
}
}
#js-slideshow {
padding:0 30px;
position:relative;
a.prev {
@include clickyarrows();
background:url("#{$image-base}landingpage/arrow-left.png") 0 0 no-repeat;
left: 0;
}
a.next {
@include clickyarrows();
background:url("#{$image-base}landingpage/arrow-right.png") 0 0 no-repeat;
right: 0;
}
}
.spacer {
float: left;
margin: 0 4px;
}
#js-search input {
&.inputbox {
border:none;
color:#66942e;
@include height(26px);
font-size: $font-size-default;
float:left;
padding:0;
margin:5px 0 5px 20px;
width: 149px;
outline: none;
}
&.greenbutton {
background:url("#{$image-base}landingpage/search-button-two.png") 0 0 no-repeat;
width:40px;
height:40px;
padding:0;
margin:0;
border:none;
display:block;
float: right;
text-indent:-10000px;
font-size:0;
}
}
#js-slide .jsmodule > h3 {
background:url("#{$image-base}landingpage/bg-slide.png") bottom center no-repeat;
padding-bottom:7px;
padding-left:35px;
span {
background:$bright-blue;
color:#fff;
padding:10px 20px;
@include border-radius(10px, 10px, 0, 0);
font-size: $font-size-header;
overflow:hidden;
display:inline-block;
font-weight:normal;
}
}