space/app/assets/stylesheets/space.scss

162 lines
2.8 KiB
SCSS
Raw Normal View History

2015-09-22 05:56:02 +00:00
ul.building-showcase{
list-style: outside none none;
margin: 0;
padding: 0 0 10px;
.building{
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
float: left;
margin: 5px;
overflow: hidden;
padding: 5px;
position: relative;
transition-property: left, right, top;
width: 200px;
height: 250px;
.shade {
background-color: #000000;
bottom: 0;
content: "";
display: block;
left: 0;
margin: 5px;
opacity: 0.4;
position: absolute;
right: 0;
top: 0;
width: 200px;
height: 250px;
}
p {
bottom: 0;
color: #f2f2f2;
font-family: "Playfair Display SC",sans-serif;
font-size: 30px;
letter-spacing: -0.5px;
line-height: 28px;
margin: 0;
opacity: 1;
padding: 10px;
position: absolute;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
z-index: 1;
}
img {
height: 100%;
width: 100%;
}
}
}
ul.apartments-area {
list-style: outside none none;
margin: 0;
padding: 0 0 10px;
.apartment {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
float: left;
margin: 10px;
overflow: hidden;
padding: 5px;
position: relative;
margin-bottom: 3px;
padding-bottom: 0;
transition-property: left, right, top;
width: 150px;
2015-09-24 15:43:47 +00:00
height: 170px;
2015-09-22 05:56:02 +00:00
text-align: center;
.apartment-img {
background-color: #F1F1F1;
width: 100%;
height: 125px;
overflow: hidden;
}
a{
text-decoration: none;
}
p{
font-size: 18px;
font-family: "Playfair Display SC",sans-serif;
color : #000;
margin-bottom: 0;
}
}
}
ul#layout-canvas {
background-color: #fff;
border: 2px solid #eee;
list-style: outside none none;
li.apartment-draggable {
max-width: 200px;
position: relative;
float: left;
cursor: move;
}
}
#full-layout-canvas {
background-color: #fff;
border: 2px solid #eee;
text-align: center;
position: relative;
.image-cover {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
margin: auto;
overflow: hidden;
transform: translate(-50%, -50%);
}
}
.selection-box{
position: absolute;
width: 2px;
height: 2px;
background-color: rgba(0, 0, 0, .4);
2015-09-24 15:43:47 +00:00
.selection-box-label{
color: #fff;
}
2015-09-22 05:56:02 +00:00
}
.make-box-permanent{
position: absolute;
}
.selection-box-form {
color: #fff;
.form-unit-title{
margin: 5px;
input {
width : 90%;
}
select {
width: 90%;
}
}
}
2015-09-24 15:43:47 +00:00
.floor-unit-title{
text-align: center;
}
2015-09-22 05:56:02 +00:00