/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 17.01.2017, 17:11:17
Author : all4pages
*/
@media screen {
div.box-list-immo{
margin: 0 0 80px 0;
}
div.box-list-immo div.ym-column.colum2-fix-right{
margin: 0 0 1em;
padding: 0;
}
div.box-list-immo div.ym-column.colum2-fix-left.first{
margin: 0;
padding: 0;
}
div.box-list-immo div.ym-column.colum2-fix-left{
margin: 0;
padding: 0;
}
/*
* |-------------------------------------------------------|
* | content | navigation |
* | col 3 | flexible | col 1 | fixed |
* | | |
* |-------------------------------------------------------|
*/
/* sidebar */
div.box-list-immo div.ym-column.colum2-fix-right aside.ym-col1 {
float: right;
width: 240px;
}
/* content */
div.box-list-immo div.ym-column.colum2-fix-right section.ym-col3 {
margin: 0 250px 0 0;
}
div.box-list-immo div.ym-column.colum2-fix-right aside.ym-col1 div.ym-cbox,
div.box-list-immo div.ym-column.colum2-fix-right section.ym-col3 article.ym-cbox{
background-color: white;
border: #dadada 1px solid;
margin: 0 0 10px 0;
padding: 10px;
}
/*
* |-------------------------------------------------------|
* | navigation | content |
* | col 1 | fixed | col 3 | flexible |
* | | |
* |-------------------------------------------------------|
*/
/* sidebar */
div.box-list-immo div.ym-column.colum2-fix-left div.ym-col1 {
float: left;
width: 240px;
}
/* content */
div.box-list-immo div.ym-column.colum2-fix-left div.ym-col3 {
margin: 0 0 0 250px;
}
div.box-list-immo div.ym-column.colum2-fix-left div.ym-col1 div.ym-cbox{
position: relative;
background-color: white;
border: #dadada 1px solid;
margin: 0;
padding: 2px;
}
div.box-list-immo a.overlay div.ym-column.colum2-fix-left div.ym-col3 div.ym-cbox{
background-color: white;
border: #dadada 1px solid;
margin: 0;
padding: 10px;
min-height: 157px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
div.box-list-immo a.overlay:hover div.ym-column.colum2-fix-left div.ym-col3 div.ym-cbox{
background-color: #f0fefe;
border: #dadada 1px solid;
margin: 0;
padding: 10px;
}
div.box-list-immo div.ym-column div.ym-col3 div.ym-column div.ym-col3 div.ym-cbox h4{
color: #78bebf;
}
div.box-list-immo a.overlay div.tumb-prod{
background-color: #dadada;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 205px;
transition: opacity 3s ease-in-out;
-moz-transition: opacity 3s ease-in-out;
-webkit-transition: opacity 3s ease-in-out;
width: 100%;
}
div.box-list-immo a.overlay:hover div.tumb-prod
{
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
div.box-list-immo a.overlay span {
background: transparent url("../../../../images/opaque-green.png") repeat scroll left top;
bottom: 2px;
color: #ffffff;
display: block;
font-size: 130%;
margin: 0;
padding: 10px;
position: absolute;
z-index: 5;
opacity: 0;
transition: opacity .75s ease-in-out;
-moz-transition: opacity .75s ease-in-out;
-webkit-transition: opacity .75s ease-in-out;
}
div.box-list-immo a.overlay:hover span {
opacity: 1;
}
div.box-list-immo a.overlay div.lupe {
display: block;
height: 200px;
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 10;
background: transparent url("../../../../images/lupe-decentral.png") no-repeat top center;
opacity:0;
transition: opacity 3s ease-in-out;
-moz-transition: opacity 3s ease-in-out;
-webkit-transition: opacity 3s ease-in-out;
}
div.box-list-immo a.overlay:hover div.lupe {
left: 0px;
background: transparent url("../../../../images/lupe-decentral.png") no-repeat top center;
opacity:1;
}
div.box-list-immo div.ym-gbox.overview div.ym-grid{
margin-bottom: 2px;
}
div.box-list-immo article.attachments p{
padding:0;
margin:0;
}
div.box-list-immo div.ym-column a.overlay{
color: #777777;
}
div.box-list-immo div.ym-column a.overlay:hover,
div.box-list-immo div.ym-column a.overlay:focus {
color: #777777;
}
div.box-list-immo div.ym-column a.overlay div.ym-column div.button-main-full-grey {
background: #dadada url("../../../../images/icon-click-small.png") no-repeat scroll right top;
color: #ffffff;
display: block;
font-size: 1.2em;
height: 24px;
margin: 0;
padding-top: 4px;
padding-bottom: 3px;
text-align: center;
text-decoration: none;
width: 100%;
transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-webkit-transition: background .5s ease-in-out;
}
div.box-list-immo div.ym-column a.overlay:hover div.ym-column div.button-main-full-grey,
div.box-list-immo div.ym-column a.overlay:focus div.ym-column div.button-main-full-grey {
color: #FFFFFF;
background-color: #3e566b;
text-decoration: none;
}
}
@media screen and ( max-width: 980px ) {
/* linearization for column module */
div.box-list-immo div.ym-column.colum2-fix-right.linearize-level-1,
div.box-list-immo div.ym-column.colum2-fix-right.linearize-level-1 > [class*="ym-col"] {
display: block;
float: none;
padding: 0;
margin: 0 0 10px 0;
width: 100% !important;
}
/* reset defined gutter values */
div.box-list-immo div.ym-column.colum2-fix-right.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
overflow: hidden; /* optional for containing floats */
padding: 10px;
}
}
@media screen and ( max-width: 660px ) {
/* sidebar */
div.box-list-immo div.ym-column.colum2-fix-left div.ym-col1 {
float: left;
width: 180px;
}
/* content */
div.box-list-immo div.ym-column.colum2-fix-left div.ym-col3 {
margin: 0 0 0 190px;
}
}
@media screen and ( max-width: 460px ) {
div.box-list-immo div.ym-column.colum2-fix-right.linearize-level-1 div.ym-col3 div.ym-cbox{
padding: 0 10px;
}
/* linearization for column module */
div.box-list-immo div.ym-column.colum2-fix-left.linearize-level-2,
div.box-list-immo div.ym-column.colum2-fix-left.linearize-level-2 > [class*="ym-col"] {
display: block;
float: none;
padding: 0;
margin: 0 0 10px 0;
width: 100% !important;
}
/* reset defined gutter values */
div.box-list-immo div.ym-column.colum2-fix-left.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
overflow: hidden; /* optional for containing floats */
padding: 10px;
margin: 0;
}
div.box-list-immo div.ym-column.colum2-fix-left.linearize-level-2{
margin: 20px 0 0 0;
padding: 0;
}
div.box-list-immo div.ym-column.colum2-fix-left.first.linearize-level-2{
margin: 10px 0 0 0;
padding: 0;
}
div.box-list-immo div.ym-column.colum2-fix-left.linearize-level-2 div.ym-col3 div.ym-cbox,
div.box-list-immo div.ym-column.colum2-fix-left.linearize-level-2 div.ym-col1 div.ym-cbox{
padding: 10px;
}
}