.---------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%; } .---------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('../files/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('../files/images/loader-white1.gif'); } .ug-slider-preloader.ug-loader1.ug-loader-black{ background-image:url('../files/images/loader-black1.gif'); } .ug-slider-preloader.ug-loader2{ width:32px; height:32px; background-image:url('../files/images/loader-white2.gif'); } .ug-slider-preloader.ug-loader2.ug-loader-black{ background-image:url('../files/images/loader-black2.gif'); } .ug-slider-preloader.ug-loader3{ width:38px; height:38px; background-image:url('../files/images/loader-white3.gif'); } .ug-slider-preloader.ug-loader3.ug-loader-black{ background-image:url('../files/images/loader-black3.gif'); } .ug-slider-preloader.ug-loader4{ width:32px; height:32px; background-image:url('../files/images/loader-white4.gif'); background-color:white; } .ug-slider-preloader.ug-loader4.ug-loader-black{ background-image:url('../files/images/loader-black4.gif'); } .ug-slider-preloader.ug-loader5{ width:60px; height:8px; background-image:url('../files/images/loader-white5.gif'); background-color:white; border:none; border-radius:0px; } .ug-slider-preloader.ug-loader5.ug-loader-black{ background-image:url('../files/images/loader-black5.gif'); border:2px solid #000000; } .ug-slider-preloader.ug-loader6{ width:32px; height:32px; background-image:url('../files/images/loader-white6.gif'); } .ug-slider-preloader.ug-loader6.ug-loader-black{ background-image:url('../files/images/loader-black6.gif'); } .ug-slider-preloader.ug-loader7{ width:32px; height:10px; background-image:url('../files/images/loader-white7.gif'); border-width:3px; border-radius:3px; } .ug-slider-preloader.ug-loader7.ug-loader-black{ background-image:url('../files/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; } .ug-slider-wrapper .ug-button-videoplay.ug-type-square{ width:86px; height:66px; background-image:url('../files/images/play-button-square.png'); background-position:0px -66px; } .ug-slider-wrapper .ug-button-videoplay.ug-type-square.ug-button-hover{ background-position:0px 0px; } .ug-slider-wrapper .ug-button-videoplay.ug-type-round{ width:76px; height:76px; background-image:url('../files/images/play-button-round.png'); 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('../files/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('../files/images/loader-black1.gif'); background-repeat:no-repeat; background-position:center center; } .ug-videoplayer .ug-videoplayer-button-close{ position:absolute; height:64px; width:64px; background-image:url('../files/images/button-close.png'); cursor:pointer; z-index:1000; } .ug-videoplayer .ug-videoplayer-button-close:hover{ background-position: 0px -64px; } .--------------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('../files/images/loader.gif'); } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-bright{ background-image:url('../files/images/loader_bright.gif'); } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error{ background-image:url('../files/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,#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,#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,#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; } .ug-gallery-wrapper .ug-bullets .ug-bullet{ background-repeat:no-repeat; cursor:pointer; display:block; float:left; z-index:2; } .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-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; } .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('../files/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; } .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 .ug-tile-icon{ 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-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link{ background-image:url('../files/images/icon-link32.png'); } .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom{ background-image:url('../files/images/icon-zoom32.png'); } .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play{ background-image:url('../files/images/icon-play32.png'); } .ug-thumb-wrapper.ug-tile .ug-tile-icon:hover{ background-position:0 -38px; } .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{ 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; background-repeat:no-repeat; background-image:url('../files/images/lightbox-arrow-left.png'); background-position:0px 0px; z-index:3; cursor:pointer; } .ug-lightbox .ug-lightbox-arrow-right{ background-image:url('../files/images/lightbox-arrow-right.png'); } .ug-lightbox .ug-lightbox-button-close{ position:absolute; width:36px; height:36px; background-repeat:no-repeat; background-image:url('../files/images/lightbox-icon-close.png'); background-position:0px 0px; z-index:4; cursor:pointer; } .ug-lightbox-compact .ug-lightbox-button-close{ width:45px; height:41px; background-image:url('../files/images/lightbox-icon-close-compact2.png'); } .ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover, .ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover{ background-position:0px -55px; } .ug-lightbox .ug-lightbox-button-close.ug-button-hover{ background-position:0px -35px; } .ug-lightbox-compact .ug-lightbox-button-close.ug-button-hover{ background-position:0px -40px; } .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; } .------------------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:15px; height:30px; background-image:url('../files/skins/default/slider_arrow_left.png'); background-position:0px 0px; } .ug-arrow-right.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_right.png'); } .ug-arrow-left.ug-skin-default.ug-arrow-hover, .ug-arrow-right.ug-skin-default.ug-arrow-hover{ background-position:0px -30px; } .ug-arrow-left.ug-skin-default.ug-arrow-disabled, .ug-arrow-right.ug-skin-default.ug-arrow-disabled{ background-position:0px -60px; } /* --- bullets -- */ .ug-bullets.ug-skin-default .ug-bullet{ width:15px; height:15px; background-image:url('../files/skins/default/slider_bullets.png'); background-position:top left; margin-left:5px; } .ug-bullets.ug-skin-default .ug-bullet.ug-bullet-active{ background-position:bottom left; } .ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_gray.png'); } .ug-bullets.ug-skin-default.ug-bullets-blue .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_blue.png'); } .ug-bullets.ug-skin-default.ug-bullets-brown .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_brown.png'); } .ug-bullets.ug-skin-default.ug-bullets-green .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_green.png'); } .ug-bullets.ug-skin-default.ug-bullets-red .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_red.png'); } .ug-button-tile-navigation{ width:36px; height:36px; background-position:top left; cursor:pointer; float:left; } .ug-button-tile-navigation.ug-button-tile-left{ background-image:url('../files/skins/default/tile_button_left.png'); } .ug-button-tile-navigation.ug-button-tile-right{ background-image:url('../files/skins/default/tile_button_right.png'); } .ug-button-tile-navigation:hover{ background-position:bottom left; } .ug-button-tile-navigation.ug-button-disabled{ opacity:0.6; } .ug-button-tile-navigation.ug-button-disabled:hover{ background-position:top left; } .ug-button-tile-navigation.ug-button-tile-play{ background-image:url('../files/skins/default/tile_button_play_pause.png'); width:35px; } .ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon{ background-position:bottom left; } .ug-button-tile-navigation.ug-button-tile-play:hover{ background-position:top left; } .ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon:hover{ background-position:bottom left; } /* --- play button -- */ .ug-button-play.ug-skin-default{ position:absolute; background-image:url('../files/skins/default/button_playpause.png'); width:14px; height:17px; cursor:pointer; background-position:0px 0px; } .ug-button-play.ug-skin-default.ug-button-hover{ background-position:0px -17px; } .ug-button-play.ug-skin-default.ug-stop-mode{ background-position:0px -34px; } .ug-button-play.ug-skin-default.ug-stop-mode.ug-button-hover{ background-position:0px -51px; } /* --- fullscreen button -- */ .ug-button-fullscreen.ug-skin-default{ position:absolute; background-image:url('../files/skins/default/button_fullscreen.png'); width:16px; height:16px; cursor:pointer; background-position:0px 0px; } .ug-button-fullscreen.ug-skin-default.ug-button-hover{ background-position:0px -16px; } .ug-button-fullscreen.ug-skin-default.ug-fullscreenmode{ background-position:0px -32px; } .ug-button-fullscreen.ug-skin-default.ug-fullscreenmode.ug-button-hover{ background-position:0px -48px; } /* --- 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; } .ug-zoompanel.ug-skin-default .ug-zoompanel-plus{ margin-top:0px; } .ug-zoompanel.ug-skin-default .ug-zoompanel-plus{ background-image:url('../files/skins/default/icon_zoom_plus.png'); } .ug-zoompanel.ug-skin-default .ug-zoompanel-minus{ background-image:url('../files/skins/default/icon_zoom_minus.png'); } .ug-zoompanel.ug-skin-default .ug-zoompanel-return{ background-image:url('../files/skins/default/icon_zoom_back.png'); } .ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover{ background-position: 0px -23px; } .ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled, .ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover.ug-zoompanel-button-disabled{ background-position: 0px -46px; cursor:default; } /* --- Grid Panel Arrows -- */ /*--- down arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default{ width:30px; height:15px; background-position:0px 0px; background-image:url('../files/skins/default/arrow_grid_down.png'); } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover{ background-position:0px -15px; } .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{ background-position:0px -30px; } /*--- up arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default{ width:30px; height:15px; background-position:0px 0px; background-image:url('../files/skins/default/arrow_grid_up.png'); } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover{ background-position:0px -15px; } .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{ background-position:0px -30px; } /*--- left arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default{ width:40px; height:40px; background-position:0px -40px; background-image:url('../files/skins/default/grid_arrow_left.png'); } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover{ background-position:0px -0px; } .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{ background-position:0px -80px; } /*--- right arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default{ width:40px; height:40px; background-position:0px -40px; background-image:url('../files/skins/default/grid_arrow_right.png'); } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover{ background-position:0px -0px; } .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{ background-position:0px -80px; } /*--- left arrow - horizontal panel type ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default{ width:15px; height:30px; background-image:url('../files/skins/default/slider_arrow_left.png'); background-position:0px 0px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover{ background-position:0px -30px; } .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{ background-position:0px -60px; } /*--- right arrow - horizontal panel type ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default{ width:15px; height:30px; background-image:url('../files/skins/default/slider_arrow_right.png'); background-position:0px 0px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover{ background-position:0px -30px; } .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{ background-position:0px -60px; } /* --- 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; } .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{ background-position:0px 0px; background-repeat:no-repeat; width:4px; height:7px; } .ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_left.png'); } .ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_right.png'); } .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{ background-position:0px -7px; } /* 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; } .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{ background-position:0px 0px; background-repeat:no-repeat; width:7px; height:4px; } .ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_up.png'); } .ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_down.png'); } .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{ background-position:-7px 0px; } .ug-strip-panel .ug-strip-arrow.ug-skin-default.ug-button-disabled .ug-strip-arrow-tip{ background-position:0px 0px; opacity:0.5; filter: alpha(opacity = 50); } /* --- 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:22px; height:36px; background-image:url('../files/skins/default/grid_handle_black_left.png'); background-repeat:no-repeat; background-position:0px -36px; } .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_right.png'); background-position:0px -36px; } .ug-gallery-wrapper .ug-handle-tip-left.ug-button-hover.ug-skin-default, .ug-gallery-wrapper .ug-handle-tip-right.ug-button-hover.ug-skin-default{ background-position:0px -0px; } .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed{ background-position:0px -108px; } .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed.ug-button-hover, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed.ug-button-hover{ background-position:0px -72px; } /* 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:22px; background-image:url('../files/skins/default/grid_handle_black_top.png'); background-repeat:no-repeat; background-position:-36px 0px; } .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_bottom.png'); background-position:-36px 0px; } .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-hover, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-hover{ background-position:0px 0px; } .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed{ background-position:-108px 0px; } .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed.ug-button-hover, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed.ug-button-hover{ background-position:-72px 0px; } /* Start Socializr stack CSS code */ @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); /*** GENERAL STYLES ***/ .dpSocialShare_container { position:fixed; left:0; top:0; z-index:99999999; font-family:Verdana, Geneva, sans-serif; line-height:100%; width: 100%; } .dpSocialShare_container .dpSocialShare_wrap { position:relative; z-index:9999999; border:1px solid #ffffff; background:#f4f4f4; width:100%; height:100%; text-align: left; overflow: auto; float:left; } .dpSocialShare_container .dpSocialShare_overlay { position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#FFFFFF; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity:0.70;opacity:0.70; display:none; z-index:9999999; } .dpSocialShare_btnContainer { position:fixed; cursor: pointer; opacity: .6; width: 60px; height:80px; z-index: 99999; } .dpSocialShare_btnContainer.top-left { left:10px; top: 10px; z-index: 99999; } .dpSocialShare_btnContainer.top-right { right:10px; top: 10px; z-index: 99999; } .dpSocialShare_btnContainer.bottom-left { left:10px; bottom: 10px; z-index: 99999; } .dpSocialShare_btnContainer.bottom-right { right:10px; bottom: 10px; z-index: 99999; } .dpSocialShare_btnContainer.center-left { left:10px; top: 50%; margin-top: -40px; z-index: 99999; } .dpSocialShare_btnContainer.center-right { right:10px; top: 50%; margin-top: -40px; z-index: 99999; } .dpSocialShare_btnContainer:hover { opacity: 1; } .dpSocialShare_btnContainer a.dpSocialShare_btnShare { position: absolute; z-index:999; display:block; width: 60px; height: 60px; border:1px solid transparent; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background: url(../files/socializrAssets/full/customers.png) no-repeat 50% 50% #0A454B; } .dpSocialShare_btnContainer .dpSocialShare_btnShare_text { position:absolute; z-index:990; top: 40px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; font-weight:bold; color: #FFFFFF; display:block; padding:2px 0px; width: 60px; text-align:center; } /* SOCIAL SHARE BUTTONS */ .dpSocialShare_container .dpSocialShare_top_bar { position: absolute; z-index:99999999; width: 940px; margin:0 auto; left: 50%; margin-left: -480px; top:-60px; display: none; padding:15px 10px; background: #F5F5F5; -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5); box-shadow: 0 0 2px 2px rgba(0,0,0,0.5); -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; margin-bottom: 20px; font-family: 'Yanone Kaffeesatz', Arial; font-size: 24px; line-height: 100%; text-transform:uppercase; font-weight:bold; color: #424242; text-align:center; } .dpSocialShare_container .dpSocialShare_top_bar #dpSocialShare_Close { position:absolute; right: 10px; top: 10px; display:block; width: 32px; height:32px; background: transparent url(../files/socializrAssets/full/close.png) no-repeat 0 0; opacity: .7; } .dpSocialShare_container .dpSocialShare_top_bar #dpSocialShare_Close:hover { opacity: 1; } .dpSocialShare_container .dpSocialShare_wrapper { position: relative; z-index:9999999; width: 960px; min-height: 200px; display:none; margin:0 auto; padding-top: 100px; } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton { position:relative; width: 300px; height:100px; background: #dbdbdb; float: left; display:none; margin: 20px 10px; -moz-box-shadow: 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5); box-shadow: 5px 5px rgba(0,0,0,0.5); -moz-border-radius: 5px 0px 5px 0px; -webkit-border-radius: 5px 0px 5px 0px; border-radius: 5px 0px 5px 0px; } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Facebook { background: url(../files/socializrAssets/share_facebook.jpg) no-repeat 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Twitter { background: url(../files/socializrAssets/share_twitter.jpg) no-repeat 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Twitter:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Linkedin { background: url(../files/socializrAssets/share_linkedin.jpg) no-repeat 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Linkedin:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Pinterest { background: url(../files/socializrAssets/share_pinterest.jpg) no-repeat 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Pinterest:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Google { background: url(../files/socializrAssets/share_google.jpg) no-repeat 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Google:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Digg { background: url(../files/socializrAssets/share_digg.jpg) no-repeat 0 0; /* IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Stumbleupon { background: url(../files/socializrAssets/share_stumbleupon.jpg) no-repeat 0 0; /* IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Buffer { background: url(../files/socializrAssets/share_buffer.jpg) no-repeat 0 0; /* IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Delicious { background: url(../files/socializrAssets/share_delicious.jpg) no-repeat 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Delicious:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Facebook:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Buffer:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Stumbleupon:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Digg:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton .dpSocialShare_SocialButtonDescription { padding:5px 20px; position:absolute; top: 0; left: 0; background: #333; -moz-border-radius: 5px 0px 5px 0px; -webkit-border-radius: 5px 0px 5px 0px; border-radius: 5px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; font-weight:bold; color: #EFEFEF; } .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton .dpSocialShare_SocialButtonShare { position:absolute; bottom: 5px; left: 10px; } /* Responsive Support */ @media only screen and (max-width: 768px) { .dpSocialShare_container .dpSocialShare_wrapper { width: 93%; } .dpSocialShare_container .dpSocialShare_top_bar { width: 93%; margin-left: -48%; } } @media only screen and (max-width: 520px) { .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton { width: 128px; margin-bottom: -10px; top: -65px;} .dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton { background-position-x: 80% !important; } } /* End Socializr stack CSS code */#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:0;text-indent:-9999px;background:url(../files/elevator-images/top.png) no-repeat left top;z-index:9988} #toTop:hover{background:url(../files/elevator-images/top.png) no-repeat left -51px} #toTop:active,#toTop:focus{outline:0} /* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_20108headerSpacer { display: block; width: 1px; height: 40px; background: transparent; }/* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_57headerSpacer { display: block; width: 1px; height: 40px; background: transparent; }/* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_66headerSpacer { display: block; width: 1px; height: 20px; background: transparent; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_9 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_9 .container:after, #stacks_in_9 .row:after, #stacks_in_9 .mbcol:after, #stacks_in_9 .clr:after, #stacks_in_9 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_9 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_9 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_9 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_9 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_9 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_9 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_9 .mbspan_3 { margin:0; width: 25%; } #stacks_in_9 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_9 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_9 .mbspan_6 { margin:0; width: 50%; } #stacks_in_9 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_9 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_9 .mbspan_9 { margin:0; width: 75%; } #stacks_in_9 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_9 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_9 .mbspan_12 { margin:0; width: 100%; } #stacks_in_9 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_9 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_9 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_9 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_9 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_9 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_9 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_9 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_9 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_9 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_9 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_9 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_12 { padding: 10px; } #stacks_in_26727 { padding: 10px; } /* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_16headerSpacer { display: block; width: 1px; height: 20px; background: transparent; }/* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_26706headerSpacer { display: block; width: 1px; height: 20px; background: transparent; } #stacks_in_26706 { border: solid rgba(230, 230, 230, 1.00); border-width: 1px 0px 0px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks' fscontent.css Style Sheet Created: 17, January, 2011 Last Modified: 27, January, 2011 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2011 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_26719 { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } #stacks_in_26719 #content { font-size: 12px; line-height: 16px; }/* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_26726headerSpacer { display: block; width: 1px; height: 20px; background: transparent; }#imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-preloader-trans{ background-image:url('../files/images/loader_skype_trans.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader1{ background-image:url('../files/images/loader-white1.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader1.ug-loader-black{ background-image:url('../files/images/loader-black1.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader2{ background-image:url('../files/images/loader-white2.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader2.ug-loader-black{ background-image:url('../files/images/loader-black2.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader3{ background-image:url('../files/images/loader-white3.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader3.ug-loader-black{ background-image:url('../files/images/loader-black3.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader4{ background-image:url('../files/images/loader-white4.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader4.ug-loader-black{ background-image:url('../files/images/loader-black4.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader5{ background-image:url('../files/images/loader-white5.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader5.ug-loader-black{ background-image:url('../files/images/loader-black5.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader6{ background-image:url('../files/images/loader-white6.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader6.ug-loader-black{ background-image:url('../files/images/loader-black6.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader7{ background-image:url('../files/images/loader-white7.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-preloader.ug-loader7.ug-loader-black{ background-image:url('../files/images/loader-black7.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-wrapper .ug-button-videoplay.ug-type-square{ background-image:url('../files/images/play-button-square.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-slider-wrapper .ug-button-videoplay.ug-type-round{ background-image:url('../files/images/play-button-round.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-videoplayer{ background-image:url('../files/images/loader-black1.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-videoplayer .ug-videoplayer-wrapper{ background-image:url('../files/images/loader-black1.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-videoplayer .ug-videoplayer-button-close{ background-image:url('../files/images/button-close.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-dark{ background-image:url('../files/images/loader.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-bright{ background-image:url('../files/images/loader_bright.gif'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error{ background-image:url('../files/images/not_loaded.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-overlay-disabled{ background-image:url('../files/images/cover-grid.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link{ background-image:url('../files/images/icon-link32.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom{ background-image:url('../files/images/icon-zoom32.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play{ background-image:url('../files/images/icon-play32.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-lightbox .ug-lightbox-arrow-left, #imageCarouselOuterContainer_stacks_in_26702 .ug-lightbox .ug-lightbox-arrow-right{ background-image:url('../files/images/lightbox-arrow-left.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-lightbox .ug-lightbox-arrow-right{ background-image:url('../files/images/lightbox-arrow-right.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-lightbox .ug-lightbox-button-close{ background-image:url('../files/images/lightbox-icon-close.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-lightbox-compact .ug-lightbox-button-close{ background-image:url('../files/images/lightbox-icon-close-compact2.png'); } .------------------DEFAULT_SKIN---------------------{} /* --- arrows -- */ #imageCarouselOuterContainer_stacks_in_26702 .ug-arrow-left.ug-skin-default, #imageCarouselOuterContainer_stacks_in_26702 .ug-arrow-right.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_left.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-arrow-right.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_right.png'); } /* --- bullets -- */ #imageCarouselOuterContainer_stacks_in_26702 .ug-bullets.ug-skin-default .ug-bullet{ background-image:url('../files/skins/default/slider_bullets.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_gray.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-bullets.ug-skin-default.ug-bullets-blue .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_blue.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-bullets.ug-skin-default.ug-bullets-brown .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_brown.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-bullets.ug-skin-default.ug-bullets-green .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_green.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-bullets.ug-skin-default.ug-bullets-red .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_red.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-button-tile-navigation.ug-button-tile-left{ background-image:url('../files/skins/default/tile_button_left.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-button-tile-navigation.ug-button-tile-right{ background-image:url('../files/skins/default/tile_button_right.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-button-tile-navigation.ug-button-tile-play{ background-image:url('../files/skins/default/tile_button_play_pause.png'); } /* --- play button -- */ #imageCarouselOuterContainer_stacks_in_26702 .ug-button-play.ug-skin-default{ background-image:url('../files/skins/default/button_playpause.png'); } /* --- fullscreen button -- */ #imageCarouselOuterContainer_stacks_in_26702 .ug-button-fullscreen.ug-skin-default{ background-image:url('../files/skins/default/button_fullscreen.png'); } /* --- zoom panel --- */ #imageCarouselOuterContainer_stacks_in_26702 .ug-zoompanel.ug-skin-default .ug-zoompanel-plus{ background-image:url('../files/skins/default/icon_zoom_plus.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-zoompanel.ug-skin-default .ug-zoompanel-minus{ background-image:url('../files/skins/default/icon_zoom_minus.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-zoompanel.ug-skin-default .ug-zoompanel-return{ background-image:url('../files/skins/default/icon_zoom_back.png'); } /* --- Grid Panel Arrows -- */ /*--- down arrow ---*/ #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default{ background-image:url('../files/skins/default/arrow_grid_down.png'); } /*--- up arrow ---*/ #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default{ background-image:url('../files/skins/default/arrow_grid_up.png'); } /*--- left arrow ---*/ #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default{ background-image:url('../files/skins/default/grid_arrow_left.png'); } /*--- right arrow ---*/ #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default{ background-image:url('../files/skins/default/grid_arrow_right.png'); } /*--- left arrow - horizontal panel type ---*/ #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_left.png'); } /*--- right arrow - horizontal panel type ---*/ #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_right.png'); } /* --- Strip Panel Arrows -- */ /* left and right arrows */ #imageCarouselOuterContainer_stacks_in_26702 .ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_left.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_right.png'); } /* up and down arrows */ #imageCarouselOuterContainer_stacks_in_26702 .ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_up.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_down.png'); } /* --- Panel Handle Tip -- */ /* left and right handle */ #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default, #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_left.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_right.png'); } /* top and bottom handle */ #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default, #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_top.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_bottom.png'); } #imageCarouselOuterContainer_stacks_in_26702 .ug-carousel-wrapper { width: 100% !important; left: 0px !important; padding-top: 20px; padding-bottom: 20px; top: 0px !important; } #imageCarouselOuterContainer_stacks_in_26702 .ug-carousel-inner { /*width: 100% !important;*/ top: 20px !important; } .imageCarouselOuterContainer { margin-bottom: 10px; } #imageCarouselOuterContainer_stacks_in_26702 { margin-top: 10px; margin-bottom: 10px; } /* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_26723headerSpacer { display: block; width: 1px; height: 20px; background: transparent; }/* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_26701headerSpacer { display: block; width: 1px; height: 20px; background: transparent; } #stacks_in_26701 { border: solid rgba(230, 230, 230, 1.00); border-width: 1px 0px 0px 0px; } #stacks_in_26550>.s3_row { margin: 0 -10px; } #stacks_in_26550>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_26550>.s3_row { margin: -10px -10px; } #stacks_in_26550>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_26550>.s3_row { margin: -10px 0; } #stacks_in_26550>.s3_row>.s3_column { padding: 10px 0; width:100%; } #stacks_in_26550>.s3_row { margin: -10px -10px; } #stacks_in_26550>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } /* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_26549headerSpacer { display: block; width: 1px; height: 20px; background: transparent; } #stacks_in_26549 { border: solid rgba(230, 230, 230, 1.00); border-width: 0px 0px 1px 0px; } /* Trunky General Styles */ #stacks_in_13340 .trunky { margin-top:20px; } .read-more a, .re-collapse a{ text-decoration: none !important; } .read-more a:hover, .re-collapse a:hover{ text-decoration: none !important; } /* End Trunky General Styles */ #stacks_in_13340 { padding: 10px; } /* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_12446headerSpacer { display: block; width: 1px; height: 40px; background: transparent; } #stacks_in_12585 .teleportMe { display: none; } /* Start Video Plus stack CSS code */ .stacks_in_12579overlay{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 2147483000; overflow: scroll; transition: all 1s ease 0.2s; } .stacks_in_12579leftCol{ position: absolute; width: 70%; height: 100%; top:0; left: 0; right: 30%; overflow: scroll; margin-left: -70%; transition: all 0.6s ease; } .stacks_in_12579leftcolTable{ position: relative; display: table; width: 100%; height: 100%; } .stacks_in_12579leftcolCell{ display: table-cell; text-align: center; vertical-align: middle; } .stacks_in_12579leftcolContent{ width: 80%; margin: auto; text-align: left; } .stacks_in_12579rightCol{ position: absolute; width: 30%; background: #FFFFFF; top:0; right: 0; height: 100%; overflow: scroll; margin-right: -30%; transition: all 0.6s ease; } .stacks_in_12579rightcolContent{ padding: 60px 30px 50px 30px; } .stacks_in_12579theX{ display: none; position: absolute; width: 33px; height: 33px; top: 20px; right: 20px; } @media all and (max-width: 768px) { .stacks_in_12579overlay{ background: #FFFFFF !important; padding-top: 70px; } .stacks_in_12579leftCol{ position: relative; width: 100%; height: auto; background: #FFFFFF; } .stacks_in_12579leftcolTable{ position: relative; display: table; width: 100%; height: 100%; } .stacks_in_12579leftcolCell{ display: table-cell; text-align: center; vertical-align: middle; } .stacks_in_12579leftcolContent{ width: 90%; margin: auto; text-align: left; } .stacks_in_12579rightCol{ position: relative; width: 100%; background: #FFFFFF; top:0; right: 0; bottom: 0; left: 0; } .stacks_in_12579rightcolContent{ margin: auto; } } .stacks_in_12579posterWrapper img{ max-width: 100%; height: auto; } .stacks_in_12579posterWrapper img:hover{ cursor: pointer; } .stacks_in_12579rightcolContentInner img{ max-width: 100%; height: auto; } .stacks_in_12579videoButton{ position: absolute; top: 50%; left: 50%; width: 0px; height: auto; transform: translate(-50%,-50%); } /* End Video Plus stack CSS code */ #stacks_in_14001 .teleportMe { display: none; } /* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 21, November, 2010 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_14003headerSpacer { display: block; width: 1px; height: 20px; background: transparent; } #stacks_in_14003 { border: solid rgba(230, 230, 230, 1.00); border-width: 1px 0px 0px 0px; } #stacks_in_26563 .teleportMe { display: none; } #jCycleStackstacks_in_26564 { display: block; } /* these are just the default styles used in the Cycle2 demo pages. you can use these styles or any others that you wish. */ /* set border-box so that percents can be used for width, padding, etc (personal preference) */ .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cycle-slideshow {position: relative; width: 100%;} /* slideshow images (for most of the demos, these are the actual "slides") */ .cycle-slideshow img { /* some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */ position: absolute; top: 0; left: 0; padding: 0; display: block; } #jCycleStackstacks_in_26564 div.cycle-slideshow>div { width:100%; height: auto; } div.cycle-slideshow img { width: inherit; max-width: 100%; height: auto; } /* in case script does not load */ .cycle-slideshow img:first-child { position: static; z-index: 100; } /* pager */ .cycle-pager, .example-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 0px; opacity: 0.6; -webkit-transition: all 0.3s; height: 36px !important; } #jCycleStackstacks_in_26564 .cycle-pager span, #jCycleStackstacks_in_26564 .example-pager span { font-size: 36px !important; width: 16px; height: 16px; display: none; cursor: pointer; color: #000000; opacity: 0.4; font-family: Arial; } #jCycleStackstacks_in_26564 .cycle-pager span.cycle-pager-active, #jCycleStackstacks_in_26564 .example-pager span.cycle-pager-active { color: #000000;opacity: 0.8;} .cycle-pager > *, .example-pager > * { cursor: pointer;} #jCycleStackstacks_in_26564 .cycle-pager span[class] {display:inline-block;} /* prev / next links */ .cycle-prev, .cycle-next { position: absolute; top: 0; width: 30% !important; opacity: 0.4; filter: alpha(opacity=40); z-index: 800; height: 100% !important; cursor: pointer; } .cycle-prev { left: 0; background: url(../files/left.png) 0% 50% no-repeat;} .cycle-next { right: 0; background: url(../files/right.png) 100% 50% no-repeat;} .cycle-prev:hover, .cycle-next:hover { opacity: .9; filter: alpha(opacity=90) } .disabled { opacity: .5; filter:alpha(opacity=50); } /* caption */ .cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; } /* overlay */ .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5; } /* prev / next links */ .disabled { opacity: .5; filter:alpha(opacity=50); } /* display paused text on top of paused slideshow */ // .cycle-paused:after { // content: '||'; color: white; background: transparent; padding: 5px 10px; // z-index: 500; position: absolute; top: 4px; right: 4px; // border-radius: 10px; // font-size: 24px; // opacity: 1; filter: alpha(opacity=100); // font-weight: bold; // } /* media queries some style overrides to make things more pleasant on mobile devices */ @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { .cycle-slideshow { width: auto;} .cycle-overlay { padding: 4px } .cycle-caption { bottom: 4px; right: 4px } }