194 lines
3.6 KiB
CSS
194 lines
3.6 KiB
CSS
|
|
|
|
/*.welcome-container div {*/
|
|
/*border: 1px solid red;*/
|
|
/*}*/
|
|
|
|
.welcome-container h1 {
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
}
|
|
|
|
.welcome-container h2 {
|
|
|
|
/*padding-bottom: 25px;*/
|
|
color: #2d3138;
|
|
font-size: 1em;
|
|
font-weight: 200;
|
|
text-align: center;
|
|
letter-spacing: .59px;
|
|
}
|
|
|
|
.welcome-container-bg {
|
|
/*background-color: rgb(92, 192, 99);*/
|
|
/*background-image: url('static/map.jpg');*/
|
|
background-image: url('static/images/sa-bg.jpg');
|
|
background-size: auto 100%;
|
|
/*background-position: center;*/
|
|
-moz-filter: blur(5px);
|
|
-o-filter: blur(5px);
|
|
-ms-filter: blur(5px);
|
|
filter: blur(5px);
|
|
content: "";
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: -1;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.welcome-container {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top:0;
|
|
bottom:0;
|
|
z-index: 0;
|
|
/*margin-left: 20px;
|
|
margin-right: 20px;*/
|
|
height: 100%;
|
|
/*padding: 100px;*/
|
|
}
|
|
|
|
.welcome-content {
|
|
/*height: 100%;*/
|
|
/*margin: 0 auto;*/
|
|
width: 240px;
|
|
background-color: hsla(0,0%,100%,.95);
|
|
box-shadow: 0 2px 4px 0 rgba(73,73,73,.1);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top:40%;
|
|
/*padding: 50px;*/
|
|
}
|
|
|
|
.buy-button-active {
|
|
height: 80px;
|
|
width: 80px;
|
|
background:url('static/images/sale_1_mobile.png') no-repeat;
|
|
background-size: contain;
|
|
border: none;
|
|
margin-left: 10%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.buy-button-inactive {
|
|
height: 80px;
|
|
width: 80px;
|
|
background:url('static/images/sale_0_mobile.png') no-repeat;
|
|
background-size: contain;
|
|
border: none;
|
|
margin-left: 10%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.rent-button-active{
|
|
height: 80px;
|
|
width: 80px;
|
|
background:url('static/images/rent_1_mobile.png') no-repeat;
|
|
background-size: contain;
|
|
border: none;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.rent-button-inactive{
|
|
height: 80px;
|
|
width: 80px;
|
|
background:url('static/images/rent_0_mobile.png') no-repeat;
|
|
background-size: contain;
|
|
border: none;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.search-button{
|
|
background-color: #b6d53b;
|
|
margin: 10px;
|
|
border: none;
|
|
text-align: center;
|
|
font-size: 1em;
|
|
width: 90%;
|
|
margin-left:5%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
@media (min-width: 550px) {
|
|
|
|
.welcome-container h1 {
|
|
font-size: 2em;
|
|
text-align: center;
|
|
}
|
|
|
|
.welcome-container h2 {
|
|
|
|
/*padding-bottom: 25px;*/
|
|
color: #2d3138;
|
|
font-size: 1.4em;
|
|
font-weight: 200;
|
|
text-align: center;
|
|
letter-spacing: .59px;
|
|
}
|
|
|
|
.welcome-content {
|
|
/*height: 100%;*/
|
|
/*margin: 0 auto;*/
|
|
width: 500px;
|
|
background-color: hsla(0,0%,100%,.95);
|
|
box-shadow: 0 2px 4px 0 rgba(73,73,73,.1);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top:10%;
|
|
/*padding: 50px;*/
|
|
}
|
|
|
|
.buy-button-active {
|
|
height: 150px;
|
|
width: 150px;
|
|
background:url('static/images/sale_1_mobile.png') no-repeat;
|
|
background-size: contain;
|
|
border: none;
|
|
margin-left: 15%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.buy-button-inactive {
|
|
height: 150px;
|
|
width: 150px;
|
|
background:url('static/images/sale_0_mobile.png') no-repeat;
|
|
background-size: contain;
|
|
border: none;
|
|
margin-left: 15%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.rent-button-active{
|
|
height: 150px;
|
|
width: 150px;
|
|
background:url('static/images/rent_1_mobile.png') no-repeat;
|
|
background-size: contain;
|
|
border: none;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.rent-button-inactive{
|
|
height: 150px;
|
|
width: 150px;
|
|
background:url('static/images/rent_0_mobile.png') no-repeat;
|
|
background-size: contain;
|
|
border: none;
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.search-button{
|
|
background-color: #b6d53b;
|
|
margin: 10px;
|
|
border: none;
|
|
text-align: center;
|
|
font-size: 1.4em;
|
|
width: 90%;
|
|
margin-left:5%;
|
|
margin-right: 5%;
|
|
}
|
|
}
|