142 lines
2.3 KiB
CSS
142 lines
2.3 KiB
CSS
.panel-pane .views_slideshow_cycle_slide .views-row{
|
|
padding: 0;
|
|
}
|
|
|
|
.slide-page{
|
|
height:360px;
|
|
position: relative;
|
|
width: 570px;
|
|
}
|
|
.slide-back{
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0;
|
|
}
|
|
.slide-back img{
|
|
position: absolute;
|
|
top:0;
|
|
}
|
|
.slide-back .slide-back-black img{
|
|
opacity: 0.6;
|
|
}
|
|
.slide-back .slide-back-color img{
|
|
opacity:0;
|
|
}
|
|
|
|
.slide-page:hover .slide-back-black img{
|
|
opacity: 0;
|
|
}
|
|
.slide-page:hover .slide-back-color img{
|
|
opacity: 1.0;
|
|
}
|
|
|
|
.slide-front-up{
|
|
position: absolute;
|
|
top: 0px;
|
|
width:570px;
|
|
}
|
|
.slide-front-down{
|
|
position: absolute;
|
|
bottom: 0;
|
|
width:570px;
|
|
}
|
|
.slide-header{
|
|
top: 0px;
|
|
position: absolute;
|
|
width:570px;
|
|
}
|
|
|
|
.slide-header .inside{
|
|
margin-left: 10px;
|
|
margin-bottom: 8px;
|
|
margin-top: 8px;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
font-family: 'Droid Sans Mono', sans-serif;
|
|
text-transform: uppercase;
|
|
font-weight: normal;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.slide-front-up .inside{
|
|
padding: 0 10px;
|
|
}
|
|
.slide-front-up .inside div{
|
|
margin-left: 0;
|
|
}
|
|
.slide-front-down .inside{
|
|
padding: 10px 10px 20px 10px
|
|
}
|
|
.slide-front-down .inside div{
|
|
margin-left: 0;
|
|
margin-bottom: 0;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#slider-panel .pane-title{
|
|
display: none;
|
|
}
|
|
|
|
.slide-page:hover .slide-front-up,
|
|
.slide-page:hover .slide-front-down{
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
|
|
/* 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) {
|
|
.slide-front-up{
|
|
position: absolute;
|
|
top: 0px;
|
|
width:570px;
|
|
}
|
|
.slide-front-down{
|
|
position: absolute;
|
|
bottom: 0;
|
|
width:570px;
|
|
}
|
|
.slide-header{
|
|
top: 0px;
|
|
position: absolute;
|
|
width:570px;
|
|
}
|
|
.slide-page{
|
|
height:360px;
|
|
position: relative;
|
|
width: 570px;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 570px) and (max-width: 769px) {
|
|
.slide-front-up{
|
|
position: absolute;
|
|
top: 0px;
|
|
width:370px;
|
|
}
|
|
.slide-front-down{
|
|
position: absolute;
|
|
bottom: 0;
|
|
width:370px;
|
|
}
|
|
.slide-header{
|
|
top: 0px;
|
|
position: absolute;
|
|
width:370px;
|
|
}
|
|
.slide-page{
|
|
height:240px;
|
|
position: relative;
|
|
width: 370px;
|
|
}
|
|
|
|
}
|