arteleku_drupal_module/plugins/layouts/hover/hover copy.css
2017-12-15 01:09:28 +01:00

115 lines
1.9 KiB
CSS

div.hover{
position: relative;
width: 570px;
height: 360px;
}
div.hover.hover-empty{
position: relative;
width: 570px;
height: auto;
}
div.hover.hover-full .hover-fondo{
top:0px;
}
div.hover .tipo-de-contenido-wrapper,
div.hover .field-name-field-tipo .field-item{
color: black;
}
div.hover.hover-full .hover-fondo .hover-fondo-normal{
opacity: 0.6;
top: 0;
position: absolute;
}
div.hover.hover-full .hover-fondo .hover-fondo-hover{
opacity:0;
top: 0;
position: absolute;
}
div.hover.hover-full:hover .hover-fondo .hover-fondo-normal{
opacity: 0;
}
div.hover.hover-full:hover .hover-fondo .hover-fondo-hover{
opacity: 1.0;
}
div.hover.hover-full.hover-empty .hover-fondo{
display: none;
}
div.hover.hover-full > div{
position: absolute;
}
div.hover.hover-empty > div{
position: static;
}
div.hover.hover-full .hover-fondo>div{
position: absolute;
}
div.hover.hover-full .hover-superior{
top: 0px;
margin: 0;
padding: 0 10px
}
div.hover.hover-full .hover-inferior{
bottom: 15px;
margin: 0;
padding: 0 10px;
}
div.hover .hover-header{
border: 0;
}
div.hover .panel-pane{
margin: 0;
}
div.hover.hover-full:hover .hover-inferior,
div.hover.hover-full:hover .hover-superior{
opacity: 0;
display: none;
}
div.hover .field-name-field-tipo{
margin-left: 0;
margin-top: 9px;
}
div.hover .field-name-title-field{
margin-top: 24px;
padding-right: 60px;
}
div.hover .pane-content{
margin-top: 0;
}
/* Tablet Layout: 770px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 770px) and (max-width: 991px) {
}
@media only screen and (min-width: 570px) and (max-width: 769px) {
div.hover{
whidth:370px;
height:240px;
}
}