.---------Protection--------{} .ug-gallery-wrapper, .ug-gallery-wrapper *{ transition: all !important; -o-transition: all !important; -webkit-transition: all; -moz-transition: all !important; -ms-transition: all !important; max-width:none; } .ug-gallery-wrapper{ z-index:0; } .ug-item-wrapper img{ width:auto; max-width:none; margin:0px; padding:0px; } .ug-videoplayer-wrapper video{ height:100%; width:100%; visibility: visible !important; } .---------General_Styles--------{} .ug-rtl{ direction:rtl; } .ug-gallery-wrapper{ overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; } .ug-error-message{ text-align:center; padding-top:30px; padding-bottom:30px; font-size:20px; color:#F30D0D; } .ug-error-message-wrapper{ width:100%; height:100%; border:1px solid black; } .ug-gallery-wrapper .ug-canvas-pie{ position:absolute; z-index:4; } .ug-gallery-wrapper .ug-progress-bar{ position:absolute; overflow:hidden; z-index:4; } .ug-gallery-wrapper .ug-progress-bar-inner{ xposition:absolute; } .ug-gallery-wrapper.ug-fullscreen{ height: 100% !important; width: 100% !important; max-width:none !important; max-height:none !important; } .ug-gallery-wrapper.ug-fake-fullscreen{ position: fixed !important; height: auto !important; width: auto !important; max-width:none !important; max-height:none !important; margin: 0px !important; padding: 0px !important; top: 0px !important; left: 0px !important; bottom: 0px !important; right: 0px !important; z-index: 999999 !important; } .ug-body-fullscreen{ overflow: hidden !important; height: 100% !important; width: 100% !important; margin:0px !important; padding:0px !important; } .ug-gallery-wrapper .ug-preloader-trans{ display:block; height:35px; width:32px; height:32px; background-image:url('../images/loader_skype_trans.gif'); background-repeat:no-repeat; } .--------------SLIDER------------------{} .ug-gallery-wrapper .ug-slider-wrapper{ position:absolute; overflow:hidden; z-index:1; background-color:#000000; } .ug-slider-wrapper .ug-slide-wrapper{ position:absolute; } .ug-slide-wrapper.ug-slide-clickable{ cursor:pointer; } .ug-slider-wrapper .ug-slider-inner{ position:absolute; z-index:0; } .ug-slider-wrapper .ug-item-wrapper{ position:absolute; overflow:hidden; } .ug-slider-wrapper, .ug-item-wrapper img{ -webkit-user-select: none; /* make unselectable */ -moz-user-select: none; -ms-user-select: none; max-width:none !important; box-sizing:border-box; } .ug-slider-wrapper .ug-slider-preloader{ position:absolute; z-index:1; border:2px solid #ffffff; border-radius:6px; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; } .ug-slider-preloader.ug-loader1{ width:30px; height:30px; background-image:url('../images/loader-white1.gif'); } .ug-slider-preloader.ug-loader1.ug-loader-black{ background-image:url('../images/loader-black1.gif'); } .ug-slider-preloader.ug-loader2{ width:32px; height:32px; background-image:url('../images/loader-white2.gif'); } .ug-slider-preloader.ug-loader2.ug-loader-black{ background-image:url('../images/loader-black2.gif'); } .ug-slider-preloader.ug-loader3{ width:38px; height:38px; background-image:url('../images/loader-white3.gif'); } .ug-slider-preloader.ug-loader3.ug-loader-black{ background-image:url('../images/loader-black3.gif'); } .ug-slider-preloader.ug-loader4{ width:32px; height:32px; background-image:url('../images/loader-white4.gif'); background-color:white; } .ug-slider-preloader.ug-loader4.ug-loader-black{ background-image:url('../images/loader-black4.gif'); } .ug-slider-preloader.ug-loader5{ width:60px; height:8px; background-image:url('../images/loader-white5.gif'); background-color:white; border:none; border-radius:0px; } .ug-slider-preloader.ug-loader5.ug-loader-black{ background-image:url('../images/loader-black5.gif'); border:2px solid #000000; } .ug-slider-preloader.ug-loader6{ width:32px; height:32px; background-image:url('../images/loader-white6.gif'); } .ug-slider-preloader.ug-loader6.ug-loader-black{ background-image:url('../images/loader-black6.gif'); } .ug-slider-preloader.ug-loader7{ width:32px; height:10px; background-image:url('../images/loader-white7.gif'); border-width:3px; border-radius:3px; } .ug-slider-preloader.ug-loader7.ug-loader-black{ background-image:url('../images/loader-black7.gif'); } .ug-slider-preloader.ug-loader-black{ border-color:#000000; background-color:#000000; } .ug-slider-preloader.ug-loader-nobg{ background-color:transparent; } .ug-slider-wrapper .ug-button-videoplay{ position:absolute; z-index:2; cursor:pointer; display: flex; justify-content: center; align-items: center; transition-duration: .3s !important; } .ug-slider-wrapper .ug-button-videoplay.ug-type-square{ width:86px; height:66px; background-color: #000000; opacity: .6; border-radius: 5px; } .ug-slider-wrapper .ug-button-videoplay.ug-type-square.ug-button-hover{ opacity: .8; } .ug-slider-wrapper .ug-button-videoplay.ug-type-round{ width:76px; height:76px; background-color: #000000; border-radius: 50%; opacity:0.9; filter: alpha(opacity = 90); transition: all 0.3s ease 0s !important; } .ug-slider-wrapper .ug-button-videoplay.ug-type-round.ug-button-hover{ opacity:1; filter: alpha(opacity = 100); transition: all 0.3s ease 0s !important; } .--------------VIDEO_PLAYER------------------{} .ug-gallery-wrapper .ug-videoplayer{ position:absolute; z-index:100; background-color:#000000; background-image:url('../images/loader-black1.gif'); background-repeat:no-repeat; background-position:center center; box-sizing:border-box; -moz-box-sizing:border-box; } .ug-videoplayer .ug-videoplayer-wrapper{ width:100%; height:100%; background-color:#000000; background-image:url('../images/loader-black1.gif'); background-repeat:no-repeat; background-position:center center; } .ug-videoplayer .ug-videoplayer-button-close{ position:absolute; height:32px; width:32px; cursor:pointer; z-index:1000; transition-duration: .3s !important; } .ug-videoplayer .ug-videoplayer-button-close svg{ transition-duration: .3s !important; width: 100%; height: 100%; } .ug-videoplayer-button-close-custom{ display: flex; justify-content: center; align-items: center; } .ug-videoplayer .ug-videoplayer-button-close:hover{ } .ug-theme-video .ug-thumb-wrapper{ cursor:pointer; text-align:left; transition-duration: all .3s !important; } .ug-theme-video .ug-thumb-wrapper.ug-thumb-over{ cursor:pointer; } .ug-theme-video .ug-thumb-wrapper.ug-thumb-selected{ cursor:default; } .ug-theme-video .ug-thumb-icon{ background-position:center center; background-size:cover; flex-grow:0; flex-shrink:0; } .ug-theme-video.ug-videoskin-bottom .ug-thumb-icon, .ug-theme-video.ug-videoskin-top .ug-thumb-icon{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .ug-theme-video .ug-thumb-icon{ width: 50px; height: 40px; } .ug-theme-video.ug-videoskin-bottom .ug-thumb-content, .ug-theme-video.ug-videoskin-top .ug-thumb-content{ position: absolute; width: 100%; bottom: 0; left: 50%; transform: translate(-50%, 0); transition: all .3s !important; } .ug-theme-video.ug-theme-video .ug-thumb-play-button{ display: none; } .ug-theme-video.ug-videoskin-bottom .ug-thumb-play-button, .ug-theme-video.ug-videoskin-top .ug-thumb-play-button{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; cursor: pointer; } .ug-theme-video .ug-thumb-inner{ display:flex; gap: 15px; } .ug-theme-video .ug-thumb-title{ overflow:hidden; color: #ffffff; font-size: 16px; } .ug-theme-video .ug-thumb-desc{ color: #ffffff; font-size: 14px; } .ug-theme-video .ug-strip-panel{ z-index: 101; position: relative; } .--------------THUMBS_STRIP------------------{} .ug-gallery-wrapper .ug-thumbs-strip, .ug-gallery-wrapper .ug-thumbs-grid{ position:absolute; overflow:hidden; -webkit-user-select: none; /* make unselectable */ -moz-user-select: none; -ms-user-select: none; xbackground-color:green; z-index:10; } .ug-thumbs-strip.ug-dragging{ xcursor: -webkit-grab; xcursor: -moz-grab; } .ug-gallery-wrapper .ug-thumbs-strip-inner, .ug-gallery-wrapper .ug-thumbs-grid-inner{ position:absolute; } .ug-thumb-wrapper.ug-thumb-generated{ position:absolute; overflow:hidden; -webkit-user-select: none; /* make unselectable */ -moz-user-select: none; -ms-user-select: none; box-sizing:border-box; -moz-box-sizing:border-box; } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader, .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error{ position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-position:center center; } .ug-thumb-wrapper .ug-thumb-border-overlay{ position:absolute; top:0px; left:0px; z-index:4; box-sizing:border-box; -moz-box-sizing:border-box; border-style:solid; } .ug-thumb-wrapper .ug-thumb-overlay{ position:absolute; top:0px; left:0px; z-index:3; } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-dark{ background-image:url('../images/loader.gif'); } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-bright{ background-image:url('../images/loader_bright.gif'); } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error{ background-image:url('../images/not_loaded.png'); } .ug-thumb-wrapper.ug-thumb-generated img{ position:absolute; z-index:1; max-width:none !important; } .ug-thumb-wrapper.ug-thumb-generated img.ug-thumb-image-overlay{ position:absolute; z-index:2; max-width:none !important; } /* bw desaturate effect lightweight */ img.ug-bw-effect{ filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); } /* blur effect desaturate effect lightweight */ img.ug-blur-effect{ filter: blur(0.8px); -webkit-filter: blur(0.8px); -moz-filter: blur(0.8px); -o-filter: blur(0.8px); -ms-filter: blur(0.8px); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id='blur'><feGaussianBlur stdDeviation=\'0.8\' /></filter></svg>#blur"); /* Firefox 10+, Firefox on Android */ filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.8'); } img.ug-sepia-effect{ -webkit-filter: sepia(1); -webkit-filter: sepia(100%); -moz-filter: sepia(100%); -ms-filter: sepia(100%); -o-filter: sepia(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'sepia\'><feColorMatrix values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\' /></filter></svg>#sepia"); /* Firefox 10+, Firefox on Android */ filter: sepia(100%); background-color: #5E2612; filter: alpha(opacity = 50); zoom:1; } .--------------BULLETS------------------{} .ug-gallery-wrapper .ug-bullets{ position: absolute; top:0px; left:0px; margin:0px; padding:0px; display: flex; align-items: center; justify-content: center; } .ug-gallery-wrapper .ug-bullet{ transition-duration: .3s !important; } .ug-gallery-wrapper .ug-bullets .ug-bullet{ cursor:pointer; display:block; float:left; z-index:2; border-radius: 50%; border: 1px solid #ffffff; } .ug-gallery-wrapper .ug-bullets .ug-bullet.ug-bullet-active{ background-color: #ffffff; } .ug-gallery-wrapper .ug-bullets .ug-bullet:first-child{ margin-left:0px; } .--------------TEXT_PANEL------------------{} .ug-gallery-wrapper .ug-textpanel{ position:absolute; overflow:hidden; } .ug-slider-wrapper .ug-textpanel{ z-index:2; } .ug-gallery-wrapper .ug-textpanel-bg, .ug-gallery-wrapper .ug-textpanel-title, .ug-gallery-wrapper .ug-textpanel-description{ display:block; position:absolute; margin:0px; padding:0px; } .ug-gallery-wrapper .ug-textpanel-bg{ background-color:#000000; opacity:0.4; filter: alpha(opacity = 40); z-index:1; } .ug-textpanel-textwrapper{ overflow:hidden; } .ug-gallery-wrapper .ug-textpanel-title{ font-size:16px; font-weight:bold; color:white; text-align:left; z-index:2; } .ug-gallery-wrapper .ug-textpanel-link, .ug-gallery-wrapper .ug-textpanel-link:visited{ color:inherit; text-decoration:none; } .ug-gallery-wrapper .ug-textpanel-link:hover{ text-decoration:underline; } .ug-gallery-wrapper .ug-textpanel-description{ font-size:14px; color:white; text-align:left; z-index:3; } .--------------ZOOM_PANEL------------------{} .ug-slider-wrapper .ug-zoompanel{ position:absolute; top:200px; left:100px; } .ug-zoompanel .ug-zoompanel-button{ background-repeat: no-repeat; cursor:pointer; display:block; } .--------------ZOOM_PANEL_BUTTONS------------------{} .ug-gallery-wrapper .ug-arrow-left{ position:absolute; background-repeat:no-repeat; display:block; cursor:pointer; } .ug-gallery-wrapper .ug-arrow-right{ position:absolute; background-repeat:no-repeat; cursor:pointer; } .--------------GRID_PANEL_AND_ARROWS------------------{} .ug-gallery-wrapper .ug-grid-panel{ position:absolute; background-color: #000000; xbackground-color: blue; z-index:2; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow{ position:absolute; background-repeat:no-repeat; cursor:pointer; z-index:11; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow.ug-button-disabled{ cursor:default; } /* handle tip */ .ug-gallery-wrapper .ug-panel-handle-tip{ position:absolute; z-index:13; cursor:pointer; background-color: #000000; transition-duration: .3s !important; } .ug-gallery-wrapper .ug-panel-handle-tip svg{ transition-duration: .3s !important; } .ug-gallery-wrapper .ug-panel-handle-tip svg, .ug-gallery-wrapper .ug-panel-handle-tip i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.7; } .ug-gallery-wrapper .ug-overlay-disabled{ position:absolute; z-index:100; width:100%; height:100%; background-color:#000000; opacity: 0.3; filter: alpha(opacity=30); background-image:url('../images/cover-grid.png'); } .--------------STRIP_PANEL------------------{} .ug-gallery-wrapper .ug-strip-panel{ position:absolute; background-color:#000000; z-index:2; } .ug-strip-panel .ug-strip-arrow{ position:absolute; cursor:pointer; } .ug-strip-panel .ug-strip-arrow.ug-button-disabled{ cursor:default; opacity:0.5; } .ug-strip-panel .ug-strip-arrow-tip{ position:absolute; } .--------------TILES------------------{} .ug-thumb-wrapper.ug-tile{ display:block; position:absolute; box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; padding:0px; margin:0px; } .ug-tile .ug-tile-cloneswrapper{ position:absolute; width:0px; height:0px; top:0px; left:0px; overflow:hidden; opacity:0; filter: alpha(opacity = 90); } /* transit something */ /* transit fixed size items */ /* transit image overlay */ .ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile, .ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile .ug-trans-enabled{ transition: left 0.7s ease 0s, top 0.7s ease 0s, width 0.7s ease 0s, height 0.7s ease 0s !important; } .ug-thumb-wrapper.ug-tile.ug-tile-clickable{ cursor: pointer; } .ug-thumb-wrapper.ug-tile .ug-image-container{ position:absolute; overflow:hidden; z-index:1; top:0px; left:0px; } .ug-thumb-wrapper.ug-tile img.ug-thumb-image{ -webkit-user-select: none; /* make unselectable */ -moz-user-select: none; -ms-user-select: none; max-width:none !important; max-height:none !important; display:block; border:none; padding:0px !important; margin:0px !important; width:auto; height:auto; position:absolute; } .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay{ position:absolute; overflow:hidden; z-index:2; top:0px; left:0px; } .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img{ width:100%; max-width:none !important; } .ug-tiletype-justified .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img{ height:100%; max-width:none !important; } .ug-thumb-wrapper.ug-tile { position:absolute; width:38px; height:38px; background-repeat:no-repeat; background-position:0 0; xbackground-color:green; z-index:6; top:1px; left:1px; cursor:pointer; } .ug-icon-zoom-custom, .ug-icon-play-custom, .ug-icon-link-custom{ transition: all .3s ease !important; } .ug-thumb-wrapper.ug-tile .ug-tile-icon{ position:absolute; width:38px; height:38px; z-index:6; top:1px; left:1px; cursor:pointer; } .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link{ } .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom{ } .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play{ } .ug-thumb-wrapper.ug-tile .ug-tile-icon:hover{ } .ug-thumbs-grid .ug-tile-image-overlay img{ width:auto; height:auto; position:absolute; max-width:none !important; } /* text panel on tiles*/ .ug-tile .ug-textpanel{ z-index: 5; cursor:default; } .ug-tile.ug-tile-clickable .ug-textpanel{ cursor:pointer; } .ug-tile .ug-textpanel-title{ font-size:14px; font-weight:bold; } .--------------CAROUSEL------------------{} .ug-gallery-wrapper .ug-carousel-wrapper{ position:absolute; overflow:hidden; } .ug-gallery-wrapper .ug-carousel-inner{ position:absolute; } .------------------LIGHTBOX---------------------{} .ug-gallery-wrapper.ug-lightbox{ display: none; position: fixed; border: none; padding:0px; margin:0px; outline: invert none medium; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; max-width:none !important; max-height:none !important; z-index: 999999; } .ug-lightbox .ug-lightbox-top-panel{ position:absolute; z-index:2; } .ug-lightbox .ug-lightbox-top-panel-overlay{ width:100%; height:100%; position:absolute; background-color:#000000; opacity:0.4; filter: alpha(opacity=40); } .ug-lightbox .ug-lightbox-overlay{ position:absolute; z-index:1; width:100%; height:100%; background-color:#000000; opacity:1; } .ug-lightbox .ug-slider-wrapper{ z-index:1; xbackground-color:green; background-color:transparent !important; } .ug-lightbox .ug-textpanel{ z-index: 2; } .ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox .ug-lightbox-arrow-right{ position:absolute; width:50px; height:55px; z-index:3; cursor:pointer; } .ug-lightbox .ug-lightbox-arrow-right{ } .ug-lightbox .ug-lightbox-button-close{ position:absolute; width:36px; height:36px; z-index:9999999; cursor:pointer; } .ug-lightbox-compact .ug-lightbox-button-close{ width:45px; height:41px; } .ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover, .ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover{ } .ug-lightbox .ug-lightbox-button-close.ug-button-hover{ } .ug-lightbox-button-close-custom{ display: flex; justify-content: center; align-items: center; } .ug-lightbox-compact .ug-lightbox-button-close.ug-button-hover{ } .ug-lightbox .ug-lightbox-numbers{ position:absolute; color:#e5e5e5; font-size:12px; top:14px; left:8px; z-index:3; } .ug-lightbox-compact .ug-lightbox-numbers{ font-size: 14px; padding-right:5px; padding-top:7px; } .ug-lightbox .ug-textpanel-title, .ug-lightbox .ug-textpanel-description{ font-size: 14px; font-weight: normal; color: #e5e5e5; } .ug-lightbox-compact .ug-textpanel-title, .ug-lightbox-compact .ug-textpanel-description{ color:#F3F3F3; font-size: 16px; } .------------------LOADMORE_BUTTON---------------------{} .ug-loadmore-wrapper{ margin-top:20px; text-align:center; } .ug-loadmore-wrapper .ug-loadmore-button{ display:inline-block; padding:5px; border:1px solid #939393; text-decoration:none; color: #4F4F4F; } .ug-loadmore-wrapper .ug-loadmore-error{ color:red; } .ug-loadmore-wrapper .ug-loadmore-button:hover{ background-color:#F0F0F0; color:#515151; } .ug-loadmore-wrapper .ug-loadmore-loader{ color: #515151; } .------------------CATEGORY_TABS---------------------{} .ug-tabs-wrapper{ margin-top:0px; margin-bottom:20px; text-align:center; } .ug-tabs-wrapper a.ug-tab{ display: inline-block; cursor:pointer; text-decoration:none; color:#ffffff; padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px; margin-left:5px; background-color:#333333; border-radius:3px; font-size:12px; font-weight:normal; border: 1px solid #969696; } .ug-tabs-wrapper a.ug-tab:hover{ background-color: #707070 !important; } .ug-tabs-wrapper a.ug-tab.ug-tab-selected, .ug-tabs-wrapper a.ug-tab.ug-tab-selected:hover{ background-color: #2077A2 !important; cursor:default !important; } .ug-tabs-wrapper a.ug-tab:first-child{ margin-left:0px !important; } .------------------DEFAULT_SKIN---------------------{} /* --- arrows -- */ .ug-arrow-left.ug-skin-default, .ug-arrow-right.ug-skin-default{ width:32px; height:32px; opacity:0.8; display: flex; justify-content: center; align-items: center; transition-duration: .3s !important; } .ug-arrow-left svg, .ug-arrow-right svg{ width: 100%; height: 100%; transition-duration: .3s !important; } .ug-arrow-left svg *, .ug-arrow-right svg *{ transition-duration: .3s !important; } .ug-gallery-wrapper .ug-arrow-right-custom, .ug-gallery-wrapper .ug-arrow-left-custom{ display: flex; justify-content: center; align-items: center; } .ug-arrow-left.ug-skin-default.ug-arrow-hover, .ug-arrow-right.ug-skin-default.ug-arrow-hover{ opacity:1; } .ug-arrow-left.ug-skin-default.ug-arrow-disabled, .ug-arrow-right.ug-skin-default.ug-arrow-disabled{ opacity:0.4; } /* --- bullets -- */ .ug-bullets .ug-bullet{ box-sizing: border-box; width:15px; height:15px; margin-left:5px; } .ug-button-tile-navigation{ width:32px; height:32px; background-position:top left; cursor:pointer; float:left; display: flex; justify-content: center; align-items: center; } .ug-button-tile-custom{ display: flex; justify-content: center; align-items: center; transition: all .3s ease !important; } .ug-button-tile-navigation.ug-button-tile-left{ } .ug-button-tile-navigation.ug-button-tile-right{ } .ug-button-tile-navigation:hover{ } .ug-button-tile-navigation.ug-button-disabled{ opacity:0.6; cursor: unset; } .ug-button-tile-navigation.ug-button-disabled:hover{ background-position:top left; } .ug-button-tile-navigation.ug-button-tile-play{ } .ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon{ } .ug-button-tile-navigation.ug-button-tile-play:hover{ } .ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon:hover{ } .ug-button-tile-play-custom{ transition: all .3s ease !important; } .ug-button-tile-pause-icon, .ug-button-tile-play-icon{ display: flex; align-items: center; justify-content: center; } /* --- play button -- */ .ug-button-play.ug-skin-default{ position:absolute; width:14px; height:17px; cursor:pointer; opacity: .5; transition-duration: .3s !important; } .ug-button-play.ug-skin-default svg{ transition-duration: .3s !important; } .ug-button-play.ug-skin-default.ug-button-hover{ opacity: 1; } .ug-button-play.ug-skin-default.ug-stop-mode{ opacity: .5; } .ug-button-play.ug-skin-default.ug-stop-mode.ug-button-hover{ opacity: 1; } .ug-button-play-custom{ display: flex; align-items: center; justify-content: center; } /* --- fullscreen button -- */ .ug-button-fullscreen.ug-skin-default{ position:absolute; width:16px; height:16px; cursor:pointer; opacity: .5; transition-duration: .3s !important; } .ug-button-fullscreen svg{ transition-duration: .3s !important; } .ug-button-fullscreen-custom{ display: flex; align-items: center; justify-content: center; } .ug-button-fullscreen.ug-skin-default.ug-button-hover{ opacity: 1; } .ug-button-fullscreen.ug-skin-default.ug-fullscreenmode{ opacity: .5; } .ug-button-fullscreen.ug-skin-default.ug-fullscreenmode.ug-button-hover{ opacity: 1; } /* --- zoom panel --- */ .ug-zoompanel.ug-skin-default .ug-zoompanel-button{ background-repeat: no-repeat; cursor:pointer; height: 23px; width: 23px; margin-top:5px; background-position: 0px 0px; transition: all .3s !important; } .ug-zoompanel svg *{ transition-duration: .3s !important; } .ug-zoompanel.ug-skin-default .ug-zoompanel-button-custom{ line-height: 1em; display: flex; align-items: center; justify-content: center; } .ug-zoompanel.ug-skin-default .ug-zoompanel-plus{ margin-top:0px; } .ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover{ opacity: .75; } .ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled, .ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover.ug-zoompanel-button-disabled{ opacity: .5; cursor:default; } /* --- Grid Panel Arrows -- */ /*--- down arrow ---*/ .ug-gallery-wrapper .grid-arrow{ transition-duration: .3s !important; } .ug-gallery-wrapper .grid-arrow svg{ transition-duration: .3s !important; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default{ width:30px; height:15px; display: flex; justify-content: center; align-items: center; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover{ } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-disabled{ filter: opacity(0.5); } /*--- up arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default{ width:30px; height:15px; display: flex; justify-content: center; align-items: center; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover{ } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-disabled{ filter: opacity(0.5); } /*--- left arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default{ width:40px; height:40px; display: flex; justify-content: center; align-items: center; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover{ } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-disabled{ filter: opacity(0.5); } /*--- right arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default{ width:40px; height:40px; display: flex; justify-content: center; align-items: center; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover{ } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-disabled{ filter: opacity(0.5); } /*--- left arrow - horizontal panel type ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default{ width:15px; height:30px; display: flex; justify-content: center; align-items: center; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover{ } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-disabled{ filter: opacity(0.5); } /*--- right arrow - horizontal panel type ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default{ width:15px; height:30px; display: flex; justify-content: center; align-items: center; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover{ } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-disabled{ filter: opacity(0.5); } /* --- Strip Panel Arrows -- */ /* left and right arrows */ .ug-strip-panel .ug-strip-arrow-left.ug-skin-default, .ug-strip-panel .ug-strip-arrow-right.ug-skin-default{ width:25px; height:50px; display: flex; justify-content: center; align-items: center; } .ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip{ opacity: .7; } .ug-strip-panel .ug-strip-arrow-left.ug-skin-default.ug-button-hover .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-right.ug-skin-default.ug-button-hover .ug-strip-arrow-tip{ opacity: 1; } /* up and down arrows */ .ug-strip-panel .ug-strip-arrow-up.ug-skin-default, .ug-strip-panel .ug-strip-arrow-down.ug-skin-default{ height:25px; width:50px; display: flex; justify-content: center; align-items: center; } .ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip svg{ transform: rotate(90deg); } .ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip{ opacity: .5; } .ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip svg{ transform: rotate(90deg); } .ug-strip-panel .ug-strip-arrow-up.ug-skin-default.ug-button-hover .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-down.ug-skin-default.ug-button-hover .ug-strip-arrow-tip{ opacity: 1; } .ug-strip-panel .ug-strip-arrow.ug-skin-default.ug-button-disabled .ug-strip-arrow-tip{ opacity:0.5; filter: alpha(opacity = 50); } .ug-strip-arrow-custom{ transition: all .3s ease !important; } /* --- Panel Handle Tip -- */ /* left and right handle */ .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ width:26px; height:36px; } .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-hover svg, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-hover svg{ opacity: 1; } .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed svg, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed svg, .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed i, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed i{ transform: rotate(180deg) translate(50%, 50%); } /* top and bottom handle */ .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default{ width:36px; height:26px; } .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-hover svg, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-hover svg, .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-hover i, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-hover i{ opacity: 1; } .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed svg, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed svg, .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed i, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed i{ transform: rotate(180deg) translate(50%, 50%); }