testpage
@get(mdl|199) Registrati! Sconto 10% su @get(brd|Fossil)
test! )
/* Banner en el index */
#diaPadreBanner{
position: relative;
}
.banner-index {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.banner-index picture, .banner-index img {
width: 100%;
display: block;
}
.visible{
display: block!important;
}
/* Counter Dia del Padre */
.counter {
font-family: "BebasNeue";
padding: 10px;
border-radius: 5px;
display: none;
}
.counter-background{
background-color: #646363;
padding: 5px;
border-radius: 10px;
}
.separator{
padding: 0px 5px;
height: 40px;
}
.separator-signe{
color: white;
font-family: "BebasNeue";
font-size: 1.5rem;
}
.counter > * {
display: inline-flex;
vertical-align: middle;
}
.counter__item-number {
font-size: 15vw;
display: block;
border-radius: 8px;
}
.counter__item-caption {
text-align: center;
display: block;
}
/*-------- diaPadre ----------*/
#counter-days{
display:none;
}
.counter--diaPadre .counter__item-number,
.counter--diaPadre .counter__item-caption {
color: #ffffff;
}
.counter--diaPadre .counter__item-number {
font-size: 8vw;
font-size: 600;
background-color: #3c3c3b;
border-radius: 4px;
padding: 0px 5px;
text-align: center;
padding-top:8px;
}
.counter--diaPadre .counter__item-caption {
font-weight: 800;
font-size: 2.5vw;
padding: 1px 0 3px 0;
text-transform: uppercase;
}
.counter--diaPadre.counter--diaPadre--hangover {
position: absolute;
top: 10px;
right: 5px;
}
@media all and (min-width: 30em){
.separator-signe{
font-size: 2rem;
}
}
@media (min-width: 40em){
.counter--diaPadre.counter--diaPadre--hangover {
position: absolute;
top: 68%;
right: 37%;
}
.counter > * {
display: inline-block;
}
.counter--diaPadre .counter__item-number {
font-size: 3vw;
width: 5vw;
}
.separator-signe {
font-size: 1.45rem;
}
.counter--diaPadre .counter__item-caption {
font-size: 1.5vw;
}
.counter-background {
background-color: #646363;
padding: 5px;
border-radius: 5px;
}
}
@media all and (min-width: 64em) {
.counter--diaPadre.counter--diaPadre--hangover {
position: absolute;
top: 70%;
right: 44%;
}
.counter--diaPadre .counter__item-caption {
font-size: 12px;
}
.counter--diaPadre .counter__item-number {
font-size: 30px!important;
width: 48px!important;
}
.separator-signe{
font-size: 25px;
}
}
/* Hangover Style */
.counter--diaPadre.counter--diaPadre--hangover > * { display: inline-flex; }
/****/
XX
XX
:
XX
:
XX