remove social network theme
|
@ -1,170 +0,0 @@
|
||||||
html {
|
|
||||||
position: relative;
|
|
||||||
min-height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
/* Padding top for navbar */
|
|
||||||
padding-top: 56px;
|
|
||||||
/* Margin bottom for footer height */
|
|
||||||
margin-bottom: 60px;
|
|
||||||
|
|
||||||
font-size: 0.9em;
|
|
||||||
background-color: #E6ECEF;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
|
||||||
padding: 150px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
pre, code {
|
|
||||||
background: #f8f8f8;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
border-left: 2px solid #ccc;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0 0.5em;
|
|
||||||
line-height: 1.4em;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
empty-cells: show;
|
|
||||||
border: 1px solid #cbcbcb;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 0.9em;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
thead {
|
|
||||||
background-color: #e0e0e0;
|
|
||||||
color: #000;
|
|
||||||
text-align: left;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr {
|
|
||||||
display: table-row;
|
|
||||||
vertical-align: inherit;
|
|
||||||
border-color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
th, td {
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1.title,
|
|
||||||
h2.title {
|
|
||||||
font-size: 2.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
padding: 10px 20px;
|
|
||||||
margin: 0 0 20px 20px;
|
|
||||||
border-left: 5px solid #eee;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-light-blue {
|
|
||||||
background: #EAF4FB;
|
|
||||||
}
|
|
||||||
|
|
||||||
#jspreviewImages img {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#jsloadMorePosts {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Image Gallery */
|
|
||||||
.image-gallery img {
|
|
||||||
width: 120px;
|
|
||||||
margin: 0px 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Navbar */
|
|
||||||
img.nav-svg-icon {
|
|
||||||
width: 1rem;
|
|
||||||
height: 1rem;
|
|
||||||
padding-bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Footer */
|
|
||||||
footer {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 60px;
|
|
||||||
line-height: 60px;
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mini-logo {
|
|
||||||
height: 22px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Plugins */
|
|
||||||
.plugin {
|
|
||||||
padding: 1rem!important;
|
|
||||||
margin-top: .5rem!important;
|
|
||||||
margin-bottom: .5rem!important;
|
|
||||||
position: relative;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-ms-flex-direction: column;
|
|
||||||
flex-direction: column;
|
|
||||||
min-width: 0;
|
|
||||||
word-wrap: break-word;
|
|
||||||
background-color: #fff;
|
|
||||||
background-clip: border-box;
|
|
||||||
border: 1px solid rgba(0,0,0,.125);
|
|
||||||
border-radius: .25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.plugin-label {
|
|
||||||
font-size: 1em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.plugin ul {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0 0 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.share {
|
|
||||||
font-size: 1.4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.share a {
|
|
||||||
text-decoration: none;
|
|
||||||
margin: 0 2px;
|
|
||||||
}
|
|
||||||
.share .twitter {
|
|
||||||
color: #1BA1F2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.share .facebook {
|
|
||||||
color: #3B5A97;
|
|
||||||
}
|
|
||||||
|
|
||||||
.share .reddit {
|
|
||||||
color: #FF4500;
|
|
||||||
}
|
|
|
@ -1,5 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<svg aria-labelledby="simpleicons-codepen-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<title id="simpleicons-codepen-icon">CodePen icon</title>
|
|
||||||
<path d="M24 8.182l-.018-.087-.017-.05c-.01-.024-.018-.05-.03-.075-.003-.018-.015-.034-.02-.05l-.035-.067-.03-.05-.044-.06-.046-.045-.06-.045-.046-.03-.06-.044-.044-.04-.015-.02L12.58.19c-.347-.232-.796-.232-1.142 0L.453 7.502l-.015.015-.044.035-.06.05-.038.04-.05.056-.037.045-.05.06c-.02.017-.03.03-.03.046l-.05.06-.02.06c-.02.01-.02.04-.03.07l-.01.05C0 8.12 0 8.15 0 8.18v7.497c0 .044.003.09.01.135l.01.046c.005.03.01.06.02.086l.015.05c.01.027.016.053.027.075l.022.05c0 .01.015.04.03.06l.03.04c.015.01.03.04.045.06l.03.04.04.04c.01.013.01.03.03.03l.06.042.04.03.01.014 10.97 7.33c.164.12.375.163.57.163s.39-.06.57-.18l10.99-7.28.014-.01.046-.037.06-.043.048-.036.052-.058.033-.045.04-.06.03-.05.03-.07.016-.052.03-.077.015-.045.03-.08v-7.5c0-.05 0-.095-.016-.14l-.014-.045.044.003zm-11.99 6.28l-3.65-2.44 3.65-2.442 3.65 2.44-3.65 2.44zm-1.034-6.674l-4.473 2.99L2.89 8.362l8.086-5.39V7.79zm-6.33 4.233l-2.582 1.73V10.3l2.582 1.726zm1.857 1.25l4.473 2.99v4.82L2.89 15.69l3.618-2.417v-.004zm6.537 2.99l4.474-2.98 3.613 2.42-8.087 5.39v-4.82zm6.33-4.23l2.583-1.72v3.456l-2.583-1.73zm-1.855-1.24L13.042 7.8V2.97l8.085 5.39-3.612 2.415v.003z" style="fill: rgba(255, 255, 255, 0.5);"/>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 1.4 KiB |
|
@ -1,5 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<svg aria-labelledby="simpleicons-facebook-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<title id="simpleicons-facebook-icon">Facebook icon</title>
|
|
||||||
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" style="fill: rgba(255, 255, 255, 0.5);"/>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 586 B |
Before Width: | Height: | Size: 1.0 KiB |
|
@ -1,5 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<svg aria-labelledby="simpleicons-github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<title id="simpleicons-github-icon">GitHub icon</title>
|
|
||||||
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" style="fill: rgba(255, 255, 255, 0.5);"/>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 984 B |
|
@ -1 +0,0 @@
|
||||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitLab icon</title><path d="M23.955 13.587l-1.342-4.135-2.664-8.189c-.135-.423-.73-.423-.867 0L16.418 9.45H7.582L4.919 1.263C4.783.84 4.185.84 4.05 1.26L1.386 9.449.044 13.587c-.121.375.014.789.331 1.023L12 23.054l11.625-8.443c.318-.235.453-.647.33-1.024" style="fill: rgba(255, 255, 255, 0.5);"/></svg>
|
|
Before Width: | Height: | Size: 381 B |
|
@ -1,5 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<svg aria-labelledby="simpleicons-googleplus-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<title id="simpleicons-googleplus-icon">Google+ icon</title>
|
|
||||||
<path d="M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045 1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0 12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461 0-.501-.054-.885-.12-1.265H7.635zm16.365 0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24" style="fill: rgba(255, 255, 255, 0.5);"/>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 671 B |
|
@ -1 +0,0 @@
|
||||||
<svg aria-labelledby="simpleicons-instagram-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-instagram-icon">Instagram icon</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" style="fill: rgba(255, 255, 255, 0.5);"/></svg>
|
|
Before Width: | Height: | Size: 1.9 KiB |
|
@ -1,5 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<svg aria-labelledby="simpleicons-linkedin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<title id="simpleicons-linkedin-icon">LinkedIn icon</title>
|
|
||||||
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" style="fill: rgb(154, 157, 160);"/>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 770 B |
|
@ -1 +0,0 @@
|
||||||
<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Mastodon icon</title><path d="M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z" style="fill: rgba(255, 255, 255, 0.5);"/></svg>
|
|
Before Width: | Height: | Size: 1019 B |
|
@ -1 +0,0 @@
|
||||||
<svg aria-labelledby="simpleicons-rss-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-rss-icon">RSS icon</title><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/></svg>
|
|
Before Width: | Height: | Size: 470 B |
|
@ -1,5 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<svg aria-labelledby="simpleicons-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<title id="simpleicons-twitter-icon">Twitter icon</title>
|
|
||||||
<path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" style="fill: rgba(255, 255, 255, 0.5);"/>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 916 B |
|
@ -1,81 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="<?php echo Theme::lang() ?>">
|
|
||||||
<head>
|
|
||||||
<?php include(THEME_DIR_PHP.'head.php'); ?>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Load Bludit Plugins: Site Body Begin -->
|
|
||||||
<?php Theme::plugins('siteBodyBegin'); ?>
|
|
||||||
|
|
||||||
<!-- Navbar -->
|
|
||||||
<?php include(THEME_DIR_PHP.'navbar.php'); ?>
|
|
||||||
|
|
||||||
<!-- Content -->
|
|
||||||
<div class="container">
|
|
||||||
<div class="row justify-content-md-center">
|
|
||||||
|
|
||||||
<!-- Left -->
|
|
||||||
<div class="col-3 pr-0">
|
|
||||||
<?php include(THEME_DIR_PHP.'sidebar.php'); ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Right -->
|
|
||||||
<div class="col-7 pl-2">
|
|
||||||
<?php
|
|
||||||
if ($WHERE_AM_I == 'page') {
|
|
||||||
include(THEME_DIR_PHP.'page.php');
|
|
||||||
} else {
|
|
||||||
include(THEME_DIR_PHP.'home.php');
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer class="container">
|
|
||||||
<p class="float-right"><a href="#">Back to top</a></p>
|
|
||||||
<p>© 2017-2018 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- Javascript -->
|
|
||||||
<?php
|
|
||||||
// Include Jquery file from Bludit Core
|
|
||||||
echo Theme::jquery();
|
|
||||||
|
|
||||||
// Include javascript Bootstrap file from Bludit Core
|
|
||||||
echo Theme::jsBootstrap();
|
|
||||||
|
|
||||||
echo Theme::javascript('vendors/lightgallery/js/lightgallery.js');
|
|
||||||
echo Theme::javascript('vendors/lightgallery/js/lg-thumbnail.js');
|
|
||||||
echo Theme::javascript('vendors/lightgallery/js/lg-fullscreen.js');
|
|
||||||
?>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Load Light Gallery to all .image-gallery
|
|
||||||
function loadGallery() {
|
|
||||||
var galleries = document.getElementsByClassName("image-gallery");
|
|
||||||
for(let i = 0 ; i < galleries.length; i++){
|
|
||||||
lightGallery(galleries[i],{
|
|
||||||
thumbnail:true,
|
|
||||||
share: false,
|
|
||||||
download: true
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// After page is loaded
|
|
||||||
window.onload = function() {
|
|
||||||
// Get all users
|
|
||||||
getUsers();
|
|
||||||
// Load Light Gallery
|
|
||||||
loadGallery()
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Load Bludit Plugins: Site Body End -->
|
|
||||||
<?php Theme::plugins('siteBodyEnd'); ?>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,19 +0,0 @@
|
||||||
<?php
|
|
||||||
|
|
||||||
// Check if the user is logged
|
|
||||||
$user = false;
|
|
||||||
if (Cookie::get('BLUDIT-KEY')) {
|
|
||||||
$login = new Login();
|
|
||||||
if ($login->isLogged()) {
|
|
||||||
try {
|
|
||||||
$user = new User($login->username());
|
|
||||||
} catch (Exception $e) {
|
|
||||||
$user = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$api = getPlugin('pluginAPI');
|
|
||||||
$apiToken = $api->getToken();
|
|
||||||
|
|
||||||
?>
|
|
|
@ -1,7 +0,0 @@
|
||||||
<?php
|
|
||||||
// This file is executed only the fist time when you activate the theme.
|
|
||||||
|
|
||||||
// Activate API plugin
|
|
||||||
activatePlugin('pluginAPI');
|
|
||||||
|
|
||||||
?>
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Blog X",
|
|
||||||
"description": "Theme für Blogs mit Navigatiationsleiste mit statischen Seiten und Social Media Icons, rechter Seitenleiste und Angabe der Lesezeit."
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Blog X",
|
|
||||||
"description": "Theme für Blogs mit Navigatiationsleiste mit statischen Seiten und Social Media Icons, rechter Seitenleiste und Angabe der Lesezeit."
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Social Network",
|
|
||||||
"description": ""
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Blog X",
|
|
||||||
"description": "Tema para bloggers, soporte para tiempo de lectura y barra de navegación con iconos sociales y páginas estáticas."
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Blog X",
|
|
||||||
"description": "قالبی برای وبلاگ نویس ها، به همراه نوار کناری، زمان مطالعه و نوار ناوبری به همراه آیکن های شبکه مجازی و صفحات استاتیک."
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Blog X",
|
|
||||||
"description": "Tema per blogger, con barra laterale a destra, tempo di lettura e barra di navigazione con icone social e pagine statiche."
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Social Network",
|
|
||||||
"description": ""
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Blog X",
|
|
||||||
"description": "Thema voor bloggers, met zijbalk rechts, leestijdindicatie en navigatiebalk met social media en statische pagina's."
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Blog X",
|
|
||||||
"description": "Тема для блоггеров, с боковой панелью справа, примерным временем чтения материала и блоком навигации со значками социальных сетей и статическими страницами."
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"theme-data":
|
|
||||||
{
|
|
||||||
"name": "Blog X",
|
|
||||||
"description": "Blog yazarları için tema, sağ kenar çubuğu ile birlikte. Okuma süresi, kenar çubuğunda sosyal simgeler ve sabit sayfalar."
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,10 +0,0 @@
|
||||||
{
|
|
||||||
"author": "Bludit",
|
|
||||||
"email": "",
|
|
||||||
"website": "https://themes.bludit.com",
|
|
||||||
"version": "3.12.0",
|
|
||||||
"releaseDate": "2020-03-20",
|
|
||||||
"license": "MIT",
|
|
||||||
"compatible": "3.12.0",
|
|
||||||
"notes": ""
|
|
||||||
}
|
|
|
@ -1,5 +0,0 @@
|
||||||
<footer class="footer bg-dark">
|
|
||||||
<div class="container">
|
|
||||||
<p class="m-0 text-center text-white text-uppercase"><?php echo $site->footer(); ?><span class="ml-5 text-warning">Powered by<img class="mini-logo" src="<?php echo DOMAIN_THEME_IMG.'favicon.png'; ?>"/><a target="_blank" class="text-white" href="https://www.bludit.com">Bludit</a></span></p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
|
@ -1,27 +0,0 @@
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
||||||
<meta name="generator" content="Bludit">
|
|
||||||
|
|
||||||
<!-- Dynamic title tag -->
|
|
||||||
<?php echo Theme::metaTags('title'); ?>
|
|
||||||
|
|
||||||
<!-- Dynamic description tag -->
|
|
||||||
<?php echo Theme::metaTags('description'); ?>
|
|
||||||
|
|
||||||
<!-- Include Favicon -->
|
|
||||||
<?php echo Theme::favicon('img/favicon.png'); ?>
|
|
||||||
|
|
||||||
<!-- Include Bootstrap CSS file bootstrap.css -->
|
|
||||||
<?php echo Theme::cssBootstrap(); ?>
|
|
||||||
|
|
||||||
<?php echo Theme::cssLineAwesome(); ?>
|
|
||||||
|
|
||||||
<!-- Include CSS Styles from this theme -->
|
|
||||||
<?php echo Theme::css('css/style.css'); ?>
|
|
||||||
|
|
||||||
<?php echo Theme::css('vendors/lightgallery/css/lightgallery.css'); ?>
|
|
||||||
|
|
||||||
<!-- Load Bludit Plugins: Site head -->
|
|
||||||
<?php Theme::plugins('siteHead'); ?>
|
|
||||||
|
|
||||||
|
|
|
@ -1,237 +0,0 @@
|
||||||
<?php if (empty($content)): ?>
|
|
||||||
<div class="mt-4">
|
|
||||||
<?php $language->p('No pages found') ?>
|
|
||||||
</div>
|
|
||||||
<?php endif ?>
|
|
||||||
|
|
||||||
<?php if ($user): ?>
|
|
||||||
<div class="card my-2 p-2 bg-light-blue">
|
|
||||||
<div>
|
|
||||||
<div class="form-group mb-1">
|
|
||||||
<textarea id="jspostText" class="form-control" rows="3" placeholder="What's up?"></textarea>
|
|
||||||
</div>
|
|
||||||
<div id="jspreviewImages" class="mb-1">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<input type="file" id="jsimageInputFile">
|
|
||||||
<script>
|
|
||||||
var jsimageInputFile = document.getElementById('jsimageInputFile');
|
|
||||||
jsimageInputFile.onchange = function(event) {
|
|
||||||
uploadImage(jsimageInputFile.files[0]);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</div>
|
|
||||||
<div class="form-group text-right mb-0">
|
|
||||||
<button id="jspostButton" type="button" class="btn btn-primary btn-sm">Post</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
|
|
||||||
// Global variables
|
|
||||||
var _apiToken = "<?php echo $apiToken ?>";
|
|
||||||
var _userToken = "<?php echo $user->tokenAuth() ?>";
|
|
||||||
var _pageUUID = Date.now().toString(36) + Math.random().toString(36).substr(2, 15);
|
|
||||||
var _pageNumber = 1;
|
|
||||||
var _itemsPerPage = <?php echo $site->itemsPerPage() ?>;
|
|
||||||
var _users = {}
|
|
||||||
|
|
||||||
function getUsers() {
|
|
||||||
console.log("Getting users.");
|
|
||||||
fetch("http://localhost:8000/api/users?token="+_apiToken, {
|
|
||||||
method: "GET"
|
|
||||||
}).then(function(response) {
|
|
||||||
return response.json();
|
|
||||||
}).then(function(data) {
|
|
||||||
console.log("Getting user. Response >");
|
|
||||||
console.log(data);
|
|
||||||
if (data.status=="0") {
|
|
||||||
_users = data.data;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPosts() {
|
|
||||||
console.log("Getting posts.");
|
|
||||||
_pageNumber = _pageNumber + 1;
|
|
||||||
fetch("http://localhost:8000/api/pages?token="+_apiToken+"&pageNumber="+_pageNumber+"&numberOfItems="+_itemsPerPage, {
|
|
||||||
method: "GET"
|
|
||||||
}).then(function(response) {
|
|
||||||
return response.json();
|
|
||||||
}).then(function(data) {
|
|
||||||
console.log("Getting posts. Response >");
|
|
||||||
console.log(data);
|
|
||||||
if (data.status=="0") {
|
|
||||||
var posts = data.data;
|
|
||||||
if (posts.length > 0) {
|
|
||||||
for (var i = 0; i < posts.length; i++) {
|
|
||||||
insertPostInTimeline(posts[i], false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}).then(function() {
|
|
||||||
loadGallery();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function insertPostInTimeline(args, beginning=true) {
|
|
||||||
console.log("Insert post in timeline.");
|
|
||||||
const postTemplate = `
|
|
||||||
<div class="card my-2 p-2">
|
|
||||||
<div class="card-body">
|
|
||||||
<img class="float-left rounded-circle" style="width: 48px" src="${_users[args.username].profilePicture}" />
|
|
||||||
<div style="padding-left: 56px">
|
|
||||||
<p class="mb-2 text-muted">
|
|
||||||
@${_users[args.username].nickname} - ${args.date}
|
|
||||||
</p>
|
|
||||||
${args.content}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
var listOfPosts = document.getElementById("jslistOfPosts");
|
|
||||||
if (beginning) {
|
|
||||||
listOfPosts.innerHTML = postTemplate + listOfPosts.innerHTML;
|
|
||||||
} else {
|
|
||||||
listOfPosts.innerHTML = listOfPosts.innerHTML + postTemplate;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPost(key) {
|
|
||||||
console.log("Getting post.");
|
|
||||||
fetch("http://localhost:8000/api/pages/"+key+"?token="+_apiToken, {
|
|
||||||
method: "GET"
|
|
||||||
}).then(function(response) {
|
|
||||||
return response.json();
|
|
||||||
}).then(function(data) {
|
|
||||||
console.log("Getting post. Response >");
|
|
||||||
console.log(data);
|
|
||||||
if (data.status=="0") {
|
|
||||||
insertPostInTimeline(data.data);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function createPost(content) {
|
|
||||||
console.log("Creating new post.");
|
|
||||||
fetch("http://localhost:8000/api/pages/", {
|
|
||||||
method: "POST",
|
|
||||||
body: JSON.stringify({
|
|
||||||
token: _apiToken,
|
|
||||||
authentication: _userToken,
|
|
||||||
uuid: _pageUUID,
|
|
||||||
content: content
|
|
||||||
})
|
|
||||||
}).then(function(response) {
|
|
||||||
return response.json();
|
|
||||||
}).then(function(data) {
|
|
||||||
console.log("Creating new post. Response >");
|
|
||||||
console.log(data);
|
|
||||||
if (data.status=="0") {
|
|
||||||
document.getElementById("jspostText").value = "";
|
|
||||||
var newPostKey = data.data["key"];
|
|
||||||
getPost(newPostKey);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function uploadImage(file) {
|
|
||||||
console.log("Uploading image.");
|
|
||||||
var data = new FormData();
|
|
||||||
data.append("image", file);
|
|
||||||
data.append("uuid", _pageUUID);
|
|
||||||
data.append("token", _apiToken);
|
|
||||||
data.append("authentication", _userToken);
|
|
||||||
|
|
||||||
fetch("http://localhost:8000/api/images", {
|
|
||||||
method: "POST",
|
|
||||||
body: data
|
|
||||||
}).then(function(response) {
|
|
||||||
return response.json();
|
|
||||||
}).then(function(data) {
|
|
||||||
console.log("Uploading image. Response >");
|
|
||||||
console.log(data);
|
|
||||||
var img = document.createElement("img");
|
|
||||||
img.src = data.thumbnail;
|
|
||||||
img.className = "img-thumbnail";
|
|
||||||
img.dataset.original = data.image;
|
|
||||||
var previewImages = document.getElementById("jspreviewImages");
|
|
||||||
previewImages.appendChild(img);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Event for click on button jspostButton
|
|
||||||
document.getElementById("jspostButton").onclick = function(event) {
|
|
||||||
// Get the post content from the textarea
|
|
||||||
var postContent = document.getElementById("jspostText").value;
|
|
||||||
|
|
||||||
// Insert all uploaded images to the post content
|
|
||||||
var images = document.getElementById("jspreviewImages").querySelectorAll("img");
|
|
||||||
if (images.length > 0) {
|
|
||||||
postContent += "<div class=image-gallery>";
|
|
||||||
for (var i = 0; i < images.length; i++) {
|
|
||||||
postContent += "<a href="+images[i].dataset.original+"><img src="+images[i].src+"/></a>";
|
|
||||||
}
|
|
||||||
postContent += "</div>";
|
|
||||||
}
|
|
||||||
createPost(postContent);
|
|
||||||
|
|
||||||
// Clean up
|
|
||||||
postContent.value = "";
|
|
||||||
document.getElementById("jspreviewImages").innerHTML = "";
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<div id="jslistOfPosts">
|
|
||||||
<?php foreach ($content as $page): ?>
|
|
||||||
<!-- Post -->
|
|
||||||
<div class="card my-2 p-2">
|
|
||||||
|
|
||||||
<!-- Load Bludit Plugins: Page Begin -->
|
|
||||||
<?php Theme::plugins('pageBegin') ?>
|
|
||||||
|
|
||||||
<div class="card-body">
|
|
||||||
<!-- Profile picture -->
|
|
||||||
<img class="float-left rounded-circle" style="width: 48px" src="<?php echo $page->user('profilePicture') ?>" />
|
|
||||||
|
|
||||||
<div style="padding-left: 56px">
|
|
||||||
<!-- Post's author and date -->
|
|
||||||
<p class="mb-2 text-muted">
|
|
||||||
@<?php echo $page->user('nickname') ?> -
|
|
||||||
<?php echo $page->date() ?>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<!-- Post's content -->
|
|
||||||
<div id="post-content">
|
|
||||||
<?php echo $page->contentBreak() ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- <div class="share text-right">
|
|
||||||
<a target="_blank" class="twitter" href="https://twitter.com/share?text=<?php echo urlencode($page->title()) ?>&url=<?php echo urlencode ($page->permalink()) ?>">
|
|
||||||
<i class="fa fa-twitter"></i>
|
|
||||||
</a>
|
|
||||||
<a target="_blank" class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode ($page->permalink()) ?>">
|
|
||||||
<i class="fa fa-facebook"></i>
|
|
||||||
</a>
|
|
||||||
<a target="_blank" class="reddit" href="https://www.reddit.com/submit?url=<?php echo urlencode ($page->permalink()) ?>&title=<?php echo urlencode($page->title()) ?>">
|
|
||||||
<i class="fa fa-reddit"></i>
|
|
||||||
</a>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Load Bludit Plugins: Page End -->
|
|
||||||
<?php Theme::plugins('pageEnd') ?>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<?php endforeach ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="jsloadMorePosts" onclick="getPosts()" class="card my-2 p-2">
|
|
||||||
<div class="card-body text-center">
|
|
||||||
<p class="m-0">Load more posts</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
|
@ -1,22 +0,0 @@
|
||||||
<nav class="navbar navbar-expand-md navbar-light fixed-top bg-light shadow-sm text-uppercase">
|
|
||||||
<div class="container">
|
|
||||||
<a class="navbar-brand" href="<?php echo Theme::siteUrl() ?>">
|
|
||||||
<span class="text-black"><?php echo $site->title() ?></span>
|
|
||||||
</a>
|
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
||||||
<ul class="navbar-nav ml-auto">
|
|
||||||
|
|
||||||
<!-- Static pages -->
|
|
||||||
<?php foreach ($staticContent as $staticPage): ?>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="<?php echo $staticPage->permalink() ?>"><?php echo $staticPage->title() ?></a>
|
|
||||||
</li>
|
|
||||||
<?php endforeach ?>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
|
@ -1,31 +0,0 @@
|
||||||
<!-- Post -->
|
|
||||||
<div class="card my-2 p-2">
|
|
||||||
|
|
||||||
<!-- Load Bludit Plugins: Page Begin -->
|
|
||||||
<?php Theme::plugins('pageBegin'); ?>
|
|
||||||
|
|
||||||
<!-- Cover image -->
|
|
||||||
<?php if ($page->coverImage()): ?>
|
|
||||||
<img class="card-img-top mb-3 rounded-0" alt="Cover Image" src="<?php echo $page->coverImage(); ?>"/>
|
|
||||||
<?php endif ?>
|
|
||||||
|
|
||||||
<div class="card-body p-0">
|
|
||||||
<!-- Title -->
|
|
||||||
<a class="text-dark" href="<?php echo $page->permalink(); ?>">
|
|
||||||
<h3 class="title"><?php echo $page->title(); ?></h3>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<?php if (!$page->isStatic() && !$url->notFound()): ?>
|
|
||||||
<!-- Creation date -->
|
|
||||||
<h6 class="card-subtitle mb-3 text-muted"><?php echo $page->date(); ?> - <?php echo $L->get('Reading time') . ': ' . $page->readingTime() ?></h6>
|
|
||||||
<?php endif ?>
|
|
||||||
|
|
||||||
<!-- Full content -->
|
|
||||||
<?php echo $page->content(); ?>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Load Bludit Plugins: Page End -->
|
|
||||||
<?php Theme::plugins('pageEnd'); ?>
|
|
||||||
|
|
||||||
</div>
|
|
|
@ -1 +0,0 @@
|
||||||
<?php Theme::plugins('siteSidebar') ?>
|
|
|
@ -1,31 +0,0 @@
|
||||||
.lg-outer.fb-comments .lg-img-wrap {
|
|
||||||
padding-right: 400px !important; }
|
|
||||||
.lg-outer.fb-comments .fb-comments {
|
|
||||||
height: 100%;
|
|
||||||
overflow-y: auto;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
width: 420px;
|
|
||||||
z-index: 99999;
|
|
||||||
background: #fff url("../img/loading.gif") no-repeat scroll center center; }
|
|
||||||
.lg-outer.fb-comments .fb-comments.fb_iframe_widget {
|
|
||||||
background-image: none; }
|
|
||||||
.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
|
|
||||||
background: #fff url("../img/loading.gif") no-repeat scroll center center; }
|
|
||||||
.lg-outer.fb-comments .lg-toolbar {
|
|
||||||
right: 420px;
|
|
||||||
width: auto; }
|
|
||||||
.lg-outer.fb-comments .lg-actions .lg-next {
|
|
||||||
right: 420px; }
|
|
||||||
.lg-outer.fb-comments .lg-item {
|
|
||||||
background-image: none; }
|
|
||||||
.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap {
|
|
||||||
background-image: none; }
|
|
||||||
.lg-outer.fb-comments .lg-img-wrap {
|
|
||||||
background: url(../img/loading.gif) no-repeat scroll center center transparent; }
|
|
||||||
.lg-outer.fb-comments .lg-sub-html {
|
|
||||||
padding: 0;
|
|
||||||
position: static; }
|
|
||||||
|
|
||||||
/*# sourceMappingURL=lg-fb-comment-box.css.map */
|
|
|
@ -1,7 +0,0 @@
|
||||||
{
|
|
||||||
"version": 3,
|
|
||||||
"mappings": "AAGI,kCAAa;EACT,aAAa,EAAE,gBAAgB;AAEnC,kCAAa;EACT,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,6DAA6D;EACzE,mDAAmB;IACf,gBAAgB,EAAE,IAAI;IACtB,2EAAyB;MACrB,UAAU,EAAE,6DAA6D;AAIrF,iCAAY;EACR,KAAK,EAAE,KAAK;EACZ,KAAK,EAAE,IAAI;AAEf,0CAAqB;EACjB,KAAK,EAAE,KAAK;AAEhB,8BAAS;EACL,gBAAgB,EAAE,IAAI;EAElB,uDAAY;IACR,gBAAgB,EAAE,IAAI;AAIlC,kCAAa;EACT,UAAU,EAAE,kEAAkE;AAGlF,kCAAa;EACT,OAAO,EAAE,CAAC;EACV,QAAQ,EAAE,MAAM",
|
|
||||||
"sources": ["../sass/lg-fb-comment-box.scss"],
|
|
||||||
"names": [],
|
|
||||||
"file": "lg-fb-comment-box.css"
|
|
||||||
}
|
|
|
@ -1 +0,0 @@
|
||||||
.lg-outer.fb-comments .fb-comments{height:100%;overflow-y:auto;position:absolute;right:0;top:0;width:420px;z-index:99999;background:url(../img/loading.gif) center center no-repeat #fff}.lg-outer.fb-comments .fb-comments.fb_iframe_widget{background-image:none}.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader{background:url(../img/loading.gif) center center no-repeat #fff}.lg-outer.fb-comments .lg-toolbar{right:420px;width:auto}.lg-outer.fb-comments .lg-actions .lg-next{right:420px}.lg-outer.fb-comments .lg-item,.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap{background-image:none}.lg-outer.fb-comments .lg-img-wrap{padding-right:400px!important;background:url(../img/loading.gif) center center no-repeat}.lg-outer.fb-comments .lg-sub-html{padding:0;position:static}
|
|
|
@ -1,776 +0,0 @@
|
||||||
.lg-css3.lg-zoom-in .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: scale3d(1.3, 1.3, 1.3);
|
|
||||||
transform: scale3d(1.3, 1.3, 1.3); }
|
|
||||||
.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: scale3d(1.3, 1.3, 1.3);
|
|
||||||
transform: scale3d(1.3, 1.3, 1.3); }
|
|
||||||
.lg-css3.lg-zoom-in .lg-item.lg-current {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-zoom-in-big .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: scale3d(2, 2, 2);
|
|
||||||
transform: scale3d(2, 2, 2); }
|
|
||||||
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: scale3d(2, 2, 2);
|
|
||||||
transform: scale3d(2, 2, 2); }
|
|
||||||
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-zoom-out .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: scale3d(0.7, 0.7, 0.7);
|
|
||||||
transform: scale3d(0.7, 0.7, 0.7); }
|
|
||||||
.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: scale3d(0.7, 0.7, 0.7);
|
|
||||||
transform: scale3d(0.7, 0.7, 0.7); }
|
|
||||||
.lg-css3.lg-zoom-out .lg-item.lg-current {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-zoom-out-big .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: scale3d(0, 0, 0);
|
|
||||||
transform: scale3d(0, 0, 0); }
|
|
||||||
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: scale3d(0, 0, 0);
|
|
||||||
transform: scale3d(0, 0, 0); }
|
|
||||||
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-zoom-out-in .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: scale3d(0, 0, 0);
|
|
||||||
transform: scale3d(0, 0, 0); }
|
|
||||||
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: scale3d(2, 2, 2);
|
|
||||||
transform: scale3d(2, 2, 2); }
|
|
||||||
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-zoom-in-out .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: scale3d(2, 2, 2);
|
|
||||||
transform: scale3d(2, 2, 2); }
|
|
||||||
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: scale3d(0, 0, 0);
|
|
||||||
transform: scale3d(0, 0, 0); }
|
|
||||||
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-soft-zoom .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
||||||
transform: scale3d(1.1, 1.1, 1.1); }
|
|
||||||
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
|
||||||
transform: scale3d(0.9, 0.9, 0.9); }
|
|
||||||
.lg-css3.lg-soft-zoom .lg-item.lg-current {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-scale-up .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
|
||||||
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
|
||||||
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
|
||||||
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
|
||||||
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
|
|
||||||
.lg-css3.lg-scale-up .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
|
||||||
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
|
||||||
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
|
||||||
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
|
||||||
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
|
|
||||||
.lg-css3.lg-scale-up .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-circular .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
|
|
||||||
.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
|
|
||||||
.lg-css3.lg-slide-circular .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-circular-up .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-up .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-circular-down .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-down .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-left .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-down .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
|
||||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
|
||||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
|
||||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
|
|
||||||
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-vertical .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: translate3d(0, -100%, 0);
|
|
||||||
transform: translate3d(0, -100%, 0); }
|
|
||||||
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: translate3d(0, 100%, 0);
|
|
||||||
transform: translate3d(0, 100%, 0); }
|
|
||||||
.lg-css3.lg-slide-vertical .lg-item.lg-current {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-vertical-growth .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
|
||||||
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
|
||||||
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
|
||||||
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
|
||||||
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); }
|
|
||||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
|
||||||
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
|
||||||
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
|
||||||
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
|
||||||
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); }
|
|
||||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-only .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(10deg, 0deg);
|
|
||||||
-o-transform: skew(10deg, 0deg);
|
|
||||||
-ms-transform: skew(10deg, 0deg);
|
|
||||||
-webkit-transform: skew(10deg, 0deg);
|
|
||||||
transform: skew(10deg, 0deg); }
|
|
||||||
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(10deg, 0deg);
|
|
||||||
-o-transform: skew(10deg, 0deg);
|
|
||||||
-ms-transform: skew(10deg, 0deg);
|
|
||||||
-webkit-transform: skew(10deg, 0deg);
|
|
||||||
transform: skew(10deg, 0deg); }
|
|
||||||
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg);
|
|
||||||
-o-transform: skew(0deg, 0deg);
|
|
||||||
-ms-transform: skew(0deg, 0deg);
|
|
||||||
-webkit-transform: skew(0deg, 0deg);
|
|
||||||
transform: skew(0deg, 0deg);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-only-rev .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(-10deg, 0deg);
|
|
||||||
-o-transform: skew(-10deg, 0deg);
|
|
||||||
-ms-transform: skew(-10deg, 0deg);
|
|
||||||
-webkit-transform: skew(-10deg, 0deg);
|
|
||||||
transform: skew(-10deg, 0deg); }
|
|
||||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(-10deg, 0deg);
|
|
||||||
-o-transform: skew(-10deg, 0deg);
|
|
||||||
-ms-transform: skew(-10deg, 0deg);
|
|
||||||
-webkit-transform: skew(-10deg, 0deg);
|
|
||||||
transform: skew(-10deg, 0deg); }
|
|
||||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg);
|
|
||||||
-o-transform: skew(0deg, 0deg);
|
|
||||||
-ms-transform: skew(0deg, 0deg);
|
|
||||||
-webkit-transform: skew(0deg, 0deg);
|
|
||||||
transform: skew(0deg, 0deg);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-only-y .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(0deg, 10deg);
|
|
||||||
-o-transform: skew(0deg, 10deg);
|
|
||||||
-ms-transform: skew(0deg, 10deg);
|
|
||||||
-webkit-transform: skew(0deg, 10deg);
|
|
||||||
transform: skew(0deg, 10deg); }
|
|
||||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(0deg, 10deg);
|
|
||||||
-o-transform: skew(0deg, 10deg);
|
|
||||||
-ms-transform: skew(0deg, 10deg);
|
|
||||||
-webkit-transform: skew(0deg, 10deg);
|
|
||||||
transform: skew(0deg, 10deg); }
|
|
||||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg);
|
|
||||||
-o-transform: skew(0deg, 0deg);
|
|
||||||
-ms-transform: skew(0deg, 0deg);
|
|
||||||
-webkit-transform: skew(0deg, 0deg);
|
|
||||||
transform: skew(0deg, 0deg);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(0deg, -10deg);
|
|
||||||
-o-transform: skew(0deg, -10deg);
|
|
||||||
-ms-transform: skew(0deg, -10deg);
|
|
||||||
-webkit-transform: skew(0deg, -10deg);
|
|
||||||
transform: skew(0deg, -10deg); }
|
|
||||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(0deg, -10deg);
|
|
||||||
-o-transform: skew(0deg, -10deg);
|
|
||||||
-ms-transform: skew(0deg, -10deg);
|
|
||||||
-webkit-transform: skew(0deg, -10deg);
|
|
||||||
transform: skew(0deg, -10deg); }
|
|
||||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg);
|
|
||||||
-o-transform: skew(0deg, 0deg);
|
|
||||||
-ms-transform: skew(0deg, 0deg);
|
|
||||||
-webkit-transform: skew(0deg, 0deg);
|
|
||||||
transform: skew(0deg, 0deg);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
|
||||||
transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
|
||||||
-o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
|
||||||
-ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
|
||||||
transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-rev .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
|
||||||
transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
|
||||||
-o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
|
||||||
-ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
|
||||||
transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-cross .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-cross-rev .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
|
||||||
transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
|
||||||
transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-ver .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
|
||||||
-o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
|
||||||
-ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
|
||||||
-webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
|
||||||
transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
|
||||||
-o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
|
||||||
-ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
|
||||||
-webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
|
||||||
transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-rev .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
|
||||||
-o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
|
||||||
-ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
|
||||||
-webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
|
||||||
transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
|
||||||
-o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
|
||||||
-ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
|
||||||
-webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
|
||||||
transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
|
||||||
-o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
|
||||||
transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
|
||||||
-o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
|
||||||
transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
|
||||||
-o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
|
||||||
-ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
|
||||||
transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
|
||||||
-o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
|
||||||
-ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
|
||||||
transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
|
|
||||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-lollipop .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: translate3d(-100%, 0, 0);
|
|
||||||
transform: translate3d(-100%, 0, 0); }
|
|
||||||
.lg-css3.lg-lollipop .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: translate3d(0, 0, 0) scale(0.5);
|
|
||||||
-o-transform: translate3d(0, 0, 0) scale(0.5);
|
|
||||||
-ms-transform: translate3d(0, 0, 0) scale(0.5);
|
|
||||||
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
|
|
||||||
transform: translate3d(0, 0, 0) scale(0.5); }
|
|
||||||
.lg-css3.lg-lollipop .lg-item.lg-current {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-lollipop-rev .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: translate3d(0, 0, 0) scale(0.5);
|
|
||||||
-o-transform: translate3d(0, 0, 0) scale(0.5);
|
|
||||||
-ms-transform: translate3d(0, 0, 0) scale(0.5);
|
|
||||||
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
|
|
||||||
transform: translate3d(0, 0, 0) scale(0.5); }
|
|
||||||
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: translate3d(100%, 0, 0);
|
|
||||||
transform: translate3d(100%, 0, 0); }
|
|
||||||
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-rotate .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-rotate .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: rotate(-360deg);
|
|
||||||
-o-transform: rotate(-360deg);
|
|
||||||
-ms-transform: rotate(-360deg);
|
|
||||||
-webkit-transform: rotate(-360deg);
|
|
||||||
transform: rotate(-360deg); }
|
|
||||||
.lg-css3.lg-rotate .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: rotate(360deg);
|
|
||||||
-o-transform: rotate(360deg);
|
|
||||||
-ms-transform: rotate(360deg);
|
|
||||||
-webkit-transform: rotate(360deg);
|
|
||||||
transform: rotate(360deg); }
|
|
||||||
.lg-css3.lg-rotate .lg-item.lg-current {
|
|
||||||
-moz-transform: rotate(0deg);
|
|
||||||
-o-transform: rotate(0deg);
|
|
||||||
-ms-transform: rotate(0deg);
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-rotate-rev .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: rotate(360deg);
|
|
||||||
-o-transform: rotate(360deg);
|
|
||||||
-ms-transform: rotate(360deg);
|
|
||||||
-webkit-transform: rotate(360deg);
|
|
||||||
transform: rotate(360deg); }
|
|
||||||
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: rotate(-360deg);
|
|
||||||
-o-transform: rotate(-360deg);
|
|
||||||
-ms-transform: rotate(-360deg);
|
|
||||||
-webkit-transform: rotate(-360deg);
|
|
||||||
transform: rotate(-360deg); }
|
|
||||||
.lg-css3.lg-rotate-rev .lg-item.lg-current {
|
|
||||||
-moz-transform: rotate(0deg);
|
|
||||||
-o-transform: rotate(0deg);
|
|
||||||
-ms-transform: rotate(0deg);
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
.lg-css3.lg-tube .lg-item {
|
|
||||||
opacity: 0; }
|
|
||||||
.lg-css3.lg-tube .lg-item.lg-prev-slide {
|
|
||||||
-moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
|
||||||
transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); }
|
|
||||||
.lg-css3.lg-tube .lg-item.lg-next-slide {
|
|
||||||
-moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
|
||||||
transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); }
|
|
||||||
.lg-css3.lg-tube .lg-item.lg-current {
|
|
||||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
|
||||||
opacity: 1; }
|
|
||||||
.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
|
|
||||||
|
|
||||||
/*# sourceMappingURL=lg-transitions.css.map */
|
|
|
@ -1,978 +0,0 @@
|
||||||
@font-face {
|
|
||||||
font-family: 'lg';
|
|
||||||
src: url("../fonts/lg.eot?n1z373");
|
|
||||||
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
.lg-icon {
|
|
||||||
font-family: 'lg';
|
|
||||||
speak: none;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
text-transform: none;
|
|
||||||
line-height: 1;
|
|
||||||
/* Better Font Rendering =========== */
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-actions .lg-next, .lg-actions .lg-prev {
|
|
||||||
background-color: rgba(0, 0, 0, 0.45);
|
|
||||||
border-radius: 2px;
|
|
||||||
color: #999;
|
|
||||||
cursor: pointer;
|
|
||||||
display: block;
|
|
||||||
font-size: 22px;
|
|
||||||
margin-top: -10px;
|
|
||||||
padding: 8px 10px 9px;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
z-index: 1080;
|
|
||||||
}
|
|
||||||
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
.lg-actions .lg-next {
|
|
||||||
right: 20px;
|
|
||||||
}
|
|
||||||
.lg-actions .lg-next:before {
|
|
||||||
content: "\e095";
|
|
||||||
}
|
|
||||||
.lg-actions .lg-prev {
|
|
||||||
left: 20px;
|
|
||||||
}
|
|
||||||
.lg-actions .lg-prev:after {
|
|
||||||
content: "\e094";
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes lg-right-end {
|
|
||||||
0% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
left: -30px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@-moz-keyframes lg-right-end {
|
|
||||||
0% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
left: -30px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@-ms-keyframes lg-right-end {
|
|
||||||
0% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
left: -30px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes lg-right-end {
|
|
||||||
0% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
left: -30px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@-webkit-keyframes lg-left-end {
|
|
||||||
0% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
left: 30px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@-moz-keyframes lg-left-end {
|
|
||||||
0% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
left: 30px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@-ms-keyframes lg-left-end {
|
|
||||||
0% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
left: 30px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes lg-left-end {
|
|
||||||
0% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
left: 30px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.lg-outer.lg-right-end .lg-object {
|
|
||||||
-webkit-animation: lg-right-end 0.3s;
|
|
||||||
-o-animation: lg-right-end 0.3s;
|
|
||||||
animation: lg-right-end 0.3s;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-left-end .lg-object {
|
|
||||||
-webkit-animation: lg-left-end 0.3s;
|
|
||||||
-o-animation: lg-left-end 0.3s;
|
|
||||||
animation: lg-left-end 0.3s;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-toolbar {
|
|
||||||
z-index: 1082;
|
|
||||||
left: 0;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
width: 100%;
|
|
||||||
background-color: rgba(0, 0, 0, 0.45);
|
|
||||||
}
|
|
||||||
.lg-toolbar .lg-icon {
|
|
||||||
color: #999;
|
|
||||||
cursor: pointer;
|
|
||||||
float: right;
|
|
||||||
font-size: 24px;
|
|
||||||
height: 47px;
|
|
||||||
line-height: 27px;
|
|
||||||
padding: 10px 0;
|
|
||||||
text-align: center;
|
|
||||||
width: 50px;
|
|
||||||
text-decoration: none !important;
|
|
||||||
outline: medium none;
|
|
||||||
-webkit-transition: color 0.2s linear;
|
|
||||||
-o-transition: color 0.2s linear;
|
|
||||||
transition: color 0.2s linear;
|
|
||||||
}
|
|
||||||
.lg-toolbar .lg-icon:hover {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
.lg-toolbar .lg-close:after {
|
|
||||||
content: "\e070";
|
|
||||||
}
|
|
||||||
.lg-toolbar .lg-download:after {
|
|
||||||
content: "\e0f2";
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-sub-html {
|
|
||||||
background-color: rgba(0, 0, 0, 0.45);
|
|
||||||
bottom: 0;
|
|
||||||
color: #EEE;
|
|
||||||
font-size: 16px;
|
|
||||||
left: 0;
|
|
||||||
padding: 10px 40px;
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 1080;
|
|
||||||
}
|
|
||||||
.lg-sub-html h4 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.lg-sub-html p {
|
|
||||||
font-size: 12px;
|
|
||||||
margin: 5px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#lg-counter {
|
|
||||||
color: #999;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 16px;
|
|
||||||
padding-left: 20px;
|
|
||||||
padding-top: 12px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-toolbar, .lg-prev, .lg-next {
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
|
||||||
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
|
||||||
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
|
||||||
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-hide-items .lg-prev {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transform: translate3d(-10px, 0, 0);
|
|
||||||
transform: translate3d(-10px, 0, 0);
|
|
||||||
}
|
|
||||||
.lg-hide-items .lg-next {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transform: translate3d(10px, 0, 0);
|
|
||||||
transform: translate3d(10px, 0, 0);
|
|
||||||
}
|
|
||||||
.lg-hide-items .lg-toolbar {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transform: translate3d(0, -10px, 0);
|
|
||||||
transform: translate3d(0, -10px, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
|
|
||||||
-webkit-transform: scale3d(0.5, 0.5, 0.5);
|
|
||||||
transform: scale3d(0.5, 0.5, 0.5);
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
|
||||||
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
|
||||||
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
|
||||||
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
|
||||||
-webkit-transform-origin: 50% 50%;
|
|
||||||
-moz-transform-origin: 50% 50%;
|
|
||||||
-ms-transform-origin: 50% 50%;
|
|
||||||
transform-origin: 50% 50%;
|
|
||||||
}
|
|
||||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-outer .lg-thumb-outer {
|
|
||||||
background-color: #0D0A0A;
|
|
||||||
bottom: 0;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 1080;
|
|
||||||
max-height: 350px;
|
|
||||||
-webkit-transform: translate3d(0, 100%, 0);
|
|
||||||
transform: translate3d(0, 100%, 0);
|
|
||||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
|
|
||||||
cursor: -webkit-grab;
|
|
||||||
cursor: -moz-grab;
|
|
||||||
cursor: -o-grab;
|
|
||||||
cursor: -ms-grab;
|
|
||||||
cursor: grab;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
|
|
||||||
cursor: move;
|
|
||||||
cursor: -webkit-grabbing;
|
|
||||||
cursor: -moz-grabbing;
|
|
||||||
cursor: -o-grabbing;
|
|
||||||
cursor: -ms-grabbing;
|
|
||||||
cursor: grabbing;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
|
|
||||||
-webkit-transition-duration: 0s !important;
|
|
||||||
transition-duration: 0s !important;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-thumb-open .lg-thumb-outer {
|
|
||||||
-webkit-transform: translate3d(0, 0%, 0);
|
|
||||||
transform: translate3d(0, 0%, 0);
|
|
||||||
}
|
|
||||||
.lg-outer .lg-thumb {
|
|
||||||
padding: 10px 0;
|
|
||||||
height: 100%;
|
|
||||||
margin-bottom: -5px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-thumb-item {
|
|
||||||
border-radius: 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
float: left;
|
|
||||||
overflow: hidden;
|
|
||||||
height: 100%;
|
|
||||||
border: 2px solid #FFF;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
@media (min-width: 1025px) {
|
|
||||||
.lg-outer .lg-thumb-item {
|
|
||||||
-webkit-transition: border-color 0.25s ease;
|
|
||||||
-o-transition: border-color 0.25s ease;
|
|
||||||
transition: border-color 0.25s ease;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
|
|
||||||
border-color: #a90707;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-thumb-item img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-has-thumb .lg-item {
|
|
||||||
padding-bottom: 120px;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-can-toggle .lg-item {
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-pull-caption-up .lg-sub-html {
|
|
||||||
-webkit-transition: bottom 0.25s ease;
|
|
||||||
-o-transition: bottom 0.25s ease;
|
|
||||||
transition: bottom 0.25s ease;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
|
|
||||||
bottom: 100px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-toggle-thumb {
|
|
||||||
background-color: #0D0A0A;
|
|
||||||
border-radius: 2px 2px 0 0;
|
|
||||||
color: #999;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 24px;
|
|
||||||
height: 39px;
|
|
||||||
line-height: 27px;
|
|
||||||
padding: 5px 0;
|
|
||||||
position: absolute;
|
|
||||||
right: 20px;
|
|
||||||
text-align: center;
|
|
||||||
top: -39px;
|
|
||||||
width: 50px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-toggle-thumb:after {
|
|
||||||
content: "\e1ff";
|
|
||||||
}
|
|
||||||
.lg-outer .lg-toggle-thumb:hover {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-outer .lg-video-cont {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
max-width: 1140px;
|
|
||||||
max-height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0 5px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-video {
|
|
||||||
width: 100%;
|
|
||||||
height: 0;
|
|
||||||
padding-bottom: 56.25%;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-video .lg-object {
|
|
||||||
display: inline-block;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100% !important;
|
|
||||||
height: 100% !important;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-video .lg-video-play {
|
|
||||||
width: 84px;
|
|
||||||
height: 59px;
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
margin-left: -42px;
|
|
||||||
margin-top: -30px;
|
|
||||||
z-index: 1080;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-vimeo .lg-video-play {
|
|
||||||
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-vimeo:hover .lg-video-play {
|
|
||||||
background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-html5 .lg-video-play {
|
|
||||||
background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
|
|
||||||
height: 64px;
|
|
||||||
margin-left: -32px;
|
|
||||||
margin-top: -32px;
|
|
||||||
width: 64px;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-html5:hover .lg-video-play {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-youtube .lg-video-play {
|
|
||||||
background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-youtube:hover .lg-video-play {
|
|
||||||
background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-video-object {
|
|
||||||
width: 100% !important;
|
|
||||||
height: 100% !important;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-video .lg-video-object {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-progress-bar {
|
|
||||||
background-color: #333;
|
|
||||||
height: 5px;
|
|
||||||
left: 0;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 1083;
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: opacity 0.08s ease 0s;
|
|
||||||
-moz-transition: opacity 0.08s ease 0s;
|
|
||||||
-o-transition: opacity 0.08s ease 0s;
|
|
||||||
transition: opacity 0.08s ease 0s;
|
|
||||||
}
|
|
||||||
.lg-progress-bar .lg-progress {
|
|
||||||
background-color: #a90707;
|
|
||||||
height: 5px;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
.lg-progress-bar.lg-start .lg-progress {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.lg-show-autoplay .lg-progress-bar {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-autoplay-button:after {
|
|
||||||
content: "\e01d";
|
|
||||||
}
|
|
||||||
.lg-show-autoplay .lg-autoplay-button:after {
|
|
||||||
content: "\e01a";
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
|
|
||||||
-webkit-transition-duration: 0s;
|
|
||||||
transition-duration: 0s;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
|
||||||
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
|
||||||
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
|
|
||||||
-webkit-transform: scale3d(1, 1, 1);
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
|
||||||
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
|
||||||
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
|
||||||
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
|
||||||
-webkit-transform-origin: 0 0;
|
|
||||||
-moz-transform-origin: 0 0;
|
|
||||||
-ms-transform-origin: 0 0;
|
|
||||||
transform-origin: 0 0;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#lg-zoom-in:after {
|
|
||||||
content: "\e311";
|
|
||||||
}
|
|
||||||
|
|
||||||
#lg-actual-size {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
#lg-actual-size:after {
|
|
||||||
content: "\e033";
|
|
||||||
}
|
|
||||||
|
|
||||||
#lg-zoom-out {
|
|
||||||
opacity: 0.5;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
#lg-zoom-out:after {
|
|
||||||
content: "\e312";
|
|
||||||
}
|
|
||||||
.lg-zoomed #lg-zoom-out {
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-outer .lg-pager-outer {
|
|
||||||
bottom: 60px;
|
|
||||||
left: 0;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 1080;
|
|
||||||
height: 10px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-pager-cont {
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: top;
|
|
||||||
margin: 0 5px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
|
|
||||||
box-shadow: 0 0 0 2px white inset;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-pager-thumb-cont {
|
|
||||||
background-color: #fff;
|
|
||||||
color: #FFF;
|
|
||||||
bottom: 100%;
|
|
||||||
height: 83px;
|
|
||||||
left: 0;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
margin-left: -60px;
|
|
||||||
opacity: 0;
|
|
||||||
padding: 5px;
|
|
||||||
position: absolute;
|
|
||||||
width: 120px;
|
|
||||||
border-radius: 3px;
|
|
||||||
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
|
|
||||||
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
|
|
||||||
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
|
|
||||||
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
|
|
||||||
-webkit-transform: translate3d(0, 5px, 0);
|
|
||||||
transform: translate3d(0, 5px, 0);
|
|
||||||
}
|
|
||||||
.lg-outer .lg-pager-thumb-cont img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-pager {
|
|
||||||
background-color: rgba(255, 255, 255, 0.5);
|
|
||||||
border-radius: 50%;
|
|
||||||
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
|
|
||||||
display: block;
|
|
||||||
height: 12px;
|
|
||||||
-webkit-transition: box-shadow 0.3s ease 0s;
|
|
||||||
-o-transition: box-shadow 0.3s ease 0s;
|
|
||||||
transition: box-shadow 0.3s ease 0s;
|
|
||||||
width: 12px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
|
|
||||||
box-shadow: 0 0 0 8px white inset;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-caret {
|
|
||||||
border-left: 10px solid transparent;
|
|
||||||
border-right: 10px solid transparent;
|
|
||||||
border-top: 10px dashed;
|
|
||||||
bottom: -10px;
|
|
||||||
display: inline-block;
|
|
||||||
height: 0;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -5px;
|
|
||||||
position: absolute;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-fullscreen:after {
|
|
||||||
content: "\e20c";
|
|
||||||
}
|
|
||||||
.lg-fullscreen-on .lg-fullscreen:after {
|
|
||||||
content: "\e20d";
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-outer #lg-dropdown-overlay {
|
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
|
||||||
bottom: 0;
|
|
||||||
cursor: default;
|
|
||||||
left: 0;
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
z-index: 1081;
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
|
||||||
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
|
||||||
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
|
|
||||||
-webkit-transition-delay: 0s;
|
|
||||||
transition-delay: 0s;
|
|
||||||
-moz-transform: translate3d(0, 0px, 0);
|
|
||||||
-o-transform: translate3d(0, 0px, 0);
|
|
||||||
-ms-transform: translate3d(0, 0px, 0);
|
|
||||||
-webkit-transform: translate3d(0, 0px, 0);
|
|
||||||
transform: translate3d(0, 0px, 0);
|
|
||||||
opacity: 1;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-dropdown-active #lg-share {
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-dropdown {
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 2px;
|
|
||||||
font-size: 14px;
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px 0;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
text-align: left;
|
|
||||||
top: 50px;
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
-moz-transform: translate3d(0, 5px, 0);
|
|
||||||
-o-transform: translate3d(0, 5px, 0);
|
|
||||||
-ms-transform: translate3d(0, 5px, 0);
|
|
||||||
-webkit-transform: translate3d(0, 5px, 0);
|
|
||||||
transform: translate3d(0, 5px, 0);
|
|
||||||
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
|
||||||
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
|
||||||
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
|
||||||
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-dropdown:after {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
height: 0;
|
|
||||||
width: 0;
|
|
||||||
position: absolute;
|
|
||||||
border: 8px solid transparent;
|
|
||||||
border-bottom-color: #FFF;
|
|
||||||
right: 16px;
|
|
||||||
top: -16px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-dropdown > li:last-child {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-dropdown a {
|
|
||||||
color: #333;
|
|
||||||
display: block;
|
|
||||||
white-space: pre;
|
|
||||||
padding: 4px 12px;
|
|
||||||
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-dropdown a:hover {
|
|
||||||
background-color: rgba(0, 0, 0, 0.07);
|
|
||||||
}
|
|
||||||
.lg-outer .lg-dropdown .lg-dropdown-text {
|
|
||||||
display: inline-block;
|
|
||||||
line-height: 1;
|
|
||||||
margin-top: -3px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-dropdown .lg-icon {
|
|
||||||
color: #333;
|
|
||||||
display: inline-block;
|
|
||||||
float: none;
|
|
||||||
font-size: 20px;
|
|
||||||
height: auto;
|
|
||||||
line-height: 1;
|
|
||||||
margin-right: 8px;
|
|
||||||
padding: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share:after {
|
|
||||||
content: "\e80d";
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share-facebook .lg-icon {
|
|
||||||
color: #3b5998;
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share-facebook .lg-icon:after {
|
|
||||||
content: "\e901";
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share-twitter .lg-icon {
|
|
||||||
color: #00aced;
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share-twitter .lg-icon:after {
|
|
||||||
content: "\e904";
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share-googleplus .lg-icon {
|
|
||||||
color: #dd4b39;
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share-googleplus .lg-icon:after {
|
|
||||||
content: "\e902";
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share-pinterest .lg-icon {
|
|
||||||
color: #cb2027;
|
|
||||||
}
|
|
||||||
.lg-outer #lg-share-pinterest .lg-icon:after {
|
|
||||||
content: "\e903";
|
|
||||||
}
|
|
||||||
|
|
||||||
.group {
|
|
||||||
*zoom: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.group:before, .group:after {
|
|
||||||
display: table;
|
|
||||||
content: "";
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.group:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-outer {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1050;
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: opacity 0.15s ease 0s;
|
|
||||||
-o-transition: opacity 0.15s ease 0s;
|
|
||||||
transition: opacity 0.15s ease 0s;
|
|
||||||
}
|
|
||||||
.lg-outer * {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-visible {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
|
|
||||||
-webkit-transition-duration: inherit !important;
|
|
||||||
transition-duration: inherit !important;
|
|
||||||
-webkit-transition-timing-function: inherit !important;
|
|
||||||
transition-timing-function: inherit !important;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
|
|
||||||
-webkit-transition-duration: 0s !important;
|
|
||||||
transition-duration: 0s !important;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-grab img.lg-object {
|
|
||||||
cursor: -webkit-grab;
|
|
||||||
cursor: -moz-grab;
|
|
||||||
cursor: -o-grab;
|
|
||||||
cursor: -ms-grab;
|
|
||||||
cursor: grab;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-grabbing img.lg-object {
|
|
||||||
cursor: move;
|
|
||||||
cursor: -webkit-grabbing;
|
|
||||||
cursor: -moz-grabbing;
|
|
||||||
cursor: -o-grabbing;
|
|
||||||
cursor: -ms-grabbing;
|
|
||||||
cursor: grabbing;
|
|
||||||
}
|
|
||||||
.lg-outer .lg {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-inner {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-item {
|
|
||||||
background: url("../img/loading.gif") no-repeat scroll center center transparent;
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-css .lg-current {
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
|
|
||||||
display: inline-block;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
|
|
||||||
content: "";
|
|
||||||
display: inline-block;
|
|
||||||
height: 50%;
|
|
||||||
width: 1px;
|
|
||||||
margin-right: -1px;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-img-wrap {
|
|
||||||
position: absolute;
|
|
||||||
padding: 0 5px;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-item.lg-complete {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-item.lg-current {
|
|
||||||
z-index: 1060;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-image {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
max-width: 100%;
|
|
||||||
max-height: 100%;
|
|
||||||
width: auto !important;
|
|
||||||
height: auto !important;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: opacity 0.15s ease 0s;
|
|
||||||
-o-transition: opacity 0.15s ease 0s;
|
|
||||||
transition: opacity 0.15s ease 0s;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.lg-outer .lg-empty-html {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.lg-outer.lg-hide-download #lg-download {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-backdrop {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 1040;
|
|
||||||
background-color: #000;
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: opacity 0.15s ease 0s;
|
|
||||||
-o-transition: opacity 0.15s ease 0s;
|
|
||||||
transition: opacity 0.15s ease 0s;
|
|
||||||
}
|
|
||||||
.lg-backdrop.in {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
|
|
||||||
-webkit-transition: none 0s ease 0s !important;
|
|
||||||
-moz-transition: none 0s ease 0s !important;
|
|
||||||
-o-transition: none 0s ease 0s !important;
|
|
||||||
transition: none 0s ease 0s !important;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-use-css3 .lg-item {
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-use-left .lg-item {
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-moz-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-fade .lg-item {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-fade .lg-item.lg-current {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
|
|
||||||
-webkit-transition: opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: opacity 0.1s ease 0s;
|
|
||||||
-o-transition: opacity 0.1s ease 0s;
|
|
||||||
transition: opacity 0.1s ease 0s;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-css3 .lg-item {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
|
|
||||||
-webkit-transform: translate3d(-100%, 0, 0);
|
|
||||||
transform: translate3d(-100%, 0, 0);
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
|
|
||||||
-webkit-transform: translate3d(100%, 0, 0);
|
|
||||||
transform: translate3d(100%, 0, 0);
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
|
||||||
-webkit-transform: translate3d(0, 0, 0);
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
|
||||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-left .lg-item {
|
|
||||||
opacity: 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
|
|
||||||
left: -100%;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
|
|
||||||
left: 100%;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
|
|
||||||
left: 0;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
|
|
||||||
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
|
||||||
}
|
|
|
@ -1,47 +0,0 @@
|
||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<metadata>
|
|
||||||
<json>
|
|
||||||
<![CDATA[
|
|
||||||
{
|
|
||||||
"fontFamily": "lg",
|
|
||||||
"majorVersion": 1,
|
|
||||||
"minorVersion": 0,
|
|
||||||
"fontURL": "https://github.com/sachinchoolur/lightgallery.js",
|
|
||||||
"copyright": "sachin",
|
|
||||||
"license": "MLT",
|
|
||||||
"licenseURL": "http://opensource.org/licenses/MIT",
|
|
||||||
"version": "Version 1.0",
|
|
||||||
"fontId": "lg",
|
|
||||||
"psName": "lg",
|
|
||||||
"subFamily": "Regular",
|
|
||||||
"fullName": "lg",
|
|
||||||
"description": "Font generated by IcoMoon."
|
|
||||||
}
|
|
||||||
]]>
|
|
||||||
</json>
|
|
||||||
</metadata>
|
|
||||||
<defs>
|
|
||||||
<font id="lg" horiz-adv-x="1024">
|
|
||||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
|
||||||
<missing-glyph horiz-adv-x="1024" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
|
||||||
<glyph unicode="" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z" />
|
|
||||||
<glyph unicode="" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z" />
|
|
||||||
<glyph unicode="" glyph-name="stack-2" data-tags="stack-2" d="M384 853.334h426.667q53 0 90.5-37.5t37.5-90.5v-426.667q0-53-37.5-90.5t-90.5-37.5h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 53 37.5 90.5t90.5 37.5zM170.667 675.334v-547.333q0-17.667 12.5-30.167t30.167-12.5h547.333q-13.333-37.667-46.333-61.5t-74.333-23.833h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 41.333 23.833 74.333t61.5 46.333zM810.667 768h-426.667q-17.667 0-30.167-12.5t-12.5-30.167v-426.667q0-17.667 12.5-30.167t30.167-12.5h426.667q17.667 0 30.167 12.5t12.5 30.167v426.667q0 17.667-12.5 30.167t-30.167 12.5z" />
|
|
||||||
<glyph unicode="" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
|
|
||||||
<glyph unicode="" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z" />
|
|
||||||
<glyph unicode="" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z" />
|
|
||||||
<glyph unicode="" glyph-name="vertical_align_bottom" data-tags="vertical_align_bottom" d="M170 128.667h684v-86h-684v86zM682 384.667l-170-172-170 172h128v426h84v-426h128z" />
|
|
||||||
<glyph unicode="" glyph-name="apps" data-tags="apps" d="M682 84.667v172h172v-172h-172zM682 340.667v172h172v-172h-172zM426 596.667v172h172v-172h-172zM682 768.667h172v-172h-172v172zM426 340.667v172h172v-172h-172zM170 340.667v172h172v-172h-172zM170 84.667v172h172v-172h-172zM426 84.667v172h172v-172h-172zM170 596.667v172h172v-172h-172z" />
|
|
||||||
<glyph unicode="" glyph-name="fullscreen" data-tags="fullscreen" d="M598 724.667h212v-212h-84v128h-128v84zM726 212.667v128h84v-212h-212v84h128zM214 512.667v212h212v-84h-128v-128h-84zM298 340.667v-128h128v-84h-212v212h84z" />
|
|
||||||
<glyph unicode="" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z" />
|
|
||||||
<glyph unicode="" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
|
|
||||||
<glyph unicode="" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
|
|
||||||
<glyph unicode="" glyph-name="share" data-tags="share" d="M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z" />
|
|
||||||
<glyph unicode="" glyph-name="facebook-with-circle" data-tags="facebook-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM628.429 612.659h-73.882c-8.755 0-18.483-11.52-18.483-26.829v-53.35h92.416l-13.978-76.083h-78.438v-228.403h-87.194v228.403h-79.104v76.083h79.104v44.749c0 64.205 44.544 116.378 105.677 116.378h73.882v-80.947z" />
|
|
||||||
<glyph unicode="" glyph-name="google-with-circle" data-tags="google+-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM483.686 249.805c-30.874-15.002-64.102-16.589-76.954-16.589-2.458 0-3.84 0-3.84 0s-1.178 0-2.765 0c-20.070 0-119.962 4.608-119.962 95.59 0 89.395 108.8 96.41 142.131 96.41h0.87c-19.251 25.702-15.258 51.61-15.258 51.61-1.69-0.102-4.147-0.205-7.168-0.205-12.544 0-36.762 1.997-57.549 15.411-25.498 16.384-38.4 44.288-38.4 82.893 0 109.107 119.142 113.51 120.32 113.613h118.989v-2.611c0-13.312-23.91-15.923-40.192-18.125-5.53-0.819-16.64-1.894-19.763-3.482 30.157-16.128 35.021-41.421 35.021-79.104 0-42.906-16.794-65.587-34.611-81.51-11.059-9.882-19.712-17.613-19.712-28.006 0-10.189 11.878-20.582 25.702-32.717 22.579-19.917 53.555-47.002 53.555-92.723 0-47.258-20.326-81.050-60.416-100.454zM742.4 460.8h-76.8v-76.8h-51.2v76.8h-76.8v51.2h76.8v76.8h51.2v-76.8h76.8v-51.2zM421.018 401.92c-2.662 0-5.325-0.102-8.038-0.307-22.733-1.69-43.725-10.189-58.88-24.013-15.053-13.619-22.733-30.822-21.658-48.179 2.304-36.403 41.37-57.702 88.832-54.323 46.694 3.379 77.824 30.31 75.571 66.714-2.15 34.202-31.898 60.109-75.827 60.109zM465.766 599.808c-12.39 43.52-32.358 56.422-63.386 56.422-3.328 0-6.707-0.512-9.933-1.382-13.466-3.84-24.166-15.053-30.106-31.744-6.093-16.896-6.451-34.509-1.229-54.579 9.472-35.891 34.97-61.901 60.672-61.901 3.379 0 6.758 0.41 9.933 1.382 28.109 7.885 45.722 50.79 34.048 91.802z" />
|
|
||||||
<glyph unicode="" glyph-name="pinterest-with-circle" data-tags="pinterest-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM545.638 344.32c-31.539 2.406-44.749 18.022-69.427 32.973-13.568-71.219-30.157-139.52-79.309-175.206-15.206 107.725 22.221 188.518 39.629 274.381-29.645 49.92 3.533 150.323 66.099 125.645 76.954-30.515-66.662-185.6 29.747-205.005 100.659-20.173 141.773 174.694 79.36 237.978-90.214 91.494-262.502 2.099-241.306-128.87 5.12-32 38.246-41.728 13.21-85.914-57.702 12.8-74.957 58.317-72.704 118.989 3.533 99.328 89.242 168.909 175.155 178.483 108.698 12.083 210.688-39.885 224.819-142.182 15.821-115.405-49.101-240.282-165.274-231.27z" />
|
|
||||||
<glyph unicode="" glyph-name="twitter-with-circle" data-tags="twitter-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM711.936 549.683c0.205-4.198 0.256-8.397 0.256-12.493 0-128-97.331-275.507-275.405-275.507-54.682 0-105.574 15.974-148.378 43.52 7.526-0.922 15.258-1.28 23.091-1.28 45.363 0 87.091 15.411 120.218 41.421-42.342 0.819-78.080 28.774-90.419 67.174 5.888-1.075 11.93-1.69 18.176-1.69 8.806 0 17.408 1.178 25.498 3.379-44.288 8.909-77.67 48.026-77.67 94.925v1.178c13.056-7.219 28.006-11.622 43.878-12.134-26.010 17.408-43.059 47.002-43.059 80.64 0 17.715 4.762 34.406 13.107 48.691 47.77-58.573 119.040-97.075 199.526-101.222-1.69 7.117-2.509 14.49-2.509 22.118 0 53.402 43.315 96.819 96.819 96.819 27.802 0 52.992-11.776 70.656-30.618 22.067 4.403 42.752 12.39 61.44 23.501-7.219-22.579-22.528-41.574-42.547-53.606 19.61 2.406 38.246 7.578 55.603 15.309-12.954-19.405-29.389-36.506-48.282-50.125z" />
|
|
||||||
</font></defs></svg>
|
|
Before Width: | Height: | Size: 8.7 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 819 B |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 2.6 KiB |
|
@ -1,131 +0,0 @@
|
||||||
/**!
|
|
||||||
* lg-fullscreen.js | 1.1.0 | February 23rd 2019
|
|
||||||
* http://sachinchoolur.github.io/lg-fullscreen.js
|
|
||||||
* Copyright (c) 2016 Sachin N;
|
|
||||||
* @license GPLv3
|
|
||||||
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgFullscreen = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
|
|
||||||
(function (global, factory) {
|
|
||||||
if (typeof define === "function" && define.amd) {
|
|
||||||
define([], factory);
|
|
||||||
} else if (typeof exports !== "undefined") {
|
|
||||||
factory();
|
|
||||||
} else {
|
|
||||||
var mod = {
|
|
||||||
exports: {}
|
|
||||||
};
|
|
||||||
factory();
|
|
||||||
global.lgFullscreen = mod.exports;
|
|
||||||
}
|
|
||||||
})(this, function () {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var _extends = Object.assign || function (target) {
|
|
||||||
for (var i = 1; i < arguments.length; i++) {
|
|
||||||
var source = arguments[i];
|
|
||||||
|
|
||||||
for (var key in source) {
|
|
||||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
||||||
target[key] = source[key];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return target;
|
|
||||||
};
|
|
||||||
|
|
||||||
var fullscreenDefaults = {
|
|
||||||
fullScreen: true
|
|
||||||
};
|
|
||||||
|
|
||||||
function isFullScreen() {
|
|
||||||
return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
|
|
||||||
}
|
|
||||||
|
|
||||||
var Fullscreen = function Fullscreen(element) {
|
|
||||||
|
|
||||||
this.el = element;
|
|
||||||
|
|
||||||
this.core = window.lgData[this.el.getAttribute('lg-uid')];
|
|
||||||
this.core.s = _extends({}, fullscreenDefaults, this.core.s);
|
|
||||||
|
|
||||||
this.init();
|
|
||||||
|
|
||||||
return this;
|
|
||||||
};
|
|
||||||
|
|
||||||
Fullscreen.prototype.init = function () {
|
|
||||||
var fullScreen = '';
|
|
||||||
if (this.core.s.fullScreen) {
|
|
||||||
|
|
||||||
// check for fullscreen browser support
|
|
||||||
if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled && !document.mozFullScreenEnabled && !document.msFullscreenEnabled) {
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
fullScreen = '<span class="lg-fullscreen lg-icon"></span>';
|
|
||||||
this.core.outer.querySelector('.lg-toolbar').insertAdjacentHTML('beforeend', fullScreen);
|
|
||||||
this.fullScreen();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Fullscreen.prototype.requestFullscreen = function () {
|
|
||||||
var el = document.documentElement;
|
|
||||||
if (el.requestFullscreen) {
|
|
||||||
el.requestFullscreen();
|
|
||||||
} else if (el.msRequestFullscreen) {
|
|
||||||
el.msRequestFullscreen();
|
|
||||||
} else if (el.mozRequestFullScreen) {
|
|
||||||
el.mozRequestFullScreen();
|
|
||||||
} else if (el.webkitRequestFullscreen) {
|
|
||||||
el.webkitRequestFullscreen();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Fullscreen.prototype.exitFullscreen = function () {
|
|
||||||
if (document.exitFullscreen) {
|
|
||||||
document.exitFullscreen();
|
|
||||||
} else if (document.msExitFullscreen) {
|
|
||||||
document.msExitFullscreen();
|
|
||||||
} else if (document.mozCancelFullScreen) {
|
|
||||||
document.mozCancelFullScreen();
|
|
||||||
} else if (document.webkitExitFullscreen) {
|
|
||||||
document.webkitExitFullscreen();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
|
|
||||||
Fullscreen.prototype.fullScreen = function () {
|
|
||||||
var _this = this;
|
|
||||||
|
|
||||||
utils.on(document, 'fullscreenchange.lgfullscreen webkitfullscreenchange.lgfullscreen mozfullscreenchange.lgfullscreen MSFullscreenChange.lgfullscreen', function () {
|
|
||||||
if (utils.hasClass(_this.core.outer, 'lg-fullscreen-on')) {
|
|
||||||
utils.removeClass(_this.core.outer, 'lg-fullscreen-on');
|
|
||||||
} else {
|
|
||||||
utils.addClass(_this.core.outer, 'lg-fullscreen-on');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
utils.on(this.core.outer.querySelector('.lg-fullscreen'), 'click.lg', function () {
|
|
||||||
if (isFullScreen()) {
|
|
||||||
_this.exitFullscreen();
|
|
||||||
} else {
|
|
||||||
_this.requestFullscreen();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
Fullscreen.prototype.destroy = function () {
|
|
||||||
|
|
||||||
// exit from fullscreen if activated
|
|
||||||
if (isFullScreen()) {
|
|
||||||
this.exitFullscreen();
|
|
||||||
}
|
|
||||||
|
|
||||||
utils.off(document, '.lgfullscreen');
|
|
||||||
};
|
|
||||||
|
|
||||||
window.lgModules.fullscreen = Fullscreen;
|
|
||||||
});
|
|
||||||
|
|
||||||
},{}]},{},[1])(1)
|
|
||||||
});
|
|