/** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.3.4 (29/12/2015) */ /** * Lightcase settings * * Note:Override default settings for your project without touching this source code by simply * defining those variables within a SASS map called '$lightcase-custom'. * * // Example usage * $lightcase-custom:( * 'breakpoint':768px * );@font-face{ font-family:'lightcase'; src:url("../fonts/lightcase.eot?55356177"); src:url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight:normal; font-style:normal;} */ /* line 12, ../scss/components/fonts/_font-lightcase.scss */ [class*='lightcase-icon-']:before{speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;/* For safety - reset parent styles, that can break glyph codes*/ font-variant:normal;text-transform:none;/* fix buttons height, for twitter bootstrap */ line-height:1em;/* Uncomment for 3D effect *//* text-shadow:1px 1px 1px rgba(127, 127, 127, 0.3); */ } @-webkit-keyframes lightcase-spin{ 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg);} } @-moz-keyframes lightcase-spin{ 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg);} } @-o-keyframes lightcase-spin{ 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg);} } @-ms-keyframes lightcase-spin{ 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg);} } @keyframes lightcase-spin{ 0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg);} } /* line 1, ../scss/components/modules/_case.scss */ #lightcase-case{display:none;position:fixed;z-index:2002;top:50%;left:50%;font-family:arial, sans-serif;font-size:13px;line-height:1.5;text-align:left;text-shadow:0 0 10px rgba(0, 0, 0, 0.5);} @media screen and (max-width:640px){ /* line 1, ../scss/components/modules/_case.scss */ #lightcase-case{width:100% !important;left:0 !important;margin-left:0 !important;} .lightcase-contentInner{width:100% !important;height:auto !important;} .lightcase-contentInner img{max-width:inherit !important;max-height:inherit !important;} /* line 16, ../scss/components/modules/_case.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]){position:relative !important;top:auto !important;left:auto !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important;} } @media screen and (min-width:641px){ /* line 4, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=error]) #lightcase-content{position:relative;z-index:1;overflow:hidden;text-shadow:none;background-color:#fff;-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.5);box-shadow:0 0 30px rgba(0, 0, 0, 0.5);-webkit-backface-visibility:hidden;} } @media screen and (min-width:641px){ /* line 24, ../scss/components/modules/_content.scss */ #lightcase-case[data-lc-type=image] #lightcase-content, #lightcase-case[data-lc-type=video] #lightcase-content{background-color:#333;} } /* line 32, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;} @media screen and (max-width:640px){ /* line 32, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content{position:relative !important;top:auto !important;left:auto !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important;} } /* line 42, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} @media screen and (max-width:640px){ /* line 42, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner{padding:15px;} /* line 51, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner, #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > *{width:100% !important;max-width:none !important;} /* line 58, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > *:not(iframe){height:auto !important;max-height:none !important;} } @media screen and (max-width:640px){ /* line 69, ../scss/components/modules/_content.scss */ .lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner{overflow:auto;-webkit-overflow-scrolling:touch;} } @media screen and (max-width:640px) and (min-width:641px){ /* line 73, ../scss/components/modules/_content.scss */ [data-lc-type=image] #lightcase-content .lightcase-contentInner, [data-lc-type=video] #lightcase-content .lightcase-contentInner{line-height:0.75;} } /* line 85, ../scss/components/modules/_content.scss */ .lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{overflow:auto;-webkit-overflow-scrolling:touch;} @media screen and (max-width:640px){ /* line 90, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{position:relative !important;top:auto !important;left:auto !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important;} } @media screen and (min-width:641px){ /* line 97, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{padding:30px;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} } @media screen and (max-width:640px){ /* line 114, ../scss/components/modules/_content.scss */ #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p{color:#aaa;} #lightcase-content h1:before, #lightcase-content h2:before, #lightcase-content h3:before, #lightcase-content h4:before, #lightcase-content h5:before, #lightcase-content h6:before, #lightcase-content p:before{display:none;} } @media screen and (min-width:641px){ /* line 114, ../scss/components/modules/_content.scss */ #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p{color:#333;border:none;} #lightcase-content h1:before, #lightcase-content h2:before, #lightcase-content h3:before, #lightcase-content h4:before, #lightcase-content h5:before, #lightcase-content h6:before, #lightcase-content p:before{display:none;} } /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error{margin:0;font-size:17px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaa;} @media screen and (max-width:640px){ /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error{padding:30px 0;} } @media screen and (min-width:641px){ /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error{padding:0;} } /* line 6, ../scss/components/modules/_global.scss */ .lightcase-isMobileDevice .lightcase-open body{max-width:100%;max-height:100%;overflow:hidden;} .lightcase-open body{overflow-y:scroll;position:fixed;left:50%;margin-left:-520px;} @media screen and (max-width:640px){ /* line 4, ../scss/components/modules/_global.scss */ .lightcase-open body{padding:55px 0 70px 0;} /* line 15, ../scss/components/modules/_global.scss */ .inlineMode.lightcase-open body > *:not([id*='lightcase-']){ position:fixed !important;top:-9999px !important;width:0 !important;height:0 !important;overflow:hidden !important;} } /* line 1, ../scss/components/modules/_info.scss */ #lightcase-info{position:absolute;padding-top:15px;} /* line 9, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title, #lightcase-info #lightcase-caption{margin:0;padding:0;line-height:1.5;font-weight:normal;text-overflow:ellipsis;} /* line 19, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title{font-size:17px;color:#aaa;border:none;} #lightcase-info #lightcase-title:before{display:none;} @media screen and (max-width:640px){ /* line 19, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title{position:fixed;top:10px;left:0;max-width:87.5%;padding:5px 15px;background:#333;} } /* line 33, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-caption{clear:both;font-size:13px;color:#aaa;} /* line 39, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-sequenceInfo{font-size:11px;color:#aaa;} @media screen and (max-width:640px){ /* line 45, ../scss/components/modules/_info.scss */ .lightcase-fullScreenMode #lightcase-info{padding-left:15px;padding-right:15px;} /* line 51, ../scss/components/modules/_info.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info{position:static;} } /* line 1, ../scss/components/modules/_loading.scss */ #lightcase-loading{position:fixed;z-index:9999;width:1.123em;height:auto;font-size:38px;line-height:1;text-align:center;text-shadow:none;position:fixed;z-index:2001;top:50%;left:50%;margin-top:-0.5em;margin-left:-0.5em;opacity:1;font-size:32px;text-shadow:0 0 15px #fff;-moz-transform-origin:50% 53%;-webkit-animation:lightcase-spin 0.5s infinite linear;-moz-animation:lightcase-spin 0.5s infinite linear;-o-animation:lightcase-spin 0.5s infinite linear;animation:lightcase-spin 0.5s infinite linear;} /* line 20, ../scss/components/mixins/_presets.scss */ #lightcase-loading, #lightcase-loading:focus{text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-transition:color, opacity, ease-in-out 0.25s;-moz-transition:color, opacity, ease-in-out 0.25s;-o-transition:color, opacity, ease-in-out 0.25s;transition:color, opacity, ease-in-out 0.25s;} /* line 32, ../scss/components/mixins/_presets.scss */ #lightcase-loading > span{display:inline-block;text-indent:-9999px;} /* line 4, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-']{position:fixed;z-index:9999;width:1.123em;height:auto;font-size:38px;line-height:1;text-align:center;text-shadow:none;outline:none;cursor:pointer;} /* line 20, ../scss/components/mixins/_presets.scss */ #lightcase-nav a[class*='lightcase-icon-'], #lightcase-nav a[class*='lightcase-icon-']:focus{text-decoration:none;color:rgba(255, 255, 255, 0.6);-webkit-tap-highlight-color:transparent;-webkit-transition:color, opacity, ease-in-out 0.25s;-moz-transition:color, opacity, ease-in-out 0.25s;-o-transition:color, opacity, ease-in-out 0.25s;transition:color, opacity, ease-in-out 0.25s;} /* line 32, ../scss/components/mixins/_presets.scss */ #lightcase-nav a[class*='lightcase-icon-'] > span{display:inline-block;text-indent:-9999px;} /* line 49, ../scss/components/mixins/_presets.scss */ #lightcase-nav a[class*='lightcase-icon-']:hover{color:white;text-shadow:0 0 15px white;} /* line 12, ../scss/components/modules/_navigation.scss */ .lightcase-isMobileDevice #lightcase-nav a[class*='lightcase-icon-']:hover{color:#aaa;text-shadow:none;} @media screen and (min-width:641px){ /* line 29, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play{opacity:0;} } /* line 40, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close{top:50px;right:50px;bottom:auto;margin:0;opacity:0;outline:none;} @media screen and (max-width:640px){ /* line 40, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close{position:fixed;top:20px;right:20px;width:32px;height:32px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:after, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:before{content:'';display:block;position:absolute;top:0px;right:14px;height:32px;width:4px;background-color:rgba(255,255,255,1);transition:all 0.3s;-webkit-transition:all 0.3s;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} /* line 19, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev:after, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next:after{content:'';display:block;position:absolute;height:0;width:0;top:50%;margin-top:-15px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev{left:50px;width:32px;height:32px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev:after{width:18px;height:18px;border-bottom:4px solid #fff;border-left:4px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:21px;left:12px;} /* line 24, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next{right:50px;width:32px;height:32px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next:after{width:18px;height:18px;border-top:4px solid #fff;border-right:4px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:21px;right:12px;} /* line 29, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play{left:50%;width:32px;margin-left:-16px;height:32px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause:before{content:'';display:block;width:4px;height:22px;background-color:rgba(255,255,255,0.8);position:absolute;left:9px;top:5px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause:after{content:'';display:block;width:4px;height:22px;background-color:rgba(255,255,255,0.8);position:absolute;right:9px;top:5px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play:after{content:'';display:block;position:absolute;top:4px;left:9px;box-sizing:border-box;width:12px;height:12px;border:12px solid transparent;border-left:12px solid rgba(255,255,255,0.8);} } @media screen and (min-width:641px){ /* line 40, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close{position:fixed;display:inline-block;width:50px;height:50px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:after, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:before{content:'';display:block;position:absolute;top:4px;right:21px;height:40px;width:5px;background-color:rgba(255,255,255,1);transition:all 0.3s;-webkit-transition:all 0.3s;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:hover{opacity:0.8 !important;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:hover:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close:hover:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);} /* line 19, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev:after, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next:after{content:'';display:block;position:absolute;height:0;width:0;top:50%;margin-top:-15px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev:hover:after, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next:hover:after{opacity:0.8;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev{left:50px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev:after{width:26px;height:26px;border-bottom:5px solid #fff;border-left:5px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:26px;left:18px;} /* line 24, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next{right:50px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next:after{width:26px;height:26px;border-top:5px solid #fff;border-right:5px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:26px;right:18px;} /* line 29, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play{left:50%;margin-left:-16px;border:1px solid rgba(255,255,255,0.1);background-color:rgba(0,0,0,0.2);border-radius:4px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause:before{content:'';display:block;width:5px;height:24px;background-color:rgba(255,255,255,0.8);position:absolute;left:15px;top:11px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause:after{content:'';display:block;width:5px;height:24px;background-color:rgba(255,255,255,0.8);position:absolute;right:15px;top:11px;} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play:after{content:'';display:block;position:absolute;top:9px;left:18px;box-sizing:border-box;width:14px;height:14px;border:14px solid transparent;border-left:14px solid rgba(255,255,255,0.8);} } @media screen and (max-width:640px){ /* line 4, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-']{bottom:15px;font-size:24px;} } @media screen and (min-width:641px){ /* line 4, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-']{bottom:50%;margin-bottom:-0.5em;width:50px;height:50px;} /* line 66, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ #lightcase-nav a[class*='lightcase-icon-']{opacity:1;} } /* line 1, ../scss/components/modules/_overlay.scss */ #lightcase-overlay{display:none;width:100%;height:100%;position:fixed;z-index:2000;top:0;left:0;background:#333;} @media screen and (max-width:640px){ /* line 1, ../scss/components/modules/_overlay.scss */ #lightcase-overlay{opacity:1 !important;} }