14
procentric/application/.vscode/bookmarks.json
vendored
Executable file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"files": [
|
||||
{
|
||||
"path": "lib/hoteltv.ui_appfull.js",
|
||||
"bookmarks": [
|
||||
{
|
||||
"line": 3332,
|
||||
"column": 13,
|
||||
"label": ""
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
460
procentric/application/app_hoteltv_full.html
Executable 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>
|
||||
129
procentric/application/css/acmeticker/style.css
Executable 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 */
|
||||
1
procentric/application/css/acmeticker/style.css.map
Executable 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"}
|
||||
1
procentric/application/css/acmeticker/style.min.css
vendored
Executable 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)}
|
||||
146
procentric/application/css/jquery-ticker/ticker-style.css
Executable 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;
|
||||
}
|
||||
392
procentric/application/css/lightslider.css
Executable 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;
|
||||
}
|
||||
BIN
procentric/application/css/owlcarousel/ajax-loader.gif
Executable file
|
After Width: | Height: | Size: 3.1 KiB |
7
procentric/application/css/owlcarousel/animate.min.css
vendored
Normal file
186
procentric/application/css/owlcarousel/owl.carousel.css
Executable 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%; }
|
||||
218
procentric/application/css/owlcarousel/owl.carousel.min.css
vendored
Executable 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%
|
||||
}
|
||||
50
procentric/application/css/owlcarousel/owl.theme.default.css
Executable 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; }
|
||||
65
procentric/application/css/owlcarousel/owl.theme.default.min.css
vendored
Executable 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);
|
||||
}
|
||||
50
procentric/application/css/owlcarousel/owl.theme.green.css
Executable 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; }
|
||||
6
procentric/application/css/owlcarousel/owl.theme.green.min.css
vendored
Executable 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}
|
||||
BIN
procentric/application/css/owlcarousel/owl.video.play.png
Executable file
|
After Width: | Height: | Size: 4.9 KiB |
105
procentric/application/css/tiny-slider.css
Executable 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
|
||||
}
|
||||
BIN
procentric/application/fonts/Ma_Shan_Zheng/MaShanZheng-Regular.ttf
Executable file
93
procentric/application/fonts/Ma_Shan_Zheng/OFL.txt
Executable 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.
|
||||
BIN
procentric/application/fonts/Nanum_Pen_Script/NanumPenScript-Regular.ttf
Executable file
97
procentric/application/fonts/Nanum_Pen_Script/OFL.txt
Executable 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.
|
||||
94
procentric/application/fonts/Parisienne/OFL.txt
Executable 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.
|
||||
BIN
procentric/application/fonts/Parisienne/Parisienne-Regular.ttf
Executable file
105
procentric/application/hoteltv.app.full.css
Executable 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;
|
||||
}
|
||||
254
procentric/application/hoteltv.app.full.ctzgen.css
Executable 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;
|
||||
}
|
||||
26
procentric/application/hoteltv.app.full.guide.css
Executable 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);
|
||||
}
|
||||
124
procentric/application/hoteltv.app.full.mm.css
Executable 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);
|
||||
}
|
||||
150
procentric/application/hoteltv.app.full.mm.flight.css
Executable 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 방향의 이동버튼 */
|
||||
}
|
||||
186
procentric/application/hoteltv.app.full.mm.weather.css
Executable 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);
|
||||
}
|
||||
405
procentric/application/hoteltv.app.full.mypage.css
Executable 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;
|
||||
}
|
||||
42
procentric/application/hoteltv.app.full.news.css
Executable 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;
|
||||
}
|
||||
1049
procentric/application/hoteltv.app.full.popup.css
Executable file
172
procentric/application/hoteltv.app.full.sm.css
Executable 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);
|
||||
}
|
||||
}
|
||||
155
procentric/application/hoteltv.app.full.tv.css
Executable 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;
|
||||
}
|
||||
109
procentric/application/hoteltv.app.full.widjet.css
Executable 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;
|
||||
}
|
||||
16
procentric/application/hoteltv.error.css
Executable 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%;
|
||||
}
|
||||
108
procentric/application/hoteltv.ui_utils.css
Executable 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;
|
||||
}
|
||||
}
|
||||
186
procentric/application/hoteltv.welcome.css
Executable 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;
|
||||
}
|
||||
BIN
procentric/application/images/1280x720-01.jpg
Executable file
|
After Width: | Height: | Size: 204 KiB |
BIN
procentric/application/images/1280x720-02.jpg
Executable file
|
After Width: | Height: | Size: 351 KiB |
BIN
procentric/application/images/1280x720-03.jpg
Executable file
|
After Width: | Height: | Size: 103 KiB |
BIN
procentric/application/images/1280x720-04.jpg
Executable file
|
After Width: | Height: | Size: 202 KiB |
BIN
procentric/application/images/1280x720-05.jpg
Executable file
|
After Width: | Height: | Size: 113 KiB |
BIN
procentric/application/images/1280x720-06.jpg
Executable file
|
After Width: | Height: | Size: 110 KiB |
BIN
procentric/application/images/1920x1080-01.jpg
Executable file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
procentric/application/images/1920x1080-02.jpg
Executable file
|
After Width: | Height: | Size: 1.8 MiB |
BIN
procentric/application/images/1920x1080-03.jpg
Executable file
|
After Width: | Height: | Size: 675 KiB |
BIN
procentric/application/images/1920x1080-04.jpg
Executable file
|
After Width: | Height: | Size: 973 KiB |
BIN
procentric/application/images/1920x1080-06.jpg
Executable file
|
After Width: | Height: | Size: 494 KiB |
BIN
procentric/application/images/Altmetric_rgb.png
Executable file
|
After Width: | Height: | Size: 21 KiB |
BIN
procentric/application/images/ani-busy-type01.gif
Executable file
|
After Width: | Height: | Size: 166 KiB |
BIN
procentric/application/images/ani-busy-type02.gif
Executable file
|
After Width: | Height: | Size: 126 KiB |
BIN
procentric/application/images/ani-busy-type03.gif
Executable file
|
After Width: | Height: | Size: 617 KiB |
BIN
procentric/application/images/bg_language_welcome_box.png
Executable file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
procentric/application/images/bg_message_cream-paper.png
Executable file
|
After Width: | Height: | Size: 12 KiB |
BIN
procentric/application/images/bg_message_detail.png
Executable file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
procentric/application/images/bg_tv_category.png
Executable file
|
After Width: | Height: | Size: 133 KiB |
BIN
procentric/application/images/bg_weather_default.jpg
Executable file
|
After Width: | Height: | Size: 354 KiB |
BIN
procentric/application/images/bt_language_tab_focus.png
Executable file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
procentric/application/images/bt_language_tab_unfocus.png
Executable file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
procentric/application/images/bt_skip_ch01.png
Executable file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
procentric/application/images/bt_skip_ch02.png
Executable file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
procentric/application/images/bt_skip_en.png
Executable file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
procentric/application/images/bt_skip_jp.png
Executable file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
procentric/application/images/bt_skip_ko.png
Executable file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
procentric/application/images/btn_mm_focus-art.png
Executable file
|
After Width: | Height: | Size: 34 KiB |
BIN
procentric/application/images/btn_mm_focus-flight.png
Executable file
|
After Width: | Height: | Size: 36 KiB |
BIN
procentric/application/images/btn_mm_focus-jeju.png
Executable file
|
After Width: | Height: | Size: 18 KiB |
BIN
procentric/application/images/btn_mm_focus-mypage.png
Executable file
|
After Width: | Height: | Size: 51 KiB |
BIN
procentric/application/images/btn_mm_focus-resort.png
Executable file
|
After Width: | Height: | Size: 24 KiB |
BIN
procentric/application/images/btn_mm_focus-rewards.png
Executable file
|
After Width: | Height: | Size: 40 KiB |
BIN
procentric/application/images/btn_mm_focus-tv.png
Executable file
|
After Width: | Height: | Size: 37 KiB |
BIN
procentric/application/images/btn_mm_focus-weather.png
Executable file
|
After Width: | Height: | Size: 14 KiB |
BIN
procentric/application/images/btn_mm_focus.png
Executable file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
procentric/application/images/btn_mm_unfocus-art.png
Executable file
|
After Width: | Height: | Size: 15 KiB |
BIN
procentric/application/images/btn_mm_unfocus-flight.png
Executable file
|
After Width: | Height: | Size: 15 KiB |
BIN
procentric/application/images/btn_mm_unfocus-jeju.png
Executable file
|
After Width: | Height: | Size: 13 KiB |
BIN
procentric/application/images/btn_mm_unfocus-mypage.png
Executable file
|
After Width: | Height: | Size: 16 KiB |
BIN
procentric/application/images/btn_mm_unfocus-resort.png
Executable file
|
After Width: | Height: | Size: 13 KiB |
BIN
procentric/application/images/btn_mm_unfocus-rewards.png
Executable file
|
After Width: | Height: | Size: 13 KiB |
BIN
procentric/application/images/btn_mm_unfocus-tv.png
Executable file
|
After Width: | Height: | Size: 14 KiB |
BIN
procentric/application/images/btn_mm_unfocus-weather.png
Executable file
|
After Width: | Height: | Size: 11 KiB |
BIN
procentric/application/images/btn_mm_unfocus.png
Executable file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
procentric/application/images/hoteltv_service_error.png
Executable file
|
After Width: | Height: | Size: 18 KiB |
BIN
procentric/application/images/hoteltv_service_preparing.png
Executable file
|
After Width: | Height: | Size: 20 KiB |
BIN
procentric/application/images/icons/icon_btn_back.png
Executable file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
procentric/application/images/icons/icon_btn_media_play.png
Executable file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
procentric/application/images/icons/icon_btn_media_stop.png
Executable file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
procentric/application/images/icons/icon_btn_movie_play.png
Executable file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
procentric/application/images/icons/icon_contact_phone_48x48.png
Executable file
|
After Width: | Height: | Size: 399 B |
BIN
procentric/application/images/icons/icon_contact_phone_96x96.png
Executable file
|
After Width: | Height: | Size: 756 B |
BIN
procentric/application/images/icons/icon_cotact_email_48x48.png
Executable file
|
After Width: | Height: | Size: 308 B |
BIN
procentric/application/images/icons/icon_cotact_email_96x96.png
Executable file
|
After Width: | Height: | Size: 557 B |
BIN
procentric/application/images/icons/icon_humidity.png
Executable file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
procentric/application/images/icons/icon_loading_256x256.png
Executable file
|
After Width: | Height: | Size: 9.3 KiB |
BIN
procentric/application/images/icons/icon_mypage_title.png
Executable file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
procentric/application/images/icons/icon_place_48x48.png
Executable file
|
After Width: | Height: | Size: 429 B |
BIN
procentric/application/images/icons/icon_place_96x96.png
Executable file
|
After Width: | Height: | Size: 785 B |
BIN
procentric/application/images/icons/icon_read_message_48x48.png
Executable file
|
After Width: | Height: | Size: 506 B |
BIN
procentric/application/images/icons/icon_unread_message_48x48.png
Executable file
|
After Width: | Height: | Size: 308 B |