Add 1st PTC Hotel APP codes
This commit is contained in:
sysadmin
2022-04-21 10:46:16 +09:00
parent a88c85f95e
commit ff2a3c305b
383 changed files with 154315 additions and 0 deletions

14
procentric/application/.vscode/bookmarks.json vendored Executable file
View File

@@ -0,0 +1,14 @@
{
"files": [
{
"path": "lib/hoteltv.ui_appfull.js",
"bookmarks": [
{
"line": 3332,
"column": 13,
"label": ""
}
]
}
]
}

View File

@@ -0,0 +1,460 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="hoteltv.ui_utils.css">
<link rel="stylesheet" href="hoteltv.app.full.css">
<link rel="stylesheet" href="hoteltv.app.full.mm.css">
<link rel="stylesheet" href="hoteltv.app.full.mm.weather.css">
<link rel="stylesheet" href="hoteltv.app.full.mm.flight.css">
<link rel="stylesheet" href="hoteltv.app.full.widjet.css">
<link rel="stylesheet" href="hoteltv.app.full.sm.css">
<link rel="stylesheet" href="hoteltv.app.full.mypage.css">
<link rel="stylesheet" href="hoteltv.app.full.ctzgen.css">
<link rel="stylesheet" href="hoteltv.app.full.tv.css">
<link rel="stylesheet" href="hoteltv.app.full.guide.css">
<link rel="stylesheet" href="hoteltv.app.full.news.css">
<link rel="stylesheet" href="hoteltv.app.full.popup.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">
<link rel="stylesheet" href="./css/lightslider.css">
<title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
</head>
<body>
<!-- APP[FULL] Screen Layout -->
<div class="main">
<div class="mm">
<div class="bg">
<div class="owl-carousel owl-theme" id="lst_mmbg"></div>
</div>
<div class="slider">
<div class="owl-carousel owl-theme" id="lst_mmsel"></div>
</div>
<div class="weather">
<div class="location">Seoul</div>
<div class="today">
<div id="temp_cur">12</div>
<div id="temp_minmax">9/15</div>
<div class="detail">
<div id="discription"></div>
<div id="img_status"></div>
<div id="humidity">
<span id="icon" style="width:30%; height:100%; display:inline-block; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-top:10px;"></span>
<span id="value" style="width:50%; height:100%; display:inline-block; font-size: 32px; text-align: left; margin-top: 10px;"></span>
</div>
<div id="wind">
<span id="icon" style="width:30%; height:100%; display:inline-block; background-repeat: no-repeat; background-size: contain; background-position: center center;margin-top:10px;"></span>
<marquee id="value" style="width:60%; height:100%; display:inline-block; font-size: 32px; text-align: left; margin-top: 10px; border-bottom: solid;"></marquee>
</div>
</div>
</div>
<div class="forcast">
<div class="daily">
<div id="title" style="font-size:32px; display: block"></div>
<ul>
<li idx="1">
<div id="time"></div>
<div id="temp"></div>
</li>
<li idx="2">
<div id="time"></div>
<div id="temp"></div>
</li>
<li idx="3">
<div id="time"></div>
<div id="temp"></div>
</li>
<li idx="4">
<div id="time"></div>
<div id="temp"></div>
</li>
<li idx="5">
<div id="time"></div>
<div id="temp"></div>
</li>
</ul>
</div>
<div class="weekly">
<ul style="margin-bottom: 30px;">
<li idx="1">
<div id="date"></div>
<div id="temp"></div>
</li>
<li idx="2">
<div id="date"></div>
<div id="temp"></div>
</li>
<li idx="3">
<div id="date"></div>
<div id="temp"></div>
</li>
<li idx="4">
<div id="date"></div>
<div id="temp"></div>
</li>
<li idx="5">
<div id="date"></div>
<div id="temp"></div>
</li>
</ul>
<div id="title" style="font-size:32px; display: block"></div>
</div>
</div>
<div id="caution" style="position:absolute; top: 410px; width: 99%; height:50px; text-align: right; color:rgb(180,180,190);"></div>
</div>
<div class="flight">
<div class="departure" style="position: absolute; width:50%; height:100%;">
<div id="title" style="text-align:left; margin-left:10px;"></div>
<table class="tbl_header">
<tbody id="hdr">
<tr>
<th id="airline"></th>
<th id="flight"></th>
<th id="scheduled"></th>
<th id="origin"></th>
<th id="destination"></th>
<th id="type"></th>
<th id="gate"></th>
<th id="status"></th>
</tr>
</tbody>
</table>
<table class="tbl_record">
<tbody id="record"></tbody>
</table>
<div id="border_table_bottom" style="position:absolute; top:560px; margin-left:10px; width:900px; height:20px; background-color: rgba(0,0,0,0.4); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;"></div>
</div>
<div class="arrival" style="position: absolute; left:52%; width:50%; height:100%;">
<div id="title" style="text-align:right; margin-right:50px;"></div>
<table class="tbl_header">
<tbody id="hdr">
<tr>
<th id="airline"></th>
<th id="flight"></th>
<th id="scheduled"></th>
<th id="origin"></th>
<th id="destination"></th>
<th id="type"></th>
<th id="gate"></th>
<th id="status"></th>
</tr>
</tbody>
</table>
<table class="tbl_record">
<tbody id="record"></tbody>
</table>
<div id="border_table_bottom" style="position:absolute; top:560px; margin-left:10px; width:900px; height:20px; background-color: rgba(0,0,0,0.4); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;"></div>
</div>
<div id="caution" style="position:absolute; top: 590px; width: 99%; height:50px; text-align: right; color:rgb(180,180,190);"></div>
</div>
</div>
<div class="sub">
<div class="bg">
<div class="owl-carousel owl-theme" id="lst_smbg"></div>
</div>
<div class="slider">
<div class="owl-carousel owl-theme" id="lst_smsel"></div>
</div>
</div>
<div class="ctzgen">
<div class="bg">
<div class="owl-carousel owl-theme" id="lst_ctzgenbg"></div>
</div>
<div class="slider">
<div class="owl-carousel owl-theme" id="lst_ctzgensel"></div>
</div>
</div>
<div class="tv">
<div class="bg">
<div class="owl-carousel owl-theme" id="lst_tvCtgbg"></div>
</div>
</div>
<div class="mypage">
<div class="bg">
<div class="owl-carousel owl-theme" id="lst_mypagebg"></div>
</div>
<div class="slider">
<div class="owl-carousel owl-theme" id="lst_mypagesel"></div>
</div>
</div>
</div>
<div class="widjet">
<div class="top">
<div class="hotellogo"></div>
<div class="message">
<div id="icon"> </div>
<div id="count"></div>
</div>
<div class="weather">
<div id="icon"></div>
<div id="temp"></div>
</div>
<div class="datetime">
<p class="time"></p>
<p class="date"></p>
</div>
</div>
</div>
<div class="news">
<div class="title">NEWS</div>
<div class="newsctz">
<lu id="hoteltv-news-ticker"></lu>
</div>
</div>
<div class="guide">
<div class="tips"></div>
</div>
<div class="popup">
<div class="hotkey_mm_red">
<div class="owl-carousel owl-theme" id="lst_hotkey_mm_red"></div>
</div>
<div class="hotkey_mm_green">
<div class="owl-carousel owl-theme" id="lst_hotkey_mm_green"></div>
</div>
<div class="hotkey_mm_yellow">
<div class="owl-carousel owl-theme" id="lst_hotkey_mm_yellow"></div>
</div>
<div class="hotkey_mm_blue">
<div class="owl-carousel owl-theme" id="lst_hotkey_mm_blue"></div>
</div>
<div class="amenity">
<div class="title"></div>
<div class="usage"></div>
<div class="items">
<table class="table" id="item_list"></table>
</div>
<div class="buttons">
<div class="order"></div>
<div class="cancel"></div>
<div class="details"></div>
</div>
<div class="order-details">
<div class="title"></div>
<div class="usage"></div>
<div class="items">
<table class="table" id="item_list"></table>
</div>
<div class="total_amount">
<div class="title"></div>
<div class="value"></div>
</div>
</div>
</div>
<div class="roomservice">
<div class="menu">
<div class="title"></div>
<div class="usage"></div>
<div class="items">
<table class="table" id="item_list"></table>
</div>
<div class="buttons">
<div class="order"></div>
<div class="cancel"></div>
<div class="details"></div>
</div>
<div class="order-details">
<div class="title"></div>
<div class="usage"></div>
<div class="items">
<table class="table" id="item_list"></table>
</div>
<div class="total_amount">
<div class="title"></div>
<div class="value"></div>
</div>
</div>
</div>
<div class="description">
<div class="rstitle"></div>
<div class="rscomment"></div>
<div class="image"></div>
</div>
</div>
<div class="mypage">
<div class="message">
<div id="hotel_logo"></div>
<p id="title"></p>
<p id="msg_ctz"></p>
<span id="btn_back"></span>
</div>
</div>
</div>
<!-- Buttons Layout -->
<div class="control">
<div class="mm">
<div class="hotkey_red"></div>
<div class="hotkey_green"></div>
<div class="hotkey_yellow"></div>
<div class="hotkey_blue"></div>
</div>
<div class="skip_video"></div>
</div>
<!-- Player Layout -->
<div class="player"></div>
<!-- Error Frame Layout -->
<div class="error"></div>
<!-- Busy Animation Area -->
<div class="busy-frame">
<div id="busy_animation">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Test -->
<!-- <div class="image-slider">
<ul id="imageGallery">
<li data-thumb="img/thumb/cS-1.jpg" data-src="img/largeImage.jpg">
<img src="/api/v3/downloads/62120b141a3bfd09e3608ba0/name/CTZ-THUMB-만장굴-00.jpg">
</li>
<li data-thumb="img/thumb/cS-2.jpg" data-src="img/largeImage1.jpg">
<img src="/api/v3/downloads/62120b141a3bfd09e3608ba2/name/CTZ-THUMB-만장굴-01.jpg">
</li>
<li data-thumb="img/thumb/cS-2.jpg" data-src="img/largeImage1.jpg">
<img src="/api/v3/downloads/62120b141a3bfd09e3608ba4/name/CTZ-THUMB-만장굴-02.jpg">
</li>
<li data-thumb="img/thumb/cS-2.jpg" data-src="img/largeImage1.jpg">
<img src="/api/v3/downloads/62120b141a3bfd09e3608ba6/name/CTZ-THUMB-만장굴-03.jpg">
</li>
<li data-thumb="img/thumb/cS-2.jpg" data-src="img/largeImage1.jpg">
<img src="/api/v3/downloads/62120b141a3bfd09e3608ba8/name/CTZ-THUMB-만장굴-04.jpg">
</li>
</ul>
</div> -->
</body>
<!-- Standard & 3rd party Library -->
<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.js"></script>
<script src="./lib/lightslider.js"></script>
<!-- LG HCAP Library -->
<script src="./lib/hcap.js"></script>
<!-- CENTIRM HOTELTV Library -->
<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="./lib/mqtt.min.js"></script>
<!-- ACMETICKER Library -->
<script src="./lib/acmeticker.js"></script>
<script>
window.addEventListener('cached', function() {
});
var _aa = null;
window.addEventListener('load', function() {
// _aa = $('.news .hoteltv-news-ticker').AcmeTicker({
// type: 'horizontal',
// /*horizontal/horizontal/Marquee/type*/
// direction: 'right',
// /*up/down/left/right*/
// speed: true,
// waitms: 2000,
// /*true/false/number*/
// /*For vertical/horizontal 600*/
// /*For marquee 0.05*/
// /*For typewriter 50*/
// });
// setTimeout(function() {
// //_aa.isPause = true;
// _aa.restart();
// }, 10000);
// $('#imageGallery').lightSlider({
// item: 1,
// slideMargin: 0,
// mode: 'fade',
// adaptiveHeight: true,
// autoWidth: true,
// auto: true,
// loop: true
// });
});
window.addEventListener('unload', function(event) {
console.log('Uninitalized');
//HotelTV.UnloadAppFull();
});
document.addEventListener("keydown",
function(e) {
let _profile = HotelTV.tvguide.program;
let _state = HotelTV.state;
// if (_state.menu.stage == "main") {
// console.log(`KEY::${e.keyCode} Main Menu(Prev)::> ${_state.menu.main.cur} ${_profile[Number(_state.menu.main.cur)].name}`);
// }
switch (e.keyCode) {
case 602: // Portail
window.location.replace('./index.html');
break;
case 409:
HotelTV.hcap.PwrOff();
break;
case 458: // INFO Key
HotelTV.hcap.GetScrshot();
break;
default:
//console.log(`KEY::${e.keyCode}`);
break;
}
});
$(document).ready(function() {
HotelTV.LoadAppFull();
});
</script>
</html>

View File

@@ -0,0 +1,129 @@
* {
margin: 0;
padding: 0; }
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
a {
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s; }
a:hover {
text-decoration: none; }
/*-----------------------------
News Ticker
------------------------------*/
.acme-news-ticker {
background: #fff;
position: relative;
height: 45px;
border: 1px solid #1974d2;
margin-top: 45px; }
@media (min-width: 768px) {
.acme-news-ticker {
margin-top: 0; } }
.acme-news-ticker-label {
background: #1974d2;
padding: 10px;
width: auto;
float: left;
margin-right: 15px;
line-height: normal;
height: 100%;
color: #fff; }
@media (max-width: 575px) {
.acme-news-ticker-label {
position: absolute;
top: -45px; } }
.acme-news-ticker-box {
height: 100%;
padding-top: 10px;
overflow: hidden; }
@media (max-width: 575px) {
.acme-news-ticker-box {
padding-left: 10px;
padding-right: 120px; } }
.acme-news-ticker-box ul {
width: 100%;
list-style-type: none !important;
padding: 0;
margin: 0; }
.acme-news-ticker-box ul li a {
text-decoration: none; }
.acme-news-ticker-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
height: 100%;
right: 0;
top: 0; }
.acme-news-ticker-controls button {
height: 100%;
background: #f6f6f6;
padding: 0;
width: 40px;
border-color: #eeeeee;
border-style: solid;
border-width: 0 0 0 1px;
cursor: pointer;
display: inline-block; }
.acme-news-ticker-controls button:hover {
background: #eeeeee; }
.acme-news-ticker-controls button.acme-news-ticker-arrow {
margin: 0;
display: inline-block;
position: relative; }
.acme-news-ticker-controls button.acme-news-ticker-arrow:after {
border-color: #999;
border-bottom-style: solid;
border-bottom-width: 2px;
border-right-style: solid;
border-right-width: 2px;
content: '';
display: inline-block;
height: 8px;
left: 50%;
position: absolute;
top: 50%;
width: 8px; }
.acme-news-ticker-controls button.acme-news-ticker-pause {
position: relative;
display: inline-block; }
.acme-news-ticker-controls button.acme-news-ticker-pause:before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-color: #999;
border-style: solid;
border-width: 0 2px 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%; }
.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-prev:after {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-ms-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg); }
.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-next:after {
-webkit-transform: translate(-50%, -50%) rotate(315deg);
-ms-transform: translate(-50%, -50%) rotate(315deg);
transform: translate(-50%, -50%) rotate(315deg); }
.acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-prev:after {
-webkit-transform: translate(-50%, -50%) rotate(225deg);
-ms-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg); }
.acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-next:after {
-webkit-transform: translate(-50%, -50%) rotate(405deg);
-ms-transform: translate(-50%, -50%) rotate(405deg);
transform: translate(-50%, -50%) rotate(405deg); }
/*# sourceMappingURL=style.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../scss/main.scss","../scss/base/_mixins.scss","../scss/base/_variable.scss"],"names":[],"mappings":"AAEA;EACC,UAAS;EACT,WAAU,EAAA;;AAEX;;;EAGG,+BAAsB;UAAtB,uBAAsB,EAAA;;AAGzB;EACC,sBAAoB;EACpB,4CAAkC;EAAlC,uCAAkC;EAAlC,oCAAkC,EAAA;EAClC;IACC,sBAAoB,EAAA;;AAKtB;;gCAEgC;AAChC;EAEI,iBAAgB;EAChB,mBAAkB;EAClB,aAAY;EACZ,0BAAgC;EAChC,iBAAgB,EAAA;ECiKhB;IDvKJ;MASQ,cAAa,EAAA,EAAA;EAEjB;IACI,oBED+B;IFE/B,cAAa;IACb,YAAW;IACX,YAAW;IACX,mBAAkB;IAClB,oBAAmB;IACnB,aAAY;IACZ,YAAW,EAAA;IC+Kf;MDvLA;QAWQ,mBAAkB;QAClB,WAAU,EAAA,EAAA;EAGlB;IACI,aAAY;IACZ,kBAAiB;IACjB,iBAAgB,EAAA;ICqKpB;MDxKA;QAKQ,mBAAkB;QAClB,qBAAoB,EAAA,EAAA;IAExB;MACI,YAAW;MACX,iCAAgC;MAChC,WAAU;MACV,UAAS,EAAA;MAEL;QACI,sBAAqB,EAAA;EAKrC;IAEI,qBAAa;IAAb,qBAAa;IAAb,cAAa;IAGb,mBAAkB;IAClB,aAAY;IACZ,SAAQ;IACR,OAAM,EAAA;IACN;MACI,aAAY;MACZ,oBAAkB;MAClB,WAAU;MACV,YAAW;MACX,sBE/DuC;MFgEvC,oBAAmB;MACnB,wBAAuB;MACvB,gBAAe;MACf,sBAAqB,EAAA;MACrB;QACI,oBErEmC,EAAA;MFuEvC;QACI,UAAS;QACT,sBAAqB;QACrB,mBAAkB,EAAA;QACd;UACI,mBAAkB;UAClB,2BAA0B;UAC1B,yBAAwB;UACxB,0BAAyB;UACzB,wBAAuB;UACvB,YAAW;UACX,sBAAqB;UACrB,YAAW;UACX,UAAS;UACT,mBAAkB;UAClB,SAAQ;UACR,WAAU,EAAA;MAKtB;QACI,mBAAkB;QAClB,sBAAqB,EAAA;QACrB;UACI,mBAAkB;UAClB,YAAW;UACX,YAAW;UACX,aAAY;UACZ,mBAAkB;UAClB,oBAAmB;UACnB,sBAAqB;UACrB,yCAAgC;cAAhC,qCAAgC;kBAAhC,iCAAgC;UAChC,UAAS;UACT,SAAQ,EAAA;IAUR;MACG,wDAA6C;UAA7C,oDAA6C;cAA7C,gDAA6C,EAAA;IAKhD;MACI,wDAA8C;UAA9C,oDAA8C;cAA9C,gDAA8C,EAAA;IAU9C;MAEI,wDAA8C;UAA9C,oDAA8C;cAA9C,gDAA8C,EAAA;IAKlD;MAEI,wDAA8C;UAA9C,oDAA8C;cAA9C,gDAA8C,EAAA","file":"style.css"}

View File

@@ -0,0 +1 @@
*{margin:0;padding:0}*,::after,::before{box-sizing:border-box}a{text-decoration:none;transition:all .5s ease-in-out 0s}a:hover{text-decoration:none}.acme-news-ticker{background:#fff;position:relative;height:45px;border:1px solid #1974d2;margin-top:45px}@media (min-width:768px){.acme-news-ticker{margin-top:0}}.acme-news-ticker-label{background:#1974d2;padding:10px;width:auto;float:left;margin-right:15px;line-height:normal;height:100%;color:#fff}@media (max-width:575px){.acme-news-ticker-label{position:absolute;top:-45px}}.acme-news-ticker-box{height:100%;padding-top:10px;overflow:hidden}@media (max-width:575px){.acme-news-ticker-box{padding-left:10px;padding-right:120px}}.acme-news-ticker-box ul{width:100%;list-style-type:none!important;padding:0;margin:0}.acme-news-ticker-box ul li a{text-decoration:none}.acme-news-ticker-controls{display:flex;position:absolute;height:100%;right:0;top:0}.acme-news-ticker-controls button{height:100%;background:#f6f6f6;padding:0;width:40px;border-color:#eee;border-style:solid;border-width:0 0 0 1px;cursor:pointer;display:inline-block}.acme-news-ticker-controls button:hover{background:#eee}.acme-news-ticker-controls button.acme-news-ticker-arrow{margin:0;display:inline-block;position:relative}.acme-news-ticker-controls button.acme-news-ticker-arrow:after{border-color:#999;border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:'';display:inline-block;height:8px;left:50%;position:absolute;top:50%;width:8px}.acme-news-ticker-controls button.acme-news-ticker-pause{position:relative;display:inline-block}.acme-news-ticker-controls button.acme-news-ticker-pause:before{position:absolute;content:"";width:10px;height:10px;border-color:#999;border-style:solid;border-width:0 2px 0;transform:translate(-50%,-50%);left:50%;top:50%}.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-prev:after{transform:translate(-50%,-50%) rotate(135deg)}.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-next:after{transform:translate(-50%,-50%) rotate(315deg)}.acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-prev:after{transform:translate(-50%,-50%) rotate(225deg)}.acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-next:after{transform:translate(-50%,-50%) rotate(405deg)}

View File

@@ -0,0 +1,146 @@
/* Ticker Styling */
.ticker-wrapper.has-js {
margin: 20px 0px 20px 0px;
padding: 0px 20px;
width: 780px;
height: 32px;
display: block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #f8f0db;
font-size: 0.75em;
}
.ticker {
width: 710px;
height: 23px;
display: block;
position: relative;
overflow: hidden;
background-color: #f8f0db;
}
.ticker-title {
padding-top: 9px;
color: #990000;
font-weight: bold;
background-color: #f8f0db;
text-transform: uppercase;
}
.ticker-content {
margin: 0px;
padding-top: 9px;
position: absolute;
color: #1F527B;
font-weight: bold;
background-color: #f8f0db;
overflow: hidden;
white-space: nowrap;
line-height: 1.2em;
}
.ticker-content:focus {
none;
}
.ticker-content a {
text-decoration: none;
color: #1F527B;
}
.ticker-content a:hover {
text-decoration: underline;
color: #0D3059;
}
.ticker-swipe {
padding-top: 9px;
position: absolute;
top: 0px;
background-color: #f8f0db;
display: block;
width: 800px;
height: 23px;
}
.ticker-swipe span {
margin-left: 1px;
background-color: #f8f0db;
border-bottom: 1px solid #1F527B;
height: 12px;
width: 7px;
display: block;
}
.ticker-controls {
padding: 8px 0px 0px 0px;
list-style-type: none;
float: left;
}
.ticker-controls li {
padding: 0px;
margin-left: 5px;
float: left;
cursor: pointer;
height: 16px;
width: 16px;
display: block;
}
.ticker-controls li.jnt-play-pause {
background-image: url('../images/controls.png');
background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
background-image: url('../images/controls.png');
background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
background-image: url('../images/controls.png');
background-position: 0px 16px;
}
.ticker-controls li.jnt-prev.over {
background-position: 0px 32px;
}
.ticker-controls li.jnt-prev.down {
background-position: 0px 0px;
}
.ticker-controls li.jnt-next {
background-image: url('../images/controls.png');
background-position: 16px 16px;
}
.ticker-controls li.jnt-next.over {
background-position: 16px 32px;
}
.ticker-controls li.jnt-next.down {
background-position: 16px 0px;
}
.js-hidden {
display: none;
}
.no-js-news {
padding: 10px 0px 0px 45px;
color: #F8F0DB;
}
.left .ticker-swipe {
/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
float: left;
}
.left .ticker-controls {
padding-left: 6px;
}
.right .ticker-swipe {
/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
float: right;
}
.right .ticker-controls {
padding-right: 6px;
}

View File

@@ -0,0 +1,392 @@
/*! 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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,186 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }

View File

@@ -0,0 +1,218 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}

View File

@@ -0,0 +1,50 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }

View File

@@ -0,0 +1,65 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 24px;
height: 14px;
margin: 5px 5px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border: 2px solid rgb(80, 80, 80);
filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: rgb(181, 218, 16);
border: 2px solid rgb(10, 10, 10);
}

View File

@@ -0,0 +1,50 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Green theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #4DC7A0;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #4DC7A0; }

View File

@@ -0,0 +1,6 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@@ -0,0 +1,105 @@
[data-tns-role="wrapper"] {
padding: 0 !important
}
[data-tns-role="wrapper"].ms-touch {
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: none;
-ms-scroll-chaining: none;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%)
}
[data-tns-role="content"] {
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s
}
[data-tns-mode="carousel"][data-tns-axis="horizontal"] {
white-space: nowrap;
left: 0
}
[data-tns-mode="carousel"][data-tns-axis="horizontal"]:after {
content: '';
display: table;
clear: both
}
[data-tns-mode="carousel"][data-tns-axis="horizontal"]>div,
[data-tns-mode="carousel"][data-tns-axis="horizontal"]>li,
[data-tns-mode="carousel"][data-tns-axis="horizontal"]>span,
[data-tns-mode="carousel"][data-tns-axis="horizontal"]>a {
display: inline-block;
vertical-align: top;
white-space: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
[data-tns-mode="gallery"] {
overflow: hidden
}
[data-tns-mode="gallery"]>div,
[data-tns-mode="gallery"]>li,
[data-tns-mode="gallery"]>span,
[data-tns-mode="gallery"]>a {
position: absolute;
-webkit-transition: transform 0s, opacity 0s;
-moz-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s
}
[data-tns-role="nav"] button {
vertical-align: middle
}
[data-tns-role="lazy-img"] {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6
}
[data-tns-role="lazy-img"].loaded {
opacity: 1
}
[hidden] {
display: none !important
}
[data-controls],
[data-action],
[data-nav] {
cursor: pointer;
border-width: 0;
padding: 0
}
[data-tns-hidden="x"] {
overflow-x: hidden
}
[data-tns-hidden="y"] {
overflow-y: hidden
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1
}

View File

@@ -0,0 +1,93 @@
Copyright 2018 The Ma Shan Zheng Project Authors (https://github.com/googlefonts/mashanzheng)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

View File

@@ -0,0 +1,97 @@
Copyright (c) 2010, NHN Corporation (http://www.nhncorp.com),
with Reserved Font Name Nanum, Naver Nanum, NanumGothic, Naver
NanumGothic, NanumMyeongjo, Naver NanumMyeongjo, NanumBrush, Naver
NanumBrush, NanumPen, Naver NanumPen.
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

View File

@@ -0,0 +1,94 @@
Copyright (c) 2012 by Brian J. Bonislawsky DBA Astigmatic (AOETI)
(astigma@astigmatic.com), with Reserved Font Names "Parisienne"
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

View File

@@ -0,0 +1,105 @@
/* STEP[#001]: Define Main */
.main {
position: absolute;
top: 0px;
left: 0px;
width: 1920px;
height: 1080px;
padding: 0px;
text-shadow: 0 0 10px rgba(38, 18, 18, 0.5), 0 0 10px rgba(65, 65, 65, 1);
z-index: 1;
}
.main ::-webkit-scrollbar {
display: none;
}
.control {
position: absolute;
top: 0px;
left: 0px;
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
}
.control .mm .hotkey_red {
position: absolute;
width: 360px;
height: 50px;
z-index: 1;
display: none;
line-height: 50px;
color: rgb(235, 235, 235);
padding-left: 80px;
font-size: 30px;
text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
/* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
white-space: nowrap;
background-size: contain;
background-repeat: no-repeat;
}
.control .mm .hotkey_green {
position: absolute;
width: 360px;
height: 50px;
z-index: 1;
display: none;
line-height: 50px;
color: rgb(235, 235, 235);
padding-left: 80px;
font-size: 30px;
text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
/* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
white-space: nowrap;
background-size: contain;
background-repeat: no-repeat;
}
.control .mm .hotkey_yellow {
position: absolute;
width: 360px;
height: 50px;
z-index: 1;
display: none;
line-height: 50px;
color: rgb(235, 235, 235);
padding-left: 80px;
font-size: 30px;
text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
/* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
white-space: nowrap;
background-size: contain;
background-repeat: no-repeat;
}
.control .mm .hotkey_blue {
position: absolute;
width: 360px;
height: 50px;
z-index: 1;
display: none;
line-height: 50px;
color: rgb(235, 235, 235);
padding-left: 80px;
font-size: 30px;
text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
/* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
white-space: nowrap;
background-size: contain;
background-repeat: no-repeat;
}
/* SETP[#003-4]: Player */
.player {
position: absolute;
top: 0px;
left: 0px;
width: 1920px;
height: 1080px;
}

View File

@@ -0,0 +1,254 @@
.main .ctzgen {
position: absolute;
top: 2160px;
left: 0px;
width: 1920px;
height: 1080px;
background-image: url(tv:);
display: none;
}
.main .ctzgen .bg {
position: absolute;
top: 0px;
left: 0%;
width: 1920px;
height: 1080px;
padding: 0px;
overflow: hidden;
display: none;
}
.main .ctzgen .bg .owl-dots {
position: absolute;
top: 980px;
width: 100%;
align-content: center;
}
.main .ctzgen .bg div#lst_ctzgenbg {
position: absolute;
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
}
.main .ctzgen .bg .owl-carousel .owl-stage-outer {
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
}
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage {
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
}
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
}
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
width: 1920px;
height: 1080px;
background-image: var(--bg_noplay);
}
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
width: 1920px;
height: 1080px;
background-image: url(tv:);
}
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay .item .ctz_desc_frame {
opacity: 1;
animation-delay: 6s;
animation-name: fadeOutCtzDescFrame;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
animation-duration: 2s;
}
@keyframes fadeOutCtzDescFrame {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* OWL Contents Menu Selector Container */
.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_icon"] {
background-image: var(--icon_focus);
}
.main .ctzgen .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctzgen_item_icon"] {
background-image: var(--icon_unfocus);
}
.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_title"] {
transform: scale(1.2);
}
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame {
position: absolute;
top: 150px;
left: 40px;
width: 400px;
height: 800px;
color: rgb(255, 255, 255);
}
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_title {
position: absolute;
font-size: 60px;
width: 1800px;
padding: 10px;
overflow: hidden;
}
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail {
margin: 120px 10px 40px 10px;
height: 220px;
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
/* border: 4px solid rgb(255, 255, 255); */
}
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail img {
width: auto;
height: 212px;
overflow: hidden;
border: 2px solid rgb(40, 40, 40);
}
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_description {
position: absolute;
font-size: 26px;
width: 700px;
line-height: 26px;
margin: 0 10px 0 10px;
}
.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl {
position: absolute;
top: 870px;
left: 1700px;
height: 54px;
line-height: 54px;
color: rgb(235, 235, 235);
font-size: 38px;
filter: drop-shadow(0 0 5px rgb(0, 0, 0));
white-space: nowrap;
}
.main .ctzgen .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
animation-delay: 4s;
animation-name: moveCtzMvCtrl;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
animation-duration: 1s;
}
@keyframes moveCtzMvCtrl {
from {
left: 1700px;
}
to {
left: 2220px
}
}
.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
position: absolute;
content: '';
width: 128px;
height: 54px;
margin-left: -140px;
background-image: url("./images/icons/icon_btn_media_play.png");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
animation-name: iconCtzMvCtrlBtn;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
animation-duration: 1s;
}
@keyframes iconCtzMvCtrlBtn {
0% {
transform: rotateX(0deg);
}
50% {
transform: rotateX(90deg);
background-image: url("./images/icons/icon_btn_media_stop.png");
}
100% {
transform: rotateX(0deg);
background-image: url("./images/icons/icon_btn_media_stop.png");
}
}
.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
content: var(--playmsg);
}
.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
animation-delay: 1s;
animation-name: msgCtzMvCtrlBtn;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
animation-duration: 2s;
}
@keyframes msgCtzMvCtrlBtn {
0% {
opacity: 1;
}
25% {
opacity: 0;
content: var(--stopmsg);
}
50% {
opacity: 1;
content: var(--stopmsg);
}
100% {
opacity: 1;
content: var(--stopmsg);
}
}
.image-slider {
position: absolute;
top: 0px;
left: 0px;
width: 480px;
height: 272px;
}
.main #imageGallery {
position: absolute;
top: 0px;
left: 0%;
width: 480px;
height: 272px;
padding: 0px;
overflow: hidden;
}

View File

@@ -0,0 +1,26 @@
/* Brocure */
.guide {
position: absolute;
top: 0px;
left: 0px;
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
z-index: 2;
display: block;
}
.guide>.tips {
position: absolute;
top: 1034px;
left: 0px;
width: 1920px;
height: 46px;
font-size: 32px;
text-align: center;
line-height: 45px;
background-color: rgba(0, 0, 0, 0.55);
color: rgb(255, 255, 255);
}

View File

@@ -0,0 +1,124 @@
/* STEP[#002]: Define MAIN-MENU BG FRAMES */
.main .mm {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.main .mm .bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 0px;
overflow: hidden;
display: none;
}
.main .mm .bg div {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .mm .bg div .item {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
width: 100%;
}
/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */
.main .mm .slider {
position: absolute;
/* top: 734px; */
top: 884px;
left: 0px;
width: 1920px;
/* height: 300px; */
padding: 0px;
overflow: hidden;
display: none;
}
.main .mm .slider .owl-carousel.owl-theme {
/* height: 266px;
max-height: 266px; */
height: 100%;
padding-left: 0;
margin: 50px 0 0 0;
}
.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
/* height: 266px;
max-height: 266px; */
height: 100%;
padding-left: 0;
margin: 0;
}
div#mm_item_title {
position: absolute;
/* top: 190px; */
top: 22px;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color: rgb(235, 235, 235);
font-size: 2.2vw;
white-space: nowrap;
text-align: center;
}
div#mm_item_icon {
height: 100%;
margin: 0;
padding: 0;
display: block
}
/* OWL Main Menu Selector Container */
.main .mm .slider .owl-dots {
position: absolute;
top: -45px;
width: 100%;
align-content: center;
}
/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
transform: scale(1.14);
} */
.main .mm .slider .owl-carousel .owl-item.active.focus:after {
width: 336px;
}
.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
width: 264px;
}
.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
background-image: var(--icon_focus);
}
.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
background-image: var(--icon_unfocus);
}
.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
transform: scale(1.1);
}

View File

@@ -0,0 +1,150 @@
/* =============================
Main Menu Flight Format
*/
.main .mm .flight {
position: absolute;
top: 120px;
left: 0px;
width: 100%;
height: 620px;
max-height: 620px;
padding-left: 0;
margin: 0;
background-color: rgba(0, 0, 0, .5);
filter: drop-shadow(4px 4px 10px rgba(255, 255, 255, 0.8));
overflow: hidden;
z-index: 1;
display: none;
}
.main .mm .flight #title {
font-size: 40px;
color: rgb(235, 235, 235);
}
.main .mm .flight table {
position: absolute;
width: 940px;
height: 540px;
margin-left: 10px;
margin-right: 10px;
color: rgb(235, 235, 235);
text-align: center;
white-space: normal;
word-break: break-word;
border-collapse: collapse;
display: block;
overflow: auto;
}
/* .main .mm .flight table::-webkit-scrollbar {
display: none;
} */
.main .mm .flight table tbody#record {
position: absolute;
width: 100%;
height: 460px;
top: 52px;
overflow-y: scroll;
}
.main .mm .flight .tbl_header tr {
height: 50px;
max-height: 50px;
}
.main .mm .flight table #airline {
width: 118px;
max-width: 120px;
}
.main .mm .flight table #flight {
width: 70px;
max-width: 70px;
}
.main .mm .flight table #scheduled {
width: 128px;
max-width: 130px;
}
.main .mm .flight table #origin {
width: 88px;
max-width: 90px;
}
.main .mm .flight table #destination {
width: 122px;
max-width: 124px;
}
.main .mm .flight table #type {
width: 148px;
max-width: 150px;
}
.main .mm .flight table #gate {
width: 58px;
max-width: 60px;
}
.main .mm .flight table td#status {
width: 168px;
max-width: 169px;
}
.main .mm .flight table th#airline {
border-top-left-radius: 10px;
}
.main .mm .flight table th#status {
width: 168px;
max-width: 169px;
border-top-right-radius: 10px;
}
.main .mm .flight table th {
font-size: 20px;
color: rgb(235, 235, 235);
background: rgba(0, 0, 0, 0.4);
}
.main .mm .flight table td {
font-size: 20px;
color: rgb(235, 235, 235);
background: rgba(0, 0, 0, 0.2);
}
.main .mm .flight ::-webkit-scrollbar {
display: block;
width: 20px;
/* 세로축 스크롤바 길이 */
height: 20px;
/* 가로축 스크롤바 길이 */
}
.main .mm .flight ::-webkit-scrollbar-track {
background-color: lightblue;
}
.main .mm .flight ::-webkit-scrollbar-track-piece {
background-color: gray;
}
.main .mm .flight ::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.7);
}
.main .mm .flight ::-webkit-scrollbar-button:start {
background-color: orange;
/* Top, Left 방향의 이동버튼 */
}
.main .mm .flight ::-webkit-scrollbar-button:end {
background-color: orange;
/* Bottom, Right 방향의 이동버튼 */
}

View File

@@ -0,0 +1,186 @@
/* =============================
Main Menu Weather Format
*/
.main .mm .weather {
position: absolute;
top: 200px;
left: 0px;
width: 100%;
height: 400px;
max-height: 400px;
padding-left: 0;
margin: 0;
background-color: rgba(235, 235, 235, .5);
filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.8));
z-index: 1;
display: none;
}
.main .mm .weather .location {
position: absolute;
top: 40px;
left: 100px;
font-size: 50px;
justify-content: center;
text-align: center;
color: rgb(235, 235, 235);
z-index: 1;
display: block;
}
.main .mm .weather .today {
position: absolute;
top: 0px;
left: 100px;
width: 320px;
height: 100%;
}
.main .mm .weather .today #temp_cur {
position: relative;
top: 110px;
font-size: 160px;
text-align: center;
color: rgb(21, 126, 251);
}
.main .mm .weather .today #temp_minmax {
position: relative;
top: 120px;
font-size: 50px;
text-align: right;
color: rgb(235, 235, 235);
display: block;
}
.main .mm .weather .today .detail {
position: absolute;
top: 40px;
left: 400px;
width: 400px;
height: 360px;
color: rgb(235, 235, 235);
overflow: hidden;
display: block;
}
.main .mm .weather .today .detail #discription {
height: 50px;
font-size: 40px;
text-align: center;
display: block;
}
.main .mm .weather .today .detail #img_status {
height: 160px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
display: block;
}
.main .mm .weather .today .detail #humidity {
width: 100%;
padding: 20px;
height: 40px;
text-align: center;
display: block;
}
.main .mm .weather .today .detail #wind {
width: 100%;
height: 40px;
text-align: center;
display: block;
margin-top: 24px;
}
.main .mm .weather .today .detail #icon {
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
}
.main .mm .weather .forcast .daily {
position: absolute;
top: 10px;
left: 1000px;
width: 910px;
height: 180px;
background-color: rgba(0, 0, 0, 0.2);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 5px 0 0 10px;
color: rgb(235, 235, 235);
}
.main .mm .weather .forcast .daily ul {
width: 95%;
height: 100px;
list-style: none;
}
.main .mm .weather .forcast .daily li {
width: 150px;
height: 90px;
font-size: 24px;
background-repeat: no-repeat;
background-size: contain;
background-position: right center;
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
float: left;
display: inline;
margin: 0 10px 0 10px;
list-style: none;
}
.main .mm .weather .forcast div#time {
height: 90%;
text-align: left;
color: rgb(170, 170, 170);
}
.main .mm .weather .forcast div#temp {
margin-top: 8px;
height: 30%;
text-align: left;
color: rgb(170, 170, 170);
}
.main .mm .weather .forcast .weekly {
position: absolute;
top: 200px;
left: 1000px;
width: 910px;
height: 190px;
background-color: rgba(0, 0, 0, 0.2);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 0 0 0 10px;
color: rgb(235, 235, 235);
}
.main .mm .weather .forcast .weekly ul {
width: 95%;
height: 100px;
list-style: none;
}
.main .mm .weather .forcast .weekly li {
width: 150px;
height: 90px;
font-size: 24px;
background-repeat: no-repeat;
background-size: contain;
background-position: right center;
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
float: left;
display: inline;
margin: 0 10px 0 10px;
list-style: none;
}
.main .mm .weather .forcast div#date {
height: 90%;
text-align: left;
color: rgb(170, 170, 170);
}

View File

@@ -0,0 +1,405 @@
.main .mypage {
position: absolute;
top: 1080px;
left: 0px;
width: 1920px;
height: 1080px;
background-color: black;
display: none;
}
.main .mypage .bg {
position: absolute;
top: 0px;
left: 0%;
width: 100%;
height: 100%;
padding: 0px;
overflow: hidden;
display: block;
}
.main .mypage .bg div#lst_mypagebg {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .mypage .bg .owl-carousel .owl-stage-outer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .mypage .bg div .item {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
.main .mypage .slider {
position: absolute;
top: 864px;
left: 0px;
width: 1920px;
height: 170px;
padding-top: 50px;
overflow: hidden;
display: none;
}
.main .mypage .slider div {
height: 120px;
max-height: 120px;
padding-left: 0;
margin: 0;
}
div#mp_item_title {
position: absolute;
top: 40px;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color: rgb(235, 235, 235);
font-size: 2.2vw;
white-space: nowrap;
text-align: center;
}
div#mp_item_icon {
margin: 0;
padding: 0;
display: block
}
div#lst_mypagebg div #mp_accomo_title {
position: absolute;
top: 165px;
left: 224px;
width: 1536px;
height: 42px;
line-height: 42px;
color: rgb(235, 235, 235);
font-size: 46px;
}
div#lst_mypagebg div #mp_accomo_title::before {
position: absolute;
content: '';
width: 48px;
height: 40px;
margin-left: -62px;
background-image: url("./images/icons/icon_mypage_title.png");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
}
div#lst_mypagebg div #mp_accomo_infowin {
position: absolute;
top: 230px;
left: 160px;
width: 1600px;
height: 600px;
padding: 30px 10px 10px 10px;
color: rgb(235, 235, 235);
border: 1px solid rgb(28, 28, 28);
background-color: rgba(0, 0, 0, 0.5);
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
}
div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item {
font-size: 32px;
}
div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #header {
width: 20%;
height: 50px;
text-align: right;
display: inline-block;
}
div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #value {
width: 80%;
margin-left: 50px;
}
div#lst_mypagebg div #mp_hotel_infowin {
position: absolute;
top: 664px;
left: 190px;
width: 1540px;
height: 132px;
background-color: rgba(84, 84, 84, 0.9);
padding: 10px 11px 10px 11px;
filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 1));
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
width: 506px;
height: 100%;
display: inline-block;
padding: 5px;
font-size: 20px;
color: rgb(235, 235, 235);
text-shadow: 0 0 3px rgba(0, 0, 0, 1);
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #title {
display: block;
font-size: 26px;
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address {
position: absolute;
width: 470px;
top: 60px;
margin-left: 26px
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address::before {
position: absolute;
content: '';
width: 30px;
height: 26px;
margin-left: -32px;
background-image: url("./images/icons/icon_place_48x48.png");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 1));
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email {
position: absolute;
width: 470px;
top: 60px;
margin-left: 32px
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email::before {
position: absolute;
content: '';
width: 30px;
height: 26px;
margin-left: -36px;
background-image: url("./images/icons/icon_cotact_email_48x48.png");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone {
position: absolute;
width: 470px;
top: 90px;
margin-left: 32px
}
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone::before {
position: absolute;
content: '';
width: 30px;
height: 26px;
margin-left: -36px;
background-image: url("./images/icons/icon_contact_phone_48x48.png");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
}
div#lst_mypagebg div #mp_message_title {
position: absolute;
top: 165px;
left: 224px;
width: 1536px;
height: 42px;
line-height: 42px;
color: rgb(235, 235, 235);
font-size: 46px;
}
div#lst_mypagebg div #mp_message_title::before {
position: absolute;
content: '';
width: 48px;
height: 40px;
margin-left: -62px;
background-image: url("./images/icons/icon_cotact_email_96x96.png");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
}
div#lst_mypagebg div #mp_message_table {
position: absolute;
top: 230px;
left: 160px;
width: 1600px;
height: 600px;
padding: 10px 10px 10px 32px;
color: rgb(235, 235, 235);
border: 1px solid rgb(28, 28, 28);
background-color: rgba(0, 0, 0, 0.5);
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr {
position: absolute;
width: 1580px;
font-size: 36px;
line-height: 74px;
display: block;
border-collapse: collapse;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr {
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr th {
border-bottom: 5px solid rgb(94, 94, 94, 1);
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#num {
width: 160px;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#title {
width: 780px;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#from {
width: 354px;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#date {
width: 236px;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec {
position: absolute;
top: 90px;
width: 1580px;
height: 478px;
font-size: 32px;
overflow: auto;
display: block;
border-collapse: separate;
border-spacing: 0 16px;
text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tbody {
position: absolute;
width: 100%;
height: 100%;
overflow-y: scroll;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr {
line-height: 52px;
text-align: center;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr.focus {
background-color: rgba(127, 127, 127, 0.9);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr td {}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num {
width: 160px;
padding-left: 90px;
text-align: left;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num::before {
position: absolute;
content: '';
background-image: url(./images/icons/icon_unread_message_48x48.png);
margin-top: 6px;
width: 42px;
height: 38px;
margin-left: -64px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: drop-shadow(0 0 4px rgb(0, 0, 0));
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num.read::before {
position: absolute;
content: '';
background-image: url(./images/icons/icon_read_message_48x48.png);
margin-top: 6px;
width: 42px;
height: 38px;
margin-left: -64px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: drop-shadow(0 0 4px rgb(0, 0, 0));
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#title {
width: 780px;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#from {
width: 354px;
}
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#date {
width: 236px;
}
/* OWL Sub Menu Selector Container */
.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_icon"] {
background-image: var(--icon_focus);
}
.main .mypage .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mp_item_icon"] {
background-image: var(--icon_unfocus);
}
.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_title"] {
transform: scale(1.2);
}
.main .mypage .slider .owl-dots {
position: absolute;
top: -50px;
width: 100%;
align-content: center;
}

View File

@@ -0,0 +1,42 @@
/* 뉴스 */
.news {
position: absolute;
top: 1044px;
left: 0;
width: 100%;
height: 36px;
background-color: rgba(19, 21, 23, 0.6);
filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.5));
display: none;
z-index: 1;
}
.news>.title {
position: absolute;
width: 160px;
color: rgb(235, 235, 235);
font-size: 32px;
line-height: 40px;
text-align: center;
border: solid rgba(0, 0, 0, 0.5);
margin: 0 20px 0 20px;
background-color: rgba(128, 128, 128, 0.3);
}
.news>.newsctz {
padding: 0;
margin: 8px 0 0 200px;
color: rgb(165, 175, 185);
}
.news>.newsctz #hoteltv-news-ticker li {
font-size: 28px;
}
.news>.newsctz #hoteltv-news-ticker li img {
height: 40px;
vertical-align: middle;
padding: 3px 10px 10px 0;
object-fit: cover;
}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,172 @@
.main .sub {
position: absolute;
top: 1080px;
left: 0px;
width: 1920px;
height: 1080px;
background-color: black;
display: none;
}
.main .sub .bg {
position: absolute;
top: 0px;
left: 0%;
width: 100%;
height: 100%;
padding: 0px;
overflow: hidden;
display: block;
}
.main .sub .bg div#lst_smbg {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .sub .bg .owl-carousel .owl-stage-outer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .sub .bg div .item {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
.main .sub .slider {
position: absolute;
top: 864px;
left: 0px;
width: 1920px;
height: 170px;
padding-top: 50px;
overflow: hidden;
display: none;
}
.main .sub .slider div {
height: 120px;
max-height: 120px;
padding-left: 0;
margin: 0;
}
div#sm_item_title {
position: absolute;
top: 40px;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color: rgb(235, 235, 235);
font-size: 2.2vw;
white-space: nowrap;
text-align: center;
}
div#sm_item_icon {
margin: 0;
padding: 0;
display: block
}
/* OWL Sub Menu Selector Container */
.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_icon"] {
background-image: var(--icon_focus);
}
.main .sub .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="sm_item_icon"] {
background-image: var(--icon_unfocus);
}
.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_title"] {
transform: scale(1.2);
}
.main .sub .slider .owl-dots {
position: absolute;
top: -50px;
width: 100%;
align-content: center;
}
.main .sub .bg .bg_ctz_thumb_frame {
position: absolute;
top: 130px;
left: 1550px;
width: 360px;
height: 700px;
line-height: 50px;
/* background-color: rgba(30, 30, 30, 0.6);
filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.8));
border-radius: 8px;
border: solid rgb(181, 218, 16);
*/
background-color: rgba(40, 40, 40, 0.6);
filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.8));
border-radius: 4px;
border: solid rgb(10, 10, 10);
overflow: hidden;
}
.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_item {
width: 320px;
height: 180px;
float: left;
margin: 10px 20px 10px 20px;
filter: drop-shadow(0 0 10px rgba(235, 235, 235, 0.9));
border-radius: 6px;
text-align: center;
line-height: 50px;
font-size: 20px;
color: rgb(235, 235, 235);
border: 1px solid rgb(60, 60, 60);
display: inline;
}
.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_title {
font-size: 30px;
margin-left: 20px;
color: rgb(235, 235, 235);
}
.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_morenotice {
font-size: 22px;
margin: 20px 5px 10px 20px;
line-height: 50px;
overflow-wrap: break-word;
color: rgb(181, 218, 16);
animation: bg_ctz_thumb_morenotice_blinker 2s linear infinite;
}
@keyframes bg_ctz_thumb_morenotice_blinker {
50% {
color: rgb(235, 235, 235);
}
}

View File

@@ -0,0 +1,155 @@
/* TV Menu */
.main .tv {
position: absolute;
top: 1080px;
left: 0px;
width: 1920px;
height: 1080px;
background: url(tv:);
}
.main .tv .bg {
position: absolute;
top: 0px;
left: 0%;
width: 100%;
height: 100%;
padding: 0px;
background: url(tv:);
overflow: hidden;
display: none;
}
.main .tv .bg div#lst_tvCtgbg {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .tv .bg .owl-carousel .owl-stage-outer {
width: 780px;
height: 100%;
margin: 0;
padding: 0;
}
.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
position: absolute;
top: 116px;
/* left: 80px;
width: 1840px; */
height: 844px;
margin: 20px 20px 20px 20px;
padding: 5px 20px 5px 20px;
background-color: rgba(0, 0, 0, 0.4);
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
border: solid rgb(137, 139, 129);
border-radius: 10px;
/* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
overflow: hidden;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_title {
line-height: 100px;
padding: 0;
margin: 0 0 10px 0;
font-size: 80px;
color: rgb(235, 235, 235);
white-space: nowrap;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist {
max-width: 680px;
height: 640px;
font-size: 32px;
overflow: hidden;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame {
height: 110px;
margin: 10px 0 10px 0;
z-index: 1;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame .tvch_epg {
float: left;
margin: 0 0 0 186px;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused .tvch_epg {
margin: 0 0 0 210px;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title {
font-size: 32px;
width: 468px;
color: rgb(255, 255, 255);
border-bottom: solid;
border-bottom-color: rgba(94, 90, 86, 0.8);
white-space: nowrap;
display: block;
overflow: hidden;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_epg_title {
border-bottom-color: rgb(181, 218, 16);
color: rgb(181, 218, 16);
font-size: 40px;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title::before {
content: attr(ch_num);
font-size: 32px;
text-align: left;
margin: 20px 10px 0 0;
padding: 0 5px 0 5px;
color: rgb(10, 10, 10);
background-color: rgba(210, 210, 210, 1);
text-shadow: 0 0 5px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
border-radius: 5px;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_info {
color: rgb(235, 235, 235);
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_logo {
width: 176px;
height: 110px;
background-color: rgba(255, 255, 255, 1);
border-radius: 10px;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_logo {
border: solid rgb(253, 55, 192);
transform: scale(1.14);
transform-origin: 2% 48%;
z-index: 2;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_up {
width: 30px;
height: 30px;
margin: 10px 0 0 70px;
transform: rotate(-45deg) skew(15deg, 15deg);
border-top: 5px #fff solid;
border-right: 5px #fff solid;
}
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_down {
width: 30px;
height: 30px;
margin: 10px 0 0 70px;
transform: rotate(135deg) skew(15deg, 15deg);
border-top: 5px #fff solid;
border-right: 5px #fff solid;
}

View File

@@ -0,0 +1,109 @@
/* STEP[#003]: Define WIDGET FRAMES */
.widjet {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 0px;
overflow: hidden;
display: none;
text-shadow: 0 0 10px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
z-index: 2;
}
.widjet .top {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100px;
/* background-color: rgba(0, 0, 0, 0.5); */
filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 1));
padding: 0px;
}
/* SETP[#003-1]: Hotel Logo */
.widjet .top .hotellogo {
position: absolute;
width: 300px;
height: 80px;
background-image: none;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: 10px 0 4px 10px;
display: block;
}
/* SETP[#003-2]: Message */
/* SETP[#003-3]: Weather */
.widjet .top .weather {
position: absolute;
top: 7px;
left: 1420px;
height: 52px;
float: left;
background-image: none;
background-size: contain;
background-repeat: no-repeat;
display: block;
}
.widjet .top .weather #icon {
position: relative;
top: 8px;
left: 16px;
width: 80px;
height: 52px;
float: left;
background-image: none;
background-size: contain;
background-repeat: no-repeat;
}
.widjet .top .weather #temp {
position: relative;
left: 14px;
float: left;
font-size: 64px;
color: rgb(235, 235, 235);
}
/* SETP[#003-4]: Date&Time */
.widjet .top .datetime {
position: absolute;
left: 1630px;
width: 270px;
height: 60px;
margin: 10px 30px 10px 0;
color: rgb(235, 235, 235);
}
.widjet .top .datetime p {
margin: 0;
padding: 0;
}
.widjet .top .datetime .time {
font-size: 52px;
line-height: 52px;
padding: 5px 0;
text-align: right;
}
.widjet .top .datetime .date {
letter-spacing: 0.1em;
font-size: 24px;
line-height: 24px;
text-align: right;
}

View File

@@ -0,0 +1,16 @@
/* ERROR WINDOW */
.error {
position: absolute;
top: 0px;
left: 0px;
width: 1920px;
height: 1080px;
z-index: 10;
display: none;
}
.error .bg {
width: 100%;
height: 100%;
}

View File

@@ -0,0 +1,108 @@
.busy-frame {
position: absolute;
z-index: 10001;
top: 0;
left: 0;
width: 1920px;
height: 1080px;
padding: 0px;
background-color: rgba(0, 0, 0, 0.6);
display: none;
}
.busy-frame #busy_animation {
position: relative;
z-index: 10002;
top: 426px;
left: 874px;
width: 256px;
height: 256px;
padding: 0px;
display: none;
}
.busy-frame #busy_animation div {
transform-origin: 60px 80px;
animation: loading-spinner 1.2s linear infinite;
}
.busy-frame #busy_animation div:after {
content: " ";
display: block;
position: absolute;
top: 0px;
left: 60px;
width: 12px;
height: 28px;
border-radius: 5%;
background: #fff;
}
.busy-frame #busy_animation div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.busy-frame #busy_animation div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.busy-frame #busy_animation div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.busy-frame #busy_animation div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.busy-frame #busy_animation div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.busy-frame #busy_animation div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.busy-frame #busy_animation div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.busy-frame #busy_animation div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.busy-frame #busy_animation div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.busy-frame #busy_animation div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.busy-frame #busy_animation div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.busy-frame #busy_animation div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes loading-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

View File

@@ -0,0 +1,186 @@
body {
overflow: hidden;
}
.welcome {
position: absolute;
top: 0px;
left: 0px;
width: 1920px;
height: 1080px;
padding: 0px;
display: none;
z-index: 1;
}
.startup {
top: 0px;
left: 0px;
position: absolute;
width: 100%;
height: 100%;
padding: 0px;
background-image: url(./images/hoteltv_service_preparing.png);
background-size: cover;
background-repeat: no-repeat;
}
.welcome .frame {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 0px;
background-color: rgba(0, 0, 0, 1);
background-image: none;
background-size: contain;
background-repeat: no-repeat;
display: none;
}
.welcome .frame .msgwin {
position: absolute;
top: 98px;
left: 519px;
width: 884px;
height: 648px;
padding: 0px;
background-image: url(./images/bg_language_welcome_box.png);
background-size: cover;
background-repeat: no-repeat;
border-radius: 11px;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
}
.welcome .frame .msgwin #hotellogo {
position: absolute;
top: 108px;
left: 135px;
width: 634px;
height: 270px;
padding: 0px;
background-image: none;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.welcome .frame .msgwin #guestname {
position: absolute;
top: 486px;
left: 0px;
width: 884px;
height: 65px;
padding: 0px;
background-image: none;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 65px;
justify-content: center;
text-align: center;
color: rgb(235, 235, 235);
line-height: 65px;
max-width: 864px;
display: none;
}
.welcome .frame .msgwin #welcomemsg {
position: absolute;
top: 584px;
left: 0px;
width: 884px;
height: 44px;
padding: 0px;
background-image: none;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 33px;
justify-content: center;
text-align: center;
color: rgb(235, 235, 235);
line-height: 33px;
max-width: 864px;
display: none;
}
.welcome .frame .guide#langsel {
position: absolute;
top: 1037px;
left: 0px;
width: 1920px;
height: 54px;
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
color: rgba(200, 200, 200, 1);
font-size: 32px;
line-height: 43px;
text-align: center;
border-top: solid rgb(128, 128, 128);
}
.welcome #lst_langsel {
position: absolute;
top: 962px;
left: 0;
height: 76px;
line-height: 76px;
margin: 0;
padding: 0;
overflow: hidden;
display: none;
}
.welcome #lst_langsel .item {
color: rgba(200, 200, 200, 1);
font-size: 44px;
text-align: center;
background-repeat: no-repeat;
background-size: cover;
}
.welcome #lst_langsel .owl-item.active.center div {
background-image: var(--btn_focus);
}
.welcome #lst_langsel .owl-item.active div {
background-image: var(--btn_unfocus);
}
.control .skip_video {
z-index: 10000;
position: absolute;
z-index: 10000;
top: 927px;
left: 1579px;
width: 246px;
height: 68px;
padding: 0px;
background-color: rgba(0, 0, 0, 0.0);
background-image: none;
background-size: contain;
background-repeat: no-repeat;
display: none;
}
#debugwin {
z-index: 10000;
position: absolute;
top: 11px;
bottom: 22px;
right: 11px;
font-size: 12px;
background-color: rgba(18, 18, 18, 0.3);
text-align: left;
color: rgb(235, 235, 235);
line-height: 24px;
padding-left: 5px;
padding-top: 5px;
display: inline-flex;
max-width: 500px;
overflow-wrap: break-word;
word-wrap: break-word;
display: none;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 675 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 973 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 494 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 617 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 354 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 399 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 756 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 557 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 429 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 785 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 506 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 B

Some files were not shown because too many files have changed in this diff Show More