regluit/static/scss/searchandbrowse2.scss

104 lines
1.8 KiB
SCSS
Raw Normal View History

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