/*! * Master Slider WordPress Lite Main CSS File * @date Feb 2022 */ /** * Master Slider * Main css file */ .master-slider{ position: relative; visibility: hidden; -moz-transform: translate3d(0 , 0 , 0); } .ms-ie img{border:none;} .ms-ie8 * {opacity:inherit;filter:inherit;} .ms-ie7 {zoom:1;} .ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .master-slider a, .master-slider a:hover { -webkit-transition: none; transition: none; } .wpb_row .master-slider-parent *, .master-slider-parent * { box-sizing: content-box; } .master-slider-parent { margin-left: auto; margin-right: auto; } .ms-layout-partialview .ms-view { overflow: visible; background-color:transparent; } .ms-layout-partialview .ms-container { overflow: hidden; } .master-slider.before-init{} .ms-loading-container{ position:absolute; width:100%; top:0; } .ms-loading-container .ms-loading, .ms-slide .ms-slide-loading { width: 36px; height: 36px; background: url(common/loading-2.gif) no-repeat center white; border-radius: 60px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); position: absolute; left: 50%; top: 50%; margin: -18px; opacity: 0.9; } /* grab cursor */ .ms-def-cursor{cursor:auto !important;} .ms-grab-cursor{cursor: url(common/grab.png), move;} .ms-grabbing-cursor{cursor: url(common/grabbing.png), move;} .ms-ie .ms-grab-cursor{cursor: move;} .ms-ie .ms-grabbing-cursor {cursor: move;} .ms-view { margin:0px auto; overflow:hidden; position:relative; -webkit-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; } .ms-view .ms-slide-container{position:relative;} .ms-slide { position:absolute; height:100%; -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); transform: translateZ(0px); } .ms-wk .ms-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .ms-slide.selected {} .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont{ position: absolute; overflow:hidden; width: 100%; } .ms-slide .ms-slide-link { display: block; width: 100%; height: 100%; position: absolute; top:0; z-index: 110; } .ms-ie .ms-slide-link { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat; } .ms-slide .ms-slide-bgvideocont{ z-index: 105; height: 100%; } .ms-wk .ms-slide .ms-slide-bgvideocont, .ms-wk .ms-slide-bgvideocont>video{ -webkit-transform: translateZ(0.3px); transform: translateZ(0.3px); } .ms-slide .ms-slide-bgvideo{ position: absolute; top: 0px; } .ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;} .ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{ -webkit-user-select:none; -ms-user-select:none; user-select:none; } .ms-slide .ms-slide-video{ position:absolute; top:0; z-index: 111; background:black; padding:0; margin: 0; border: none; } .ms-slide .ms-pattern{ background-attachment: scroll; width: 100%; height: 100%; z-index: 108; position: absolute; top: 0; } .ms-wk .ms-pattern{ -webkit-transform: translateZ(0.4px); transform: translateZ(0.4px); } .ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{ position:absolute; cursor: pointer; z-index: 110; } .ms-slide .ms-slide-vcbtn{ position:absolute; cursor: pointer; z-index: 113; } .ms-slide-vcbtn-mobile{ position: relative; bottom: 0; left:0; width:100%; height: 28px; background-color: black; color: white; text-align: center; cursor: pointer; z-index: 113; } .ms-slide-vcbtn-mobile .ms-vcbtn-txt { text-transform: uppercase; font-family: sans-serif; font-size: 0.75em; display: inline-block; background: url(common/video-close-btn.png) no-repeat 0px 3px; padding-left: 15px; height: 15px; color: #DBDBDB; margin-top: 7px; } .ms-wk .ms-slide .ms-slide-vcbtn, .ms-wk .ms-slide .ms-slide-layers, .ms-wk .ms-slide .ms-slide-vpbtn, .ms-wk .ms-slide .ms-slide-video, .ms-wk .ms-slide-link { -webkit-transform: translateZ(0.44px); transform: translateZ(0.44px); } .ms-video-img{ position:absolute; width:100%; height:100%; top:0; left:0; } .ms-mask-frame{ overflow:hidden; position:absolute; float:left; } /* controls */ .ms-thumb-list{ overflow:hidden; position:absolute; } .ms-thumb-list.ms-dir-h {width: 100%;} .ms-thumb-list.ms-dir-v {height: 100%; top: 0;} .ms-thumbs-cont{position: relative;} .ms-thumb-frame img{width:100%; height:auto;} .ms-thumb-frame{ cursor: pointer; float: left; overflow: hidden; opacity: 0.5; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .ms-thumb-frame-selected{ opacity: 1; } .ms-tabs .ms-thumb-frame { background-color: #F6f6f6; text-shadow: 0 1px 1px white; color: #222; border: solid 1px white; border-width: 0 1px 1px 0; overflow: visible; position: relative; opacity: 1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; } .ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;} .ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;} .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;} .ms-tabs.ms-dir-h.ms-align-top {z-index: 140;} .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame{margin-top: -12px;} .ms-tabs .ms-thumb{padding: 20px 20px;} .ms-tabs .ms-thumb-frame-selected { opacity: 1; background: #EDEDED;} .ms-tabs .ms-thumb-frame .ms-thumb-ol { position: absolute; opacity: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol { top: 0px; left: 50%; margin-left: -12px; border-bottom: solid 12px #F6f6f6; border-left: solid 12px transparent; border-right: solid 12px transparent; } .ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; top:-12px; border-bottom-color: #EDEDED; } .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol { bottom: 0px; top:auto; border-bottom:0px; border-top: solid 12px #F6f6f6; } .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; bottom:-12px; border-top-color: #EDEDED; } .ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol { top: 50%; left: 0; margin-top: -12px; border-right: solid 12px #EDEDED; border-top: solid 12px transparent; border-bottom: solid 12px transparent; } .ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; left:-12px; border-right-color:#EDEDED; } .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol { left: auto; right: 0; border-right: 0; border-left: solid 12px #EDEDED; } .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; right:-12px; border-left-color:#EDEDED; } .ms-thumb-alt { text-align: center; margin: 5px; font-size: 14px; font-weight: 600; } /* horizontal thumblist arrows*/ .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd { height: 100%; width: 20px; position: absolute; left: 0; cursor: pointer; background: rgba(128, 128, 128, 0.5); text-align: center; color: white; } .ms-thumb-list.ms-dir-h .ms-thumblist-bwd { right: 0; left: auto; } .ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after { content: close-quote; top: 43%; position: relative; border: solid rgba(0, 0, 0, 0); border-width: 5px 5px 5px 0px; display: block; border-right-color: #FFF; width: 6px; height: 1px; } .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after { border-width: 5px 0px 5px 5px; border-left-color: #FFF; left: 7px; } /* vertical thumblist arrows */ .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd { width: 100%; height: 20px; position: absolute; top: 0; cursor: pointer; background: rgba(128, 128, 128, 0.5); text-align: center; color: white; } .ms-thumb-list.ms-dir-v .ms-thumblist-bwd { bottom: 0; top: auto; } .ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after { content: close-quote; left: 43%; position: relative; border: solid rgba(0, 0, 0, 0); border-width: 0px 5px 5px 5px; display: block; border-bottom-color: #FFF; height: 1px; top: 5px; width: 0; } .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after { border-width: 5px 5px 0px 5px; border-top-color: #FFF; top: 7px; } /* Thumb in tab styles */ .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; } .ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; } .ms-tabs.ms-has-thumb .ms-thumb{ padding:0; } .ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; } .ms-tabs.ms-align-left .ms-tab-thumb{ float:left; margin-right:20px; } .ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; } .ms-bullet{cursor:pointer;float: left;} .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-bullets.ms-dir-v { position: absolute; top:50%; } .ms-bullets.ms-dir-v .ms-bullet{ float: none; } .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-sbar {position: absolute;} .ms-sbar.ms-dir-h { left: 10px; right: 10px; top: 5px } .ms-sbar.ms-dir-v { top: 10px; bottom: 10px; right: 5px } .ms-sbar .ms-bar { height: 4px; background: #333; border-radius: 4px; } .ms-sbar.ms-dir-v .ms-bar { width: 4px;} .ms-sbar .ms-bar{ position:relative; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .ms-timerbar { width: 100%; bottom: 0px; position: absolute; } .ms-ctimer { position: absolute; top: 30px; left: 30px; cursor: pointer; } .ms-ctimer-bullet {} .ms-time-bar{ -webkit-transition: width 120ms linear; transition: width 120ms linear; } .ms-ie7 .ms-tooltip-arrow{ height:0px; } .ms-slide-info {position: absolute;} .ms-slide-info.ms-dir-v {top:0;} .ms-slide-info.ms-dir-h {width:100%;} .ms-pattern.ms-patt-1 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-2 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-3 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-4 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-5 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-6 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-7 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-8 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-9 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} /* white patterns */ .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} /** * Master Slider * Default Skin */ .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn{ width: 50px; height: 51px; background: url(skins/light-skin-1.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -25px 0 0 -25px; } .ms-skin-default .ms-slide .ms-slide-vcbtn { width: 30px; height: 30px; background: url(skins/light-skin-1.png) no-repeat -24px -28px; top: 18px; right: 30px; } /* controls */ .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { width: 30px; background: url(skins/light-skin-1.png); background-position: -89px -26px; height: 40px; cursor: pointer; top: 50%; left: 30px; margin-top: -20px; position: absolute; z-index: 110; } .ms-skin-default .ms-nav-next { right: 30px; left: auto; background-position: -89px -103px; } .ms-skin-default .ms-bullet { width: 10px; height: 10px; background: url(skins/light-skin-1.png) no-repeat; margin: 4px; background-position: -34px -117px; } .ms-skin-default .ms-bullet-selected { background-position: -34px -84px; } .ms-skin-default .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-default .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-default .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-default .ms-tooltip-point {cursor: pointer;} .ms-skin-default .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-default .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-skin-default .ms-tooltip { max-width:200px; } .ms-skin-default .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; margin-left: -1px; } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn, .ms-skin-default .ms-slide .ms-slide-vcbtn, .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev, .ms-skin-default .ms-bullet{ background-image:url(skins/light-skin-1-retina.png); background-size: 152px 225px; } } /** * Master Slider * Black 1 */ .ms-skin-black-1 .ms-slide .ms-slide-vpbtn, .ms-skin-black-1 .ms-video-btn{ width: 54px; height: 54px; background: url(skins/black-skin-1.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-black-1 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(skins/black-skin-1.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-black-1 .ms-nav-next, .ms-skin-black-1 .ms-nav-prev { width: 53px; background: url(skins/black-skin-1.png); background-position: -79px -19px; height: 61px; cursor: pointer; top: 50%; left: 30px; margin-top: -26px; position: absolute; z-index: 110; } .ms-skin-black-1 .ms-nav-next { right: 30px; left: auto; background-position: -79px -97px; } .ms-skin-black-1 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-black-1 .ms-bullet { width: 9px; height: 9px; background: white; margin: 4px; border: solid 1px rgb(58, 58, 58); } .ms-skin-black-1 .ms-bullet-selected { background-color: black; } .ms-skin-black-1 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: white; border-top-color: rgba(0, 0, 0, 0.8); bottom: -10px; } .ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: white; border-bottom-color: rgba(0, 0, 0, 0.8); top: -10px; } .ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: white; border-right-color: rgba(0, 0, 0, 0.8); left: -10px; } .ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: black; border-left-color: rgba(0, 0, 0, 0.8); right: -10px; } .ms-skin-black-1 .ms-tooltip-point {cursor: pointer;} .ms-skin-black-1 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #444444; background: black; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-black-1 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; background: rgba(255, 255, 255, 0.9); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-skin-black-1 .ms-tooltip { max-width:200px; } .ms-skin-black-1 .ms-tooltip-cont { padding: 10px; background: black; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 0px black; color: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-black-1 .ms-slide .ms-slide-vpbtn, .ms-skin-black-1 .ms-video-btn, .ms-skin-black-1 .ms-slide .ms-slide-vcbtn, .ms-skin-black-1 .ms-nav-next, .ms-skin-black-1 .ms-nav-prev{ background-image:url(skins/black-skin-1-retina.png); background-size: 152px 225px; } } /** * Master Slider * minimal Skin */ .ms-skin-minimal .ms-slide .ms-slide-vpbtn, .ms-skin-minimal .ms-video-btn{ width: 55px; height: 55px; background: url(skins/minimal.svg) no-repeat 24px 18px white; border: solid 1px #3d3d3d; border-radius: 50%; top: 50%; left: 50%; margin: -27px 0 0 -27px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover, .ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover, .ms-skin-minimal .ms-video-btn:hover { background-color: #f1f1f1; } .ms-skin-minimal .ms-slide .ms-slide-vcbtn { width: 31px; height: 31px; background: url(skins/minimal.svg) no-repeat -289px 6px white; border-radius: 50%; border: solid 1px #3d3d3d; top: 18px; right: 30px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } /* controls */ .ms-skin-minimal .ms-nav-next, .ms-skin-minimal .ms-nav-prev { background: url(skins/minimal.svg) no-repeat white; background-position: -178px 17px; border: solid 1px #3d3d3d; border-radius: 50%; height: 55px; width: 55px; cursor: pointer; top: 50%; left: 30px; margin-top: -27px; position: absolute; z-index: 110; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .ms-skin-minimal .ms-nav-next:hover, .ms-skin-minimal .ms-nav-prev:hover{ background-color: #f1f1f1; } .ms-skin-minimal .ms-nav-next { right: 30px; left: auto; background-position: -75px 17px; } .ms-skin-minimal .ms-bullet { width: 8px; height: 8px; background: white; border: solid 1px #3d3d3d; border-radius: 50%; margin: 4px; background-position: -34px -117px; } .ms-skin-minimal .ms-bullet-selected { background: #3d3d3d; } .ms-skin-minimal .ms-time-bar { height: 3px; background: #FFFFFF; border-top: solid 1px rgba(0, 0, 0, 0.41); } .ms-skin-minimal .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-minimal .ms-tooltip-point {cursor: pointer;} .ms-skin-minimal .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-minimal .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-skin-minimal .ms-tooltip { max-width:200px; } .ms-skin-minimal .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; margin-left: -1px; } /** * Master Slider * Black 2 Skin */ .ms-skin-black-2 .ms-slide .ms-slide-vpbtn, .ms-skin-black-2 .ms-video-btn{ width: 45px; height: 45px; background: url(skins/black-skin-2.png) black no-repeat -16px -103px; border: solid 3px rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); -webkit-background-clip: padding-box; top: 50%; left: 50%; margin: -23px 0 0 -23px; } .ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-black-2 .ms-video-btn:hover{ background-color: #3D3D3D; } .ms-skin-black-2 .ms-slide .ms-slide-vcbtn { width: 25px; height: 25px; background: url(skins/black-skin-2.png) black no-repeat -27px -36px; border: solid 2px white; border-color: rgba(255, 255, 255, 0.4); top: 15px; right: 15px; } .ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{ border-radius: 50px; } /* controls */ .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev { position: absolute; cursor: pointer; z-index: 110; width: 45px; height: 45px; background: url(skins/black-skin-2.png) black; background-clip: padding-box; background-position: -88px -26px; border: solid 3px rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); top: 50%; left: 30px; margin-top: -22px; } .ms-skin-black-2.round-skin .ms-nav-next, .ms-skin-black-2.round-skin .ms-nav-prev, .ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn, .ms-skin-black-2.round-skin .ms-video-btn{ border-radius: 90px; } .ms-skin-black-2 .ms-nav-next:hover, .ms-skin-black-2 .ms-nav-prev:hover{ background-color: #3d3d3d; } .ms-skin-black-2 .ms-nav-next { right: 30px; left: auto; background-position: -86px -103px; } .ms-skin-black-2 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-black-2 .ms-bullet { width: 8px; height: 8px; background: white; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; border: solid 3px white; border-color: rgba(0, 0, 0, 0.44); margin: 4px; background-position: -34px -117px; } .ms-skin-black-2.round-skin .ms-bullet{ border-radius: 15px; } .ms-skin-black-2 .ms-bullet-selected { background-color: black; border-color: white; border-color: rgba(255, 255, 255, 0.44); } .ms-skin-black-2 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-black-2 .ms-tooltip-point {cursor: pointer;} .ms-skin-black-2 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-black-2 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-black-2 .ms-tooltip { max-width:200px; } .ms-skin-black-2 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-black-2 .ms-slide .ms-slide-vpbtn, .ms-skin-black-2 .ms-video-btn, .ms-skin-black-2 .ms-slide .ms-slide-vcbtn, .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev{ background-image:url(skins/black-skin-2-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 2 */ .ms-skin-light-2 .ms-slide .ms-slide-vpbtn, .ms-skin-light-2 .ms-video-btn{ width: 54px; height: 54px; background: url(skins/light-skin-2.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-light-2 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(skins/light-skin-2.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-2 .ms-nav-next, .ms-skin-light-2 .ms-nav-prev { width: 53px; background: url(skins/light-skin-2.png); background-position: -79px -19px; height: 61px; cursor: pointer; top: 50%; left: 30px; margin-top: -26px; position: absolute; z-index: 110; } .ms-skin-light-2 .ms-nav-next { right: 30px; left: auto; background-position: -79px -97px; } .ms-skin-light-2 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-2 .ms-bullet { width: 9px; height: 9px; background: black; margin: 4px; border: solid 1px rgb(58, 58, 58); } .ms-skin-light-2 .ms-bullet-selected { background-color: white; } .ms-skin-light-2 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-2 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-2 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-2 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-skin-light-2 .ms-tooltip { max-width:200px; } .ms-skin-light-2 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-2 .ms-slide .ms-slide-vpbtn, .ms-skin-light-2 .ms-video-btn, .ms-skin-light-2 .ms-slide .ms-slide-vcbtn, .ms-skin-light-2 .ms-nav-next, .ms-skin-light-2 .ms-nav-prev{ background-image:url(skins/light-skin-2-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 3 */ .ms-skin-light-3 .ms-slide .ms-slide-vpbtn, .ms-skin-light-3 .ms-video-btn{ width: 50px; height: 50px; background: url(skins/light-skin-3.png) no-repeat -15px -149px; top: 50%; left: 50%; margin: -25px 0 0 -25px; } .ms-skin-light-3 .ms-slide .ms-slide-vcbtn { width: 31px; height: 29px; background: url(skins/light-skin-3.png) no-repeat -26px -28px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-3 .ms-nav-next, .ms-skin-light-3 .ms-nav-prev { width: 50px; background: url(skins/light-skin-3.png); background-position: -82px -22px; height: 50px; cursor: pointer; top: 50%; left: 30px; margin-top: -25px; position: absolute; z-index: 110; } .ms-skin-light-3 .ms-nav-next { right: 30px; left: auto; background-position: -81px -99px; } .ms-skin-light-3 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-3 .ms-bullet { width: 16px; height: 16px; background: url(skins/light-skin-3.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-light-3 .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-light-3 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-3 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-3 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-3 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-skin-light-3 .ms-tooltip { max-width:200px; } .ms-skin-light-3 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-3 .ms-slide .ms-slide-vpbtn, .ms-skin-light-3 .ms-video-btn, .ms-skin-light-3 .ms-slide .ms-slide-vcbtn, .ms-skin-light-3 .ms-nav-next, .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-bullet{ background-image:url(skins/light-skin-3-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 4 */ .ms-skin-light-4 .ms-slide .ms-slide-vpbtn, .ms-skin-light-4 .ms-video-btn{ width: 54px; height: 54px; background: url(skins/light-skin-4.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-light-4 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(skins/light-skin-4.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-4 .ms-nav-next, .ms-skin-light-4 .ms-nav-prev { width: 54px; background: url(skins/light-skin-4.png); background-position: -77px -5px; height: 68px; cursor: pointer; top: 50%; left: -27px; margin-top: -40px; position: absolute; z-index: 110; } .ms-skin-light-4 .ms-nav-next { right: -27px; left: auto; background-position: -79px -83px; } .ms-skin-light-4 .ms-thumb-frame-selected { opacity: 0.6; } .ms-skin-light-4 .ms-thumb-list.ms-dir-h { bottom: -60px; width: 100%; height: 60px; } .ms-skin-light-4 .ms-thumb-list.ms-dir-v { height: 100%; width: 60px; right: -60px; top: 0; } .ms-skin-light-4 .ms-thumb-frame { cursor: pointer; float: left; width: 60px; height: 60px; margin: 1px 0 0 1px; overflow: hidden; } .ms-skin-light-4 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-4 .ms-bullet { width: 9px; height: 9px; background: #b9b9b9; margin: 4px; border: solid 1px rgb(163, 163, 163); } .ms-skin-light-4 .ms-bullet-selected { background-color: white; } .ms-skin-light-4 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: white; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-4 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-4 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #E0E0E0; background: #4b8aac; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-4 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-skin-light-4 .ms-tooltip { max-width:200px; } .ms-skin-light-4 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-4 .ms-slide .ms-slide-vpbtn, .ms-skin-light-4 .ms-video-btn, .ms-skin-light-4 .ms-slide .ms-slide-vcbtn, .ms-skin-light-4 .ms-nav-next, .ms-skin-light-4 .ms-nav-prev{ background-image:url(skins/light-skin-4-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 5 */ .ms-skin-light-5 .ms-slide .ms-slide-vpbtn, .ms-skin-light-5 .ms-video-btn{ width: 32px; height: 32px; background: url(skins/light-skin-5.png) black no-repeat -24px -160px; top: 50%; left: 50%; margin: -18px 0 0 -18px; } .ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-light-5 .ms-video-btn:hover{ background-color:#646464; } .ms-skin-light-5 .ms-slide .ms-slide-vcbtn { width: 30px; height: 30px; background: url(skins/light-skin-5.png) white no-repeat -24px -28px; top: 18px; right: 30px; } /* controls */ .ms-skin-light-5 .ms-nav-next, .ms-skin-light-5 .ms-nav-prev { width: 32px; background: url(skins/light-skin-5.png) white; background-position: -94px -32px; height: 32px; cursor: pointer; bottom: 40px; left: 40px; margin-top: -20px; position: absolute; z-index: 110; } .ms-skin-light-5 .ms-nav-next:hover, .ms-skin-light-5 .ms-nav-prev:hover{ background-color:#E0E0E0; } .ms-skin-light-5 .ms-nav-next { left: 73px; background-position: -93px -110px; } .ms-skin-light-5 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-5 .ms-bullet { width: 10px; height: 10px; background: url(skins/light-skin-5.png) no-repeat; margin: 4px; background-position: -34px -117px; } .ms-skin-light-5 .ms-bullet-selected { background-position: -34px -84px; } .ms-skin-light-5 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-5 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-5 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-5 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } /* In Android browser, using css animations over slider causes some crashes */ .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{ animation:none; -moz-animation:none; -webkit-animation:none; -o-animation:none; } .ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-light-5 .ms-tooltip { max-width:200px; } .ms-skin-light-5 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-5 .ms-slide .ms-slide-vpbtn, .ms-skin-light-5 .ms-video-btn, .ms-skin-light-5 .ms-slide .ms-slide-vcbtn, .ms-skin-light-5 .ms-nav-next, .ms-skin-light-5 .ms-nav-prev{ background-image:url(skins/light-skin-5-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light-6 Skin */ .ms-skin-light-6 .ms-slide .ms-slide-vpbtn, .ms-skin-light-6 .ms-video-btn{ width: 45px; height: 45px; background: url(skins/light-skin-6.png) white no-repeat -16px -103px; border: solid 3px rgb(112, 112, 112); border-color: rgba(0, 0, 0, 0.27); -webkit-background-clip: padding-box; top: 50%; left: 50%; margin: -23px 0 0 -23px; } .ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-light-6 .ms-video-btn:hover{ background-color:#E0E0E0; } .ms-skin-light-6 .ms-slide .ms-slide-vcbtn { width: 25px; height: 25px; background: url(skins/light-skin-6.png) white no-repeat -27px -36px; top: 15px; right: 15px; } .ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{ border-radius: 30px; } /* controls */ .ms-skin-light-6 .ms-nav-next, .ms-skin-light-6 .ms-nav-prev { position: absolute; cursor: pointer; z-index: 110; width: 45px; height: 45px; background: url(skins/light-skin-6.png) white; background-clip: padding-box; background-position: -88px -26px; border: solid 3px rgb(112, 112, 112); border-color: rgba(0, 0, 0, 0.27); top: 50%; left: 30px; margin-top: -22px; } .ms-skin-light-6.round-skin .ms-nav-next, .ms-skin-light-6.round-skin .ms-nav-prev, .ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn, .ms-skin-light-6.round-skin .ms-video-btn{ border-radius: 90px; } .ms-skin-light-6 .ms-nav-next:hover, .ms-skin-light-6 .ms-nav-prev:hover{ background-color:#E0E0E0; } .ms-skin-light-6 .ms-nav-next { right: 30px; left: auto; background-position: -86px -103px; } .ms-skin-light-6 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-6 .ms-bullet { width: 8px; height: 8px; background: black; -webkit-background-clip: padding-box; border: solid 3px white; border-color: rgba(255, 255, 255, 0.44); margin: 4px; background-position: -34px -117px; } .ms-skin-light-6.round-skin .ms-bullet{ border-radius: 15px; } .ms-skin-light-6 .ms-bullet-selected { background-color: white; border-color: black; border-color: rgba(0, 0, 0, 0.44); } .ms-skin-light-6 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-6 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-6 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-6 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-light-6 .ms-tooltip { max-width:200px; } .ms-skin-light-6 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-6 .ms-slide .ms-slide-vpbtn, .ms-skin-light-6 .ms-video-btn, .ms-skin-light-6 .ms-slide .ms-slide-vcbtn, .ms-skin-light-6 .ms-nav-next, .ms-skin-light-6 .ms-nav-prev{ background-image:url(skins/light-skin-6-retina.png); background-size: 152px 225px; } } /** * Master Slider * Metro Skin */ .ms-skin-metro .ms-slide .ms-slide-vpbtn, .ms-skin-metro .ms-video-btn{ width: 47px; height: 46px; background: url(skins/metro-skin.png) no-repeat -16px -152px; top: 50%; left: 50%; margin: -22px 0 0 -24px; } .ms-skin-metro .ms-slide .ms-slide-vcbtn { width: 47px; height: 47px; background: url(skins/metro-skin.png) no-repeat -16px -19px; top: 15px; right: 15px; } /* controls */ .ms-skin-metro .ms-nav-next, .ms-skin-metro .ms-nav-prev { width: 47px; background: url(skins/metro-skin.png); background-position: -83px -23px; height: 47px; cursor: pointer; top: 50%; left: 30px; margin-top: -24px; position: absolute; z-index: 110; } .ms-skin-metro .ms-nav-next { right: 30px; left: auto; background-position: -81px -100px; } .ms-skin-metro .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-metro .ms-bullet { width: 16px; height: 16px; background: url(skins/metro-skin.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-metro .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-metro .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-metro .ms-tooltip-point {cursor: pointer;} .ms-skin-metro .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-metro .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-skin-metro .ms-tooltip { max-width:200px; } .ms-skin-metro .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-metro .ms-slide .ms-slide-vpbtn, .ms-skin-metro .ms-video-btn, .ms-skin-metro .ms-slide .ms-slide-vcbtn, .ms-skin-metro .ms-nav-next, .ms-skin-metro .ms-nav-prev, .ms-skin-metro .ms-bullet{ background-image:url(skins/metro-skin-retina.png); background-size: 152px 225px; } } /** * Master Slider * Contrast */ .ms-skin-contrast .ms-slide .ms-slide-vpbtn, .ms-skin-contrast .ms-video-btn{ width: 60px; height: 60px; background: url(skins/contrast-skin.png) no-repeat -10px -144px; top: 50%; left: 50%; margin: -30px 0 0 -30px; } .ms-skin-contrast .ms-slide .ms-slide-vcbtn { width: 24px; height: 24px; background: url(skins/contrast-skin.png) no-repeat -27px -30px; top: 30px; right: 30px; } /* controls */ .ms-skin-contrast .ms-nav-next, .ms-skin-contrast .ms-nav-prev { width: 60px; background: url(skins/contrast-skin.png); background-position: -76px -17px; height: 60px; cursor: pointer; top: 50%; left: 30px; margin-top: -30px; position: absolute; z-index: 110; } .ms-skin-contrast .ms-nav-next { right: 30px; left: auto; background-position: -77px -91px; } .ms-skin-contrast .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-contrast .ms-bullet { width: 16px; height: 16px; background: url(skins/contrast-skin.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-contrast .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-contrast .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: #fc3116; border-top-color: rgba(252, 49, 22, 0.8); bottom: -10px; } .ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: #fc3116; border-bottom-color: rgba(252, 49, 22, 0.8); top: -10px; } .ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: #fc3116; border-right-color: rgba(252, 49, 22, 0.8); left: -10px; } .ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: #fc3116; border-left-color: rgba(252, 49, 22, 0.8); right: -10px; } .ms-skin-contrast .ms-tooltip-point {cursor: pointer;} .ms-skin-contrast .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #636363; background: black; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-contrast .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; background: rgba(255, 255, 255, 0.99); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: ms-point-anim 1.5s infinite ; -moz-animation: ms-point-anim 1.5s infinite; -webkit-animation: ms-point-anim 1.5s infinite; -o-animation: ms-point-anim 1.5s infinite; } .ms-skin-contrast .ms-tooltip { max-width:200px; } .ms-skin-contrast .ms-tooltip-cont { padding: 10px; background: #fc3116; background: rgba(252, 49, 22, 0.8); text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4); color: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-contrast .ms-slide .ms-slide-vpbtn, .ms-skin-contrast .ms-video-btn, .ms-skin-contrast .ms-slide .ms-slide-vcbtn, .ms-skin-contrast .ms-nav-next, .ms-skin-contrast .ms-nav-prev, .ms-skin-contrast .ms-bullet{ background-image:url(skins/contrast-skin-retina.png); background-size: 152px 225px; } }