1st commit
This commit is contained in:
294
css/royalslider.css
Normal file
294
css/royalslider.css
Normal file
@@ -0,0 +1,294 @@
|
||||
/* v1.0.5 */
|
||||
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
|
||||
.royalSlider {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
position: relative;
|
||||
direction: ltr;
|
||||
}
|
||||
.royalSlider > * {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.rsWebkit3d .rsSlide {
|
||||
-webkit-transform: none;
|
||||
}
|
||||
|
||||
.royalSlider img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.royalSlider {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.royalSlider > img {
|
||||
visibility: hidden;
|
||||
/* or display:none depending on your needs... */
|
||||
}
|
||||
|
||||
.royalSlider_fullscreen {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0; /* height of thumbs (if not required set to 0) */
|
||||
height: auto; /* optionally add !important for WP version */
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.rsImg {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rsWebkit3d .rsSlide,
|
||||
.rsWebkit3d .rsContainer,
|
||||
.rsWebkit3d .rsThumbs,
|
||||
.rsWebkit3d .rsPreloader,
|
||||
.rsWebkit3d img,
|
||||
.rsWebkit3d .rsOverflow,
|
||||
.rsWebkit3d .rsBtnCenterer,
|
||||
.rsWebkit3d .rsAbsoluteEl,
|
||||
.rsWebkit3d .rsABlock,
|
||||
.rsWebkit3d .rsLink {
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.rsFade.rsWebkit3d .rsSlide,
|
||||
.rsFade.rsWebkit3d img,
|
||||
.rsFade.rsWebkit3d .rsContainer {
|
||||
-webkit-transform: none;
|
||||
}
|
||||
.rsOverflow {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
}
|
||||
.rsVisibleNearbyWrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
left: 0;
|
||||
top: 0;
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
}
|
||||
.rsVisibleNearbyWrap .rsOverflow {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
|
||||
}
|
||||
.rsContainer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.rsArrow,
|
||||
.rsThumbsArrow {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.rsThumb {
|
||||
float: left;
|
||||
position: fixed;
|
||||
left: 300;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.rsArrow,
|
||||
.rsNav,
|
||||
.rsThumbsArrow,
|
||||
.rsArrowIcn {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 0.3s linear, left 0.3s ease, right 0.3s ease;
|
||||
-moz-transition: opacity 0.3s linear, left 0.3s ease, right 0.3s ease;
|
||||
-o-transition: opacity 0.3s linear, left 0.3s ease, right 0.3s ease;
|
||||
transition: opacity 0.3s linear, left 0.3s ease, right 0.3s ease;
|
||||
}
|
||||
.rsHidden {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
|
||||
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
|
||||
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
|
||||
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
|
||||
}
|
||||
|
||||
|
||||
.rsGCaption {
|
||||
width: 100%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Fullscreen options, very important ^^ */
|
||||
.royalSlider.rsFullscreen {
|
||||
position: fixed !important;
|
||||
height: auto !important;
|
||||
width: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
z-index: 2147483647 !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
bottom: 0 !important;
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
.royalSlider .rsSlide.rsFakePreloader {
|
||||
opacity: 1 !important;
|
||||
-webkit-transition: 0s;
|
||||
-moz-transition: 0s;
|
||||
-o-transition: 0s;
|
||||
transition: 0s;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rsSlide {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.royalSlider.rsAutoHeight,
|
||||
.rsAutoHeight .rsSlide {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.rsContent {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.rsPreloader {
|
||||
position:absolute;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.rsNav {
|
||||
-moz-user-select: -moz-none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.rsNavItem {
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.rsThumbs {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
z-index: 22;
|
||||
}
|
||||
.rsTabs {
|
||||
float: left;
|
||||
background: none !important;
|
||||
}
|
||||
.rsTabs,
|
||||
.rsThumbs {
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
|
||||
.rsVideoContainer {
|
||||
/*left: 0;
|
||||
top: 0;
|
||||
position: absolute;*/
|
||||
/*width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
float: left;*/
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
}
|
||||
.rsVideoFrameHolder {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: #141414;
|
||||
opacity: 0;
|
||||
-webkit-transition: .3s;
|
||||
}
|
||||
.rsVideoFrameHolder.rsVideoActive {
|
||||
opacity: 1;
|
||||
}
|
||||
.rsVideoContainer iframe,
|
||||
.rsVideoContainer video,
|
||||
.rsVideoContainer embed,
|
||||
.rsVideoContainer .rsVideoObj {
|
||||
position: absolute;
|
||||
z-index: 50;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
/* ios controls over video bug, shifting video */
|
||||
.rsVideoContainer.rsIOSVideo iframe,
|
||||
.rsVideoContainer.rsIOSVideo video,
|
||||
.rsVideoContainer.rsIOSVideo embed {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding-right: 44px;
|
||||
}
|
||||
|
||||
.rsABlock {
|
||||
left: 0;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
z-index: 15;
|
||||
|
||||
}
|
||||
|
||||
img.rsImg {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.grab-cursor {
|
||||
cursor:url(../images/grab.png) 8 8, move;
|
||||
}
|
||||
|
||||
.grabbing-cursor{
|
||||
cursor:url(../images/grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
.rsNoDrag {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.rsLink {
|
||||
left:0;
|
||||
top:0;
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
display:block;
|
||||
z-index: 20;
|
||||
background: url(blank.gif);
|
||||
}
|
||||
Reference in New Issue
Block a user