/* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 600px; height: 370px; position: relative; direction: ltr; border-bottom:1px solid #151515; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .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: 90%; 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 { border:1px solid #151515; position: relative; width: auto; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .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: auto; bottom: 0; padding: 0; margin: 0; position: absolute; z-index: 15; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.55); } .rsABlock h4 { color:#ffffff; font-size:2em; line-height: 1.2; margin-bottom:0; padding: .75em .75em .6em .75em; text-transform:uppercase; } .rsABlock h4:hover { color:#F33; } img.rsImg { max-width: none; width:auto !important; height:auto !important; } .grab-cursor { cursor:url(/wp-content/themes/topcar/scripts/royalslider/grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(/wp-content/themes/topcar/scripts/royalslider/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(/wp-content/themes/topcar/scripts/royalslider/blank.gif); } /* Testing adding styles here */ #video-gallery { margin-bottom:1em; width: 100%; height:370px; } .videoGallery .rsTmb { padding: 20px; } .videoGallery .rsThumbs .rsThumb { width: 100%; height: 88.2px; border-bottom: 1px solid #2E2E2E; } .videoGallery .rsThumbs { width: 220px; padding: 0; } .videoGallery .rsThumb:hover { background: #000; } .videoGallery .rsThumb.rsNavSelected { background-color: #FF0000; border-bottom:-color #FF0000; } .sampleBlock { left: 3%; top: 1%; width: 100%; max-width: 400px; } /* Styling for the gallery and article link */ .royalslider-action-block { bottom: auto; padding-left:0; position:relative; @extend .cf; } .royalslider-action-block .royalslider-read-article { background-position: -0px -0px; text-transform:uppercase; width:25%; } /* Styling for the article and gallery link */ .royalslider-read-article { background: none; color:#fff; display:block; font-size: 15px; padding-left: 1em !important; padding: .6em 0; margin: 0; text-align:left; width: 100%; &:last-of-type { border-bottom: 0; } } .royalslider-read-article:hover { color:#F33; } .royalslider-view-gallery { color:#fff; display:inline-block; font-size:12px; text-transform: uppercase; position:relative; padding-left:0.4em; } .gallery-link-image { max-width:15%; display:inline-block; vertical-align:middle; } .royalslider-view-gallery:hover { color:#F33; } .royal-slider-gallery-link-div { position:absolute; top:0.6em; left:auto; right:0.8em; } /* End of the RoyalSlider Styling */ /* Mobile screen styling */ @media screen and (min-width: 0px) and (max-width: 800px) { .videoGallery .rsThumbs .rsThumb { height:auto; width:100%; } .rsABlock h4 { font-size:1.5em; } .royalslider-action-block .royalslider-read-article { width:50%; } } @media screen and (min-width: 0px) and (max-width: 700px) { .royal-slider-div-gallery-link-div { text-align:right; } .royalslider-view-gallery { display:none; } .gallery-anchor { padding: 1em; } .gallery-link-image { max-width: 25%; } } @media screen and (min-width: 0px) and (max-width: 600px) { margin: 0 !important; width: 100% !important; height: auto !important; .rsImg { max-width:none; width: auto !important; } } @media screen and (min-width: 0px) and (max-width: 500px) { .videoGallery .rsTmb { padding: 6px 8px; } .videoGallery .rsTmb h5 { color:#fff; font-size: 15px; line-height: 1.4; text-transform: none; } .videoGallery .rsThumbs.rsThumbsVer { width: 100px; padding: 0; } .videoGallery .rsThumbs .rsThumb { width: 100px; height: auto; } .videoGallery .rsTmb span { display: none; } .videoGallery .rsOverflow, .royalSlider.videoGallery { height: 300px !important; } .sampleBlock { font-size: 14px; } .rsABlock h4 { font-size:14px; } .royalslider-read-article { padding: .45em 0; } .royal-slider-gallery-link-div { top: 0.6em; left: auto; right: 0.1em; text-align:right; } .gallery-link-image { max-width:30%; } .gallery-anchor { line-height:0; padding: 0.2em 0.5em 0.2em 1em; } .royalslider-action-block .royalslider-read-article { width:100%; } } @media screen and (min-width: 0px) and (max-width: 300px) { .gallery-anchor { padding: 0.3em 0.25em 0.2em 0.1em; display: inline-block; margin-left: 0; text-align: right; } .rsImg { margin:0 !important; width:100% !important; height:auto !important; } } /* playback timings (ms): LoadShardBlock: 1417.356 (3) esindex: 0.014 captures_list: 1444.382 CDXLines.iter: 19.284 (3) PetaboxLoader3.datanode: 2721.172 (5) exclusion.robots: 0.258 exclusion.robots.policy: 0.239 RedisCDXSource: 1.954 PetaboxLoader3.resolve: 2098.663 (2) load_resource: 3407.982 */