Compare commits
45 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
91cd321a59 | ||
|
|
baf7697664 | ||
|
|
16ecff93d8 | ||
|
|
f2e0890c3d | ||
|
|
98e8db71fe | ||
|
|
69152b57cd | ||
|
|
e92391bf7e | ||
|
|
8a263ced1a | ||
|
|
3fbfe72287 | ||
|
|
e4176696a3 | ||
|
|
a069902c86 | ||
|
|
bc7ea606f8 | ||
|
|
9130273167 | ||
|
|
7d8338a0a0 | ||
|
|
8cdbaf8f71 | ||
|
|
0f2d30d63e | ||
|
|
9142b60fb5 | ||
|
|
f2046b2cb3 | ||
|
|
1b0d48a31f | ||
|
|
1f657fd3df | ||
|
|
0dee6a9a92 | ||
|
|
1880fae37a | ||
|
|
f679231d2d | ||
|
|
ed75e5f8fb | ||
|
|
fe71eb5561 | ||
|
|
d7a6748ff8 | ||
|
|
9da17b7835 | ||
|
|
6979da71d4 | ||
|
|
8b847aaea2 | ||
|
|
5c5f58defc | ||
|
|
0589fe80ab | ||
|
|
f79dc7e06b | ||
|
|
93dae53e28 | ||
|
|
81ba70644e | ||
|
|
91e52f331c | ||
|
|
67983df543 | ||
|
|
02ad6a7055 | ||
|
|
d9f0ee0e34 | ||
|
|
4ef3896e2c | ||
|
|
f98e3d6520 | ||
|
|
ea812e34a1 | ||
|
|
2b36279807 | ||
|
|
d805f4bb44 | ||
|
|
08ad96e59b | ||
|
|
97afa01319 |
@@ -3,12 +3,11 @@
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/procentric/application/theme/hoteltv.ui_utils.css">
|
||||
<link rel="stylesheet" href="/procentric/application/theme/hoteltv.error.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/acmeticker/style.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/lightslider.css">
|
||||
<link rel="stylesheet" href="./theme/hoteltv.ui_utils.css">
|
||||
<link rel="stylesheet" href="./theme/hoteltv.error.css">
|
||||
<link rel="stylesheet" href="./css/owlcarousel/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="./css/owlcarousel/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="./css/acmeticker/style.css">
|
||||
<title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
|
||||
</head>
|
||||
|
||||
@@ -117,9 +116,31 @@
|
||||
|
||||
<div class="tv">
|
||||
<div class="bg">
|
||||
<div class="owl-carousel owl-theme" id="lst_tvCtgbg"></div>
|
||||
<div class="owl-carousel owl-theme" id="lst_tvCtgyFrm"></div>
|
||||
<div class="chFrm">
|
||||
<div class="chLogo">
|
||||
<div id="icon"></div>
|
||||
</div>
|
||||
<div class="chNum">
|
||||
<div id="arrow_up"></div>
|
||||
<div id="number"></div>
|
||||
<div id="arrow_down"></div>
|
||||
</div>
|
||||
<div class="chDesc">
|
||||
<div id="epg_chname"></div>
|
||||
<div id="epg_title"></div>
|
||||
<div id="epg_details">
|
||||
<div id="tm_current"></div>
|
||||
<div id="tm_playing"></div>
|
||||
<div id="tm_chart">
|
||||
<div class="progress"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shortcut">
|
||||
<div class="shortcut_mode0"></div>
|
||||
<div class="shortcut_mode1">
|
||||
<div id="suggestion">
|
||||
<table class="ch_list">
|
||||
<tbody id="record"></tbody>
|
||||
@@ -182,176 +203,100 @@
|
||||
<div class="owl-carousel owl-theme" id="lst_hotkey_mm_blue"></div>
|
||||
</div>
|
||||
<div class="amenity">
|
||||
<div class="menu">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="items">
|
||||
<table class="tbl_header">
|
||||
<tbody id="hdr">
|
||||
<tr>
|
||||
<th id="type"></th>
|
||||
<th id="quantity"></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="tbl_record">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="value"></div>
|
||||
<div id="quantity"></div>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
<div id="order"></div>
|
||||
<div id="details"></div>
|
||||
<div id="cancel"></div>
|
||||
</div>
|
||||
<div class="bg">
|
||||
<div class="owl-carousel owl-theme" id="lst_ctgbg"></div>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div id="title"></div>
|
||||
<div id="comment"></div>
|
||||
<div id="thumb"></div>
|
||||
<div class="slider">
|
||||
<div class="owl-carousel owl-theme" id="lst_ctgsel"></div>
|
||||
</div>
|
||||
<div class="cart-list">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="items">
|
||||
<table class="tbl_header">
|
||||
<tbody id="hdr">
|
||||
<tr>
|
||||
<th id="type"></th>
|
||||
<th id="quantity"></th>
|
||||
<th id="amount"></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="tbl_record">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="quantity"></div>
|
||||
<div id="amount"></div>
|
||||
</div>
|
||||
<div id="notice"></div>
|
||||
<div id="buttons">
|
||||
<div>
|
||||
<div id="confirm"></div>
|
||||
<div class="cart">
|
||||
<div>
|
||||
<div class="menu">
|
||||
<div>
|
||||
<div id="title"></div>
|
||||
<div id="control">
|
||||
<div id="thumb"></div>
|
||||
<div>
|
||||
<div id="quantity"></div>
|
||||
<div>
|
||||
<div id="icon_up"></div>
|
||||
<div id="number"></div>
|
||||
<div id="icon_down"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="amount"></div>
|
||||
<div id="total"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="description">
|
||||
<div id="name"></div>
|
||||
<div id="details"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="cancel"></div>
|
||||
<div class="items">
|
||||
<div id="title"></div>
|
||||
<div id="table"></div>
|
||||
<div id="amount">
|
||||
<div id="total"></div>
|
||||
<div id="value"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-details">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="orders">
|
||||
<table class="order_list">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="quantity"></div>
|
||||
<div id="amount"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert">
|
||||
<div id="order-complete">
|
||||
<div id="title"></div>
|
||||
<div id="message"></div>
|
||||
</div>
|
||||
<div class="order">
|
||||
<div class="winleft"></div>
|
||||
</div>
|
||||
<div class="use_guide"></div>
|
||||
</div>
|
||||
<div class="roomservice">
|
||||
<div class="menu">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="items">
|
||||
<table class="tbl_header">
|
||||
<tbody id="hdr">
|
||||
<tr>
|
||||
<th id="type"></th>
|
||||
<th id="quantity"></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="tbl_record">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="value"></div>
|
||||
<div id="quantity"></div>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
<div id="order"></div>
|
||||
<div id="details"></div>
|
||||
<div id="cancel"></div>
|
||||
</div>
|
||||
<div class="bg">
|
||||
<div class="owl-carousel owl-theme" id="lst_ctgbg"></div>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div id="title"></div>
|
||||
<div id="comment"></div>
|
||||
<div id="thumb"></div>
|
||||
<div class="slider">
|
||||
<div class="owl-carousel owl-theme" id="lst_ctgsel"></div>
|
||||
</div>
|
||||
<div class="cart-list">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="items">
|
||||
<table class="tbl_header">
|
||||
<tbody id="hdr">
|
||||
<tr>
|
||||
<th id="type"></th>
|
||||
<th id="quantity"></th>
|
||||
<th id="amount"></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="tbl_record">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="quantity"></div>
|
||||
<div id="amount"></div>
|
||||
</div>
|
||||
<div id="notice"></div>
|
||||
<div id="buttons">
|
||||
<div>
|
||||
<div id="confirm"></div>
|
||||
<div class="cart">
|
||||
<div>
|
||||
<div class="menu">
|
||||
<div>
|
||||
<div id="title"></div>
|
||||
<div id="control">
|
||||
<div id="thumb"></div>
|
||||
<div>
|
||||
<div id="quantity"></div>
|
||||
<div>
|
||||
<div id="icon_up"></div>
|
||||
<div id="number"></div>
|
||||
<div id="icon_down"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="amount"></div>
|
||||
<div id="total"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="description">
|
||||
<div id="name"></div>
|
||||
<div id="details"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="cancel"></div>
|
||||
<div class="items">
|
||||
<div id="title"></div>
|
||||
<div id="table"></div>
|
||||
<div id="amount">
|
||||
<div id="total"></div>
|
||||
<div id="value"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-details">
|
||||
<div id="title"></div>
|
||||
<div id="usage"></div>
|
||||
<div id="orders">
|
||||
<table class="order_list">
|
||||
<tbody id="record"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="summary">
|
||||
<div id="title"></div>
|
||||
<div id="quantity"></div>
|
||||
<div id="amount"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert">
|
||||
<div id="order-complete">
|
||||
<div id="title"></div>
|
||||
<div id="message"></div>
|
||||
</div>
|
||||
<div class="order">
|
||||
<div class="winleft"></div>
|
||||
</div>
|
||||
<div class="use_guide"></div>
|
||||
</div>
|
||||
<div class="mypage">
|
||||
<div class="message">
|
||||
@@ -361,6 +306,13 @@
|
||||
<span id="btn_back"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lang_selection">
|
||||
<div class="selector">
|
||||
<div class="title"></div>
|
||||
<div class="usage"></div>
|
||||
<div class="buttons"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="notification">
|
||||
<div class="balloon right"><span id="message"></span></div>
|
||||
</div>
|
||||
@@ -413,29 +365,28 @@
|
||||
|
||||
|
||||
<!-- Standard & 3rd party Library -->
|
||||
<script src="/procentric/application/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="/procentric/application/lib/jquery.color-2.1.2.min.js"></script>
|
||||
<script src="/procentric/application/lib/jquery.webticker.min.js"></script>
|
||||
<script src="/procentric/application/lib/xml2json.js"></script>
|
||||
<script src="/procentric/application/lib/owl.carousel.js"></script>
|
||||
<script src="/procentric/application/lib/lightslider.js"></script>
|
||||
<script src="./lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="./lib/jquery.color-2.1.2.min.js"></script>
|
||||
<script src="./lib/jquery.webticker.min.js"></script>
|
||||
<script src="./lib/xml2json.js"></script>
|
||||
<script src="./lib/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- LG HCAP Library -->
|
||||
<script src="/procentric/application/lib/hcap.js"></script>
|
||||
<script src="/procentric/application/lib/idcap.js"></script>
|
||||
<script src="./lib/hcap.js"></script>
|
||||
<script src="./lib/idcap.js"></script>
|
||||
|
||||
<!-- CENTIRM HOTELTV Library -->
|
||||
<script src="/procentric/application/lib/hoteltv.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.ui_utils.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.ui_appfull.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.hcap.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.api.js"></script>
|
||||
<script src="./lib/hoteltv.js"></script>
|
||||
<script src="./lib/hoteltv.ui_utils.js"></script>
|
||||
<script src="./lib/hoteltv.ui_appfull.js"></script>
|
||||
<script src="./lib/hoteltv.hcap.js"></script>
|
||||
<script src="./lib/hoteltv.api.js"></script>
|
||||
|
||||
<!-- MQTT Library -->
|
||||
<script src="/procentric/application/lib/mqtt.min.js"></script>
|
||||
<script src="./lib/mqtt.min.js"></script>
|
||||
|
||||
<!-- ACMETICKER Library -->
|
||||
<script src="/procentric/application/lib/acmeticker.js"></script>
|
||||
<script src="./lib/acmeticker.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
@@ -459,7 +410,7 @@
|
||||
"/hoteltv.app.full.popup.css"];
|
||||
for ( let _idx=0; _idx<needed_css_files.length; _idx++ )
|
||||
{
|
||||
$('head:first').append('<link rel="stylesheet" type="text/css" href="/procentric/application/theme/'
|
||||
$('head:first').append('<link rel="stylesheet" type="text/css" href="./theme/'
|
||||
+ HotelTV.state['theme_root'] + needed_css_files[_idx] + '" />');
|
||||
}
|
||||
console.log("Documents loaded...")
|
||||
@@ -483,13 +434,15 @@
|
||||
|
||||
switch (e.keyCode) {
|
||||
case 602: // Portail
|
||||
window.location.replace('./index.html');
|
||||
if ( HotelTV.dbginfo['en'] == true ) {
|
||||
window.location.replace('./index.html');
|
||||
}
|
||||
break;
|
||||
case 409:
|
||||
HotelTV.hcap.PwrOff();
|
||||
HotelTV.hal.PwrOff();
|
||||
break;
|
||||
case 457: // INFO Key
|
||||
HotelTV.hcap.GetScrshot();
|
||||
HotelTV.hal.GetScrshot();
|
||||
break;
|
||||
default:
|
||||
//console.log(`KEY::${e.keyCode}`);
|
||||
|
||||
@@ -1,392 +0,0 @@
|
||||
/*! lightslider - v1.1.3 - 2015-04-14
|
||||
* https://github.com/sachinchoolur/lightslider
|
||||
* Copyright (c) 2015 Sachin N; Licensed MIT */
|
||||
/** /!!! core css Should not edit !!!/**/
|
||||
|
||||
.lSSlideOuter {
|
||||
overflow: hidden;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
.lightSlider:before, .lightSlider:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.lightSlider {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
.lSSlideWrapper {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideWrapper > .lightSlider:after {
|
||||
clear: both;
|
||||
}
|
||||
.lSSlideWrapper .lSSlide {
|
||||
-webkit-transform: translate(0px, 0px);
|
||||
-ms-transform: translate(0px, 0px);
|
||||
transform: translate(0px, 0px);
|
||||
-webkit-transition: all 1s;
|
||||
-webkit-transition-property: -webkit-transform,height;
|
||||
-moz-transition-property: -moz-transform,height;
|
||||
transition-property: transform,height;
|
||||
-webkit-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-webkit-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lSSlideWrapper .lSFade {
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideWrapper .lSFade > * {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
margin-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.lSSlideWrapper.usingCss .lSFade > * {
|
||||
opacity: 0;
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
-webkit-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-webkit-transition-property: opacity;
|
||||
transition-property: opacity;
|
||||
-webkit-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lSSlideWrapper .lSFade > *.active {
|
||||
z-index: 10;
|
||||
}
|
||||
.lSSlideWrapper.usingCss .lSFade > *.active {
|
||||
opacity: 1;
|
||||
}
|
||||
/** /!!! End of core css Should not edit !!!/**/
|
||||
|
||||
/* Pager */
|
||||
.lSSlideOuter .lSPager.lSpg {
|
||||
margin: 10px 0 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSpg > li {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSpg > li a {
|
||||
background-color: #222222;
|
||||
border-radius: 30px;
|
||||
display: inline-block;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
text-indent: -999em;
|
||||
width: 8px;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
-webkit-transition: all 0.5s linear 0s;
|
||||
transition: all 0.5s linear 0s;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
|
||||
background-color: #428bca;
|
||||
}
|
||||
.lSSlideOuter .media {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.lSSlideOuter .media.active {
|
||||
opacity: 1;
|
||||
}
|
||||
/* End of pager */
|
||||
|
||||
/** Gallery */
|
||||
.lSSlideOuter .lSPager.lSGallery {
|
||||
list-style: none outside none;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
-moz-transform: translate3d(0px, 0px, 0px);
|
||||
-ms-transform: translate3d(0px, 0px, 0px);
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
-o-transform: translate3d(0px, 0px, 0px);
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
-moz-transition-property: -moz-transform;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery li {
|
||||
overflow: hidden;
|
||||
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
|
||||
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery img {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.lSSlideOuter .lSPager.lSGallery:after {
|
||||
clear: both;
|
||||
}
|
||||
/* End of Gallery*/
|
||||
|
||||
/* slider actions */
|
||||
.lSAction > a {
|
||||
width: 32px;
|
||||
display: block;
|
||||
top: 50%;
|
||||
height: 32px;
|
||||
background-image: url('../img/controls.png');
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
margin-top: -16px;
|
||||
opacity: 0.5;
|
||||
-webkit-transition: opacity 0.35s linear 0s;
|
||||
transition: opacity 0.35s linear 0s;
|
||||
}
|
||||
.lSAction > a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.lSAction > .lSPrev {
|
||||
background-position: 0 0;
|
||||
left: 10px;
|
||||
}
|
||||
.lSAction > .lSNext {
|
||||
background-position: -32px 0;
|
||||
right: 10px;
|
||||
}
|
||||
.lSAction > a.disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.cS-hidden {
|
||||
height: 1px;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* vertical */
|
||||
.lSSlideOuter.vertical {
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.vertical.noPager {
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
.lSSlideOuter.vertical .lSGallery {
|
||||
position: absolute !important;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.lSSlideOuter.vertical .lightSlider > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
/* vertical controlls */
|
||||
.lSSlideOuter.vertical .lSAction > a {
|
||||
left: 50%;
|
||||
margin-left: -14px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.lSSlideOuter.vertical .lSAction > .lSNext {
|
||||
background-position: 31px -31px;
|
||||
bottom: 10px;
|
||||
top: auto;
|
||||
}
|
||||
.lSSlideOuter.vertical .lSAction > .lSPrev {
|
||||
background-position: 0 -31px;
|
||||
bottom: auto;
|
||||
top: 10px;
|
||||
}
|
||||
/* vertical */
|
||||
|
||||
|
||||
/* Rtl */
|
||||
.lSSlideOuter.lSrtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
|
||||
padding-left: 0;
|
||||
list-style: none outside none;
|
||||
}
|
||||
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
|
||||
padding-right: 0;
|
||||
}
|
||||
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
|
||||
float: left;
|
||||
}
|
||||
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
|
||||
float: right !important;
|
||||
}
|
||||
/* Rtl */
|
||||
|
||||
@-webkit-keyframes rightEnd {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes rightEnd {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes topEnd {
|
||||
0% {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
top: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@keyframes topEnd {
|
||||
0% {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
top: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes leftEnd {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes leftEnd {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes bottomEnd {
|
||||
0% {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
bottom: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
@keyframes bottomEnd {
|
||||
0% {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
bottom: -15px;
|
||||
}
|
||||
|
||||
100% {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.lSSlideOuter .rightEnd {
|
||||
-webkit-animation: rightEnd 0.3s;
|
||||
animation: rightEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter .leftEnd {
|
||||
-webkit-animation: leftEnd 0.3s;
|
||||
animation: leftEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.vertical .rightEnd {
|
||||
-webkit-animation: topEnd 0.3s;
|
||||
animation: topEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.vertical .leftEnd {
|
||||
-webkit-animation: bottomEnd 0.3s;
|
||||
animation: bottomEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.lSrtl .rightEnd {
|
||||
-webkit-animation: leftEnd 0.3s;
|
||||
animation: leftEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lSSlideOuter.lSrtl .leftEnd {
|
||||
-webkit-animation: rightEnd 0.3s;
|
||||
animation: rightEnd 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
/*/ GRab cursor */
|
||||
.lightSlider.lsGrab > * {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lightSlider.lsGrabbing > * {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 204 KiB |
|
Before Width: | Height: | Size: 351 KiB |
|
Before Width: | Height: | Size: 103 KiB |
|
Before Width: | Height: | Size: 202 KiB |
|
Before Width: | Height: | Size: 113 KiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 675 KiB |
|
Before Width: | Height: | Size: 973 KiB |
|
Before Width: | Height: | Size: 494 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 166 KiB |
|
Before Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 617 KiB |
|
Before Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 354 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 8.0 KiB |
|
Before Width: | Height: | Size: 586 KiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 990 B |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |