File: /var/www/html/tmpr/..//tmpr/../tmpr/..//tmpr/../real/css/menu-app.css
/*
* Swiper - Mobile Touch Slider CSS
* http://www.idangero.us/sliders/swiper
*
* Vladimir Kharlampidi, The iDangero.us
* http://www.idangero.us/
*
* Copyright 2012-2013, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us
*
* Licensed under GPL & MIT
*
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.sliderIn {
margin-left:-216px
}
.sliderOut {
margin-left:0px
}
.swiper-container {
position:relative;
overflow:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-wrapper {
width:100%;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */
/*width:200px;
height: 100px;*/
}
.swiper-slide {
/* Specify Slides's Size: */
/*width: 100%;
height: 100%;*/
}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-active {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */
}
.swiper-active-switch {
/* Specific active button style: */
}
.swiper-visible-switch {
/* Specific visible button style: */
}
.swiper-content .inner {
padding: 0px;
}
.swiper-content .movie-pic {
text-align:left;
width: 54px;
height: 55px;
margin-top:0px;
margin-right:0px; margin-left:0px
}
.swiper-nav {
height: 55px;
left: 0;
bottom: 0;
width: 216px;
background-color:#058bcf;
background-image:url(../images/petty.png);
background-repeat:repeat-x
}
.swiper-nav .swiper-slide {
width: 54px;
height: 55px;
text-align: left;
margin-right:0px; margin-left:0px
}.swiper-nav .swiper-slide {
width: 54px;
height: 55px;
}
.swiper-nav .swiper-slide, .swiper-nav .angle {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.swiper-nav .angle {
}
.swiper-nav .active-nav {
background: #fff;
}
.swiper-nav .active-nav .angle {
opacity: 1;
}
.swiper-nav .swiper-wrapper {
text-align:left;
margin: 0;
}
.swiper-nav img {
margin-top: 0px;
width: 54px;
height: 55px;
}