%PDF- %PDF-
| Direktori : /home/cargonizer/public_html/vendor/rs-plugin/css/navigation-skins/ |
| Current File : /home/cargonizer/public_html/vendor/rs-plugin/css/navigation-skins/metis.css |
/*-----------------------------------------------------------------------------
- Revolution Slider 5.0 Navigatin Skin Style -
METIS SKIN
author: ThemePunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.metis.tparrows {
background:#fff;
padding:10px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
width:60px;
height:60px;
box-sizing:border-box;
}
.metis.tparrows:hover {
background:#fff;
background:rgba(255,255,255,0.75);
}
.metis.tparrows:before {
color:#000;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.metis.tparrows:hover:before {
transform:scale(1.5);
}
/* BULLETS */
.metis .tp-bullet {
opacity:1;
width:50px;
height:50px;
padding:3px;
background:#000;
background-color:rgba(0,0,0,0.25);
margin:0px;
box-sizing:border-box;
transition:all 0.3s;
-webkit-transition:all 0.3s;
border-radius:50%;
}
.metis .tp-bullet-image {
border-radius:50%;
display:block;
box-sizing:border-box;
position:relative;
-webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
width:44px;
height:44px;
background-size:cover;
background-position:center center;
}
.metis .tp-bullet-title {
position:absolute;
bottom:65px;
display:inline-block;
left:50%;
background:#000;
background:rgba(0,0,0,0.75);
color:#fff;
padding:10px 30px;
border-radius:4px;
-webkit-border-radius:4px;
opacity:0;
transition:all 0.3s;
-webkit-transition:all 0.3s;
transform: translateZ(0.001px) translateX(-50%) translateY(14px);
transform-origin:50% 100%;
-webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
-webkit-transform-origin:50% 100%;
opacity:0;
white-space:nowrap;
}
.metis .tp-bullet:hover .tp-bullet-title {
transform:rotateX(0deg) translateX(-50%);
-webkit-transform:rotateX(0deg) translateX(-50%);
opacity:1;
}
.metis .tp-bullet.selected,
.metis .tp-bullet:hover {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
}
.metis .tp-bullet-title:after {
content:" ";
position:absolute;
left:50%;
margin-left:-8px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: rgba(0,0,0,0.75) transparent transparent transparent;
bottom:-8px;
}