File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/pgresort.in/css/fancyBox.css

Back
/! fancyBox v2.1.5 fancyapps.com \| fancyapps.com/fancybox/#license / .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../images/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.html) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:0 0;-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(fancybox_overlay.png) rgba(0,0,0,.5)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../images/fancybox/fancybox_sprite.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading%402x.html);background-size:24px 24px}} /* isotope / .isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1} / PHOTOSTACK GALLERY/ .codrops-header { margin: 0 auto; padding: 9em 2em; text-align: center; background: #444; color: #f2f8f8; position: relative; overflow: hidden; } .codrops-header h1 { margin: 0; font-weight: 300; font-size: 3.5em; line-height: 1.3; position: relative; } .codrops-header h1 span { display: block; padding: 0 0 0.6em 0.1em; font-size: 60%; opacity: 0.7; } / To Navigation Style / .codrops-top { background: #444; width: 100%; text-transform: uppercase; font-weight: 700; font-size: 0.69em; line-height: 2.2; } .codrops-top a { display: inline-block; padding: 0 1em; text-decoration: none; letter-spacing: 1px; color: #919191; } .codrops-top a:hover { color: #fff; } .codrops-top span.right { float: right; } .codrops-top span.right a { display: block; float: left; } .codrops-icon:before { margin: 0 4px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'codropsicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; } .codrops-icon-drop:before { content: "\e001"; } .codrops-icon-prev:before { content: "\e004"; } .description { padding: 6em 8em; overflow: hidden; } .description p { font-size: 200%; text-align: center; max-width: 800px; } .description p, .codrops-header p { margin: 0 auto 1em; font-weight: 300; line-height: 1.4; } .codrops-header p { opacity: 0.5; text-align: left; font-size: 200%; } .columns p { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; } svg.polaroid { margin: 0 auto; display: block; max-width: 100%; } .description svg.polaroid { padding: 5px 0 30px; } svg.polaroid rect { stroke: #beb4b7; fill: #fff; stroke-width: 6; } .codrops-header svg.polaroid { position: absolute; top: 50%; z-index: 0; opacity: 0.1; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .codrops-header svg.polaroid rect { fill: #444; stroke-width: 2; } .related { text-align: center; font-size: 1.35em; padding: 6em 2em; overflow: hidden; background-color: #444; } .related > a { border: 3px solid #3c3c3c; display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; color: #3c3c3c; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; } .related a:hover { color: #beb4b7; border-color: #beb4b7; } .related a img { max-width: 100%; opacity: 0.8; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .related a:hover img, .related a:active img { opacity: 1; } .related a h3 { margin: 0; padding: 0.5em 0 0.3em; max-width: 300px; text-align: left; } @media screen and (min-width: 60em) { .columns { -moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 1em; column-count: 2; column-gap: 1em; } .codrops-header .columns { padding: 3em 0 0; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em; } } @media screen and (max-width: 45em) { .codrops-header, .description { font-size: 80%; } .description { padding: 4em 1.5em; } .codrops-header svg.polaroid { height: 200px; } } @media screen and (max-width: 25em) { .codrops-icon span { display: none; } .codrops-icon:before { font-size: 160%; line-height: 2; } } @font-face { font-family: 'icons'; src:url('../fonts/icons/icons.eot'); src:url('../fonts/icons/iconsd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/icons/icons.woff') format('woff'), url('../fonts/icons/icons.ttf') format('truetype'), url('../fonts/icons/icons.svg#icons') format('svg'); font-weight: normal; font-style: normal; } .photostack { position: relative; text-align: center; overflow: hidden; } .js .photostack { height: 580px; } .photostack-start { cursor: pointer; } / Wrapper and figures / / The size of this wrapper can be smaller if the items should not be scattered across the whole container / .photostack > div { width: 100%; height: 100%; margin: 0 auto; } .photostack figure { width: 320px; height: 360px; position: relative; display: inline-block; background: #fff; padding: 40px; text-align: center; margin: 5px; } .js .photostack figure { position: absolute; display: block; margin: 0; } .photostack figcaption h2 { margin: 20px 0 0 0; color: #777777; font-size: 16px; } .photostack-img { outline: none; display: block; width: 240px; height: 240px; background: #f9f9f9; } .photostack-back { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; font-family: "serif"; color: #777777; padding: 50px 40px; text-align: left; font-size: 22px; line-height: 1.25; z-index: 1; } .photostack-back p { margin: 0; } .photostack-back p span { text-decoration: line-through; } / Navigation dots / .photostack nav { position: absolute; width: 100%; bottom: 30px; z-index: 90; text-align: center; left: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .photostack-start nav { opacity: 0; } .photostack nav span { position: relative; display: inline-block; margin: 0 5px; width: 30px; height: 30px; cursor: pointer; background: #fff; border-radius: 50%; text-align: center; -webkit-transition: -webkit-transform 0.6s ease-in-out, background 0.3s; transition: transform 0.6s ease-in-out, background 0.3s; -webkit-transform: scale(0.48); transform: scale(0.48); } .photostack nav span:last-child { margin-right: 0; } .photostack nav span::after { content: "\e600"; font-family: 'icons'; font-size: 80%; speak: none; display: inline-block; vertical-align: top; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 30px; opacity: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .photostack nav span.current { background: #fff; -webkit-transform: scale(1); transform: scale(1); } .photostack nav span.current.flip { -webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px); transform: scale(1) rotateY(-180deg) translateZ(-1px); background: #fff; } .photostack nav span.flippable::after { opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } / Overlays / / Initial overlay on photostack container / .js .photostack::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 100; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; } .js .photostack-start::before { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } / Button on photostack container / .js .photostack::after { content: 'View Gallery'; font-weight: 400; position: absolute; border: 3px solid #fff; text-align: center; white-space: nowrap; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); padding: 10px 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; z-index: 101; } .js .photostack::before, .js .photostack::after { opacity: 0; visibility: hidden; } .js .photostack-start::before, .js .photostack-start:hover::after, .touch .photostack-start::after { opacity: 1; visibility: visible; } / Overlay on figure / .photostack figure::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: visible; opacity: 1; background: rgba(0,0,0,0.05); -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } / Hide figure overlay when it becomes current / figure.photostack-current::after { -webkit-transition: opacity 0.6s, visibility 0s 0.6s; transition: opacity 0.6s, visibility 0s 0.6s; opacity: 0; visibility: hidden; } / Special classes for transitions and perspective / .photostack-transition figure { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; } .photostack-perspective { -webkit-perspective: 1800px; perspective: 1800px; } .photostack-perspective > div, .photostack-perspective figure { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .photostack-perspective figure, .photostack-perspective figure div { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .photostack-perspective figure.photostack-flip { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .csstransformspreserve3d figure.photostack-flip .photostack-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); display: block; } .no-csstransformspreserve3d figure.photostack-showback .photostack-back { display: block; } / The no-JS fallback look does not need to be boring ;) / .no-js .photostack figure { box-shadow: -2px 2px 0 rgba(0,0,0,0.05); } .no-js .photostack figure::after { display: none; } .no-js .photostack figure:nth-child(3n) { -webkit-transform: translateX(-10%) rotate(5deg); transform: translateX(-10%) rotate(5deg); } .no-js .photostack figure:nth-child(3n-2) { -webkit-transform: translateY(10%) rotate(-3deg); transform: translateY(10%) rotate(-3deg); } / Some custom styles for the demo / / Since we don't have back sides for the first photo stack, we don't want the current dot to become too big */ #photostack-1 nav span.current { background: #888; -webkit-transform: scale(0.61); transform: scale(0.61); }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings