/*-- slider --*/ .squarespace-slideshow-wrapper { overflow:hidden; -webkit-user-select:none; } .squarespace-slideshow-wrapper.outside { padding-left:50px; } .squarespace-slideshow { position: relative; } .squarespace-slideshow-frame { overflow:hidden; width:100%; height:100%; position:relative; } .squarespace-slideshow-animated-frame { overflow:hidden; } .squarespace-slideshow-wrapper img { max-width:none !important; } /*-- frame position --*/ .squarespace-slideshow-animated-frame.type-swipe .sf { float:left; position:relative; } .squarespace-slideshow-animated-frame.type-fade .sf { float:left; position:absolute; } .squarespace-slideshow-animated-frame.type-swipe .sf .slide-content { position:absolute; display:block; visibility:hidden; } .squarespace-slideshow-animated-frame.type-fade .sf .slide-content { position:absolute; display:block; opacity:0; filter: alpha(opacity=0); } .squarespace-slideshow-animated-frame .sf { overflow:hidden; } .squarespace-slideshow-animated-frame .sf.active { border:none !important; } .squarespace-slideshow-animated-frame .sf.active .slide-content { visibility:visible; } .squarespace-slideshow-animated-frame.type-fade .sf.active .slide-content { opacity:1; filter: alpha(opacity=100); } /*-- nav fast forward/rewind --*/ .fnav { width:80px; height:100%; position:absolute; top:0px; background-repeat:no-repeat; background-position:50% 50%; cursor:pointer; } .fnav.hidden { opacity:0; filter: alpha(opacity=0); } .fnav.visible { opacity:0.6; filter: alpha(opacity=60); } .fnav.onhover { opacity:0; filter: alpha(opacity=0); } .fnav.onhover:hover { opacity:0.6; -webkit-transition-property: opacity, -webkit-transform; -webkit-transition-duration: .8s, .8s; filter: alpha(opacity=60); } .frwd { left:0; background-image:url(../images/slideshow/previous-button.png); } .ffwd { right:0; background-image:url(/universal/images/slideshow/next-button.png); } /*-- nav outside --*/ .outside .fnav { width: 50px; } .outside .squarespace-slideshow .frwd { left: -50px; } .outside .squarespace-slideshow .ffwd { right: -50px; } /*-- description --*/ .squarespace-slideshow-description-wrapper { width: 100%; position: absolute; bottom: 0; } .squarespace-slideshow-container { width: 100%; height: 100%; position: absolute; background-color: black; opacity: 0.4; filter: alpha(opacity=40); } .squarespace-slideshow-description-content { padding:9px 20px; overflow:hidden;} .squarespace-slideshow-title { color:#FFF; position:relative; z-index:10; font-size:16px; font-family:Helvetica; } .squarespace-slideshow-description { color:#FFF; position:relative; overflow:hidden; z-index:10; font-size:10px; font-family:Helvetica; display:block; line-height:1.2em; } /*-- slideshow indicator --*/ .squarespace-slideshow-indicator-wrapper { position:relative; float: left;} .slide-indicator-box { position:relative; padding-top:10px; overflow: hidden; } .slide-indicator { line-height: 20px; border:none; outline:none; display: block; float: left; cursor:pointer; } .slide-indicator-type-hidden .slide-indicator-box { display:none;} .slide-indicator-type-paginated .slide-indicator { padding-left: 0.8em; padding-right: 0.8em; margin: 0 3px 3px; background-color:#CCC; color:#000; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:11px; } .slide-indicator-type-paginated .slide-indicator.si-first { margin-left:0;} .slide-indicator-type-paginated .slide-indicator.si-last { margin-right:0;} .slide-indicator-type-paginated .slide-indicator:hover { background-color:#D5D5D5; color:#000; text-decoration:none;} .slide-indicator-type-paginated .slide-indicator.active { background-color:#999; color:#000; } .slide-indicator-type-paginated .slide-indicator.active:hover { opacity:0.8; filter: alpha(opacity=80); } .slide-indicator-type-paginated .pagination-ellipsis { float:left; letter-spacing:1px } .slide-indicator-type-dotted .slide-indicator-box { margin:0 auto;} .slide-indicator-type-dotted .slide-indicator { margin: 0 auto; background:url(../images/slideshow/unselected.png) center center no-repeat; width:20px; height:20px; } .slide-indicator-type-dotted .slide-indicator:hover { } .slide-indicator-type-dotted .slide-indicator.active { background:url(/universal/images/slideshow/selected.png) center center no-repeat;} .slide-indicator-type-dotted .slide-indicator.active:hover { opacity:0.8; filter: alpha(opacity=80);} .slide-indicator-textual {} .slide-indicator-textual span { } .slide-indicator-prev { cursor:pointer; } .slide-indicator-next { cursor:pointer; }