app/assets/stylesheets/sections/properties.css.scss
@import "compass";
@import "globals/mixins";
@import "globals/colors";
.listings {
.thumbnail {
@extend %boxed;
@include box-shadow(0px 1px 3px rgba(42, 43, 43, 0.1));
margin: 5px auto 5px auto;
padding: 1px;
position: relative;
}
img {
@include border-radius(1px, 1px);
}
.info {
padding: 5px;
}
.property-title {
padding-left: 5px;
font-size: 1.2em;
font-weight: bold;
color: rgb(42, 43, 43);
height: 37px;
line-height: 25px;
}
.price-tag {
font-size: 0.9em;
text-align: right;
background-color: rgba(42, 43, 43, 0.9);
opacity: 0.7;
color: rgb(255, 255, 255);
float: right;
position: absolute;
top: 157px;
right: 7px;
padding: 5px;
margin-bottom: 0.2em;
@include border-radius(2px, 2px);
}
.rooms {
font-size: 1.0em;
color: rgb(42, 43, 43);
height: 35px;
line-height: 20px;
padding: 0px 5px;
margin-bottom: 0.5em;
}
.location {
font-size: 1.1em;
color: $theme-color;
line-height: 18px;
height: 20px;
padding: 0px 5px;
margin-bottom: 0.5em;
}
a {
text-decoration: none;
}
}
.listing-thumb:hover {
border: 1px solid rgb(185, 188, 194);
@include box-shadow(0px 1px 5px rgba(185, 188, 194, 0.8));
a {
visibility: visible;
opacity: 1;
}
}
.results-panel, .pagination-panel {
height: 35px;
padding: 5px 5px 5px 15px;
margin-bottom: 10px;
@include border-radius(2px, 2px);
border: 1px solid $border-color;
background-color: $panel-color;
}
.results {
float: left;
margin-top: 6px;
margin-bottom: 5px;
color: rgb(112, 116, 124);
}
.results-options {
margin-top: 2px;
float: right;
}
.viewer-toggle-nav {
margin: 7px;
margin-right: 30px;
float: right;
span {
padding: 10px;
}
li {
padding-right: 10px;
display: inline-block;
/*font-size: 120%;*/
}
}
.pagination-options {
float: right;
padding-top: 3px;
margin: 0px;
}