var useIframe = false; var webSiteRootURL = 'https://tv.michaelkjaco.com/'; var my_users_id = 0; var my_identification = "Unknown User"; var mediaId = 0; var player; var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({"appId":"c75735f4-1dae-4e42-8a56-37a105ae171f"}); }); .lds-6481e2daac1c7matrix { width: auto; height: auto; position: absolute; left: 50%; margin-left: -120px !important; margin-top: -160px !important; } .lds-6481e2daac1c7matrix ul { display: grid; grid-template-columns: repeat(5, 1fr); -webkit-animation: rot 16s linear infinite; animation: rot 16s linear infinite; } @-webkit-keyframes rot { 100% { transform: rotate(360deg); } } @keyframes rot { 100% { transform: rotate(360deg); } } .lds-6481e2daac1c7matrix li { width: 40px; height: 40px; background: #651FFF; border-radius: 4px; box-shadow: 0 0 1px #fff, 0 0 5px #651FFF, 0 0 10px #651FFF, 0 0 15px #651FFF, 0 0 25px #651FFF, 0 0 55px #651FFF; -webkit-animation: scale 0.8s linear alternate infinite; animation: scale 0.8s linear alternate infinite; } @-webkit-keyframes scale { 100% { transform: scale(0.1); opacity: 0; } } @keyframes scale { 100% { transform: scale(0.1); opacity: 0; } } .lds-6481e2daac1c7matrix li:nth-child(1) { z-index: 24; } .lds-6481e2daac1c7matrix li:nth-child(2) { z-index: 23; } .lds-6481e2daac1c7matrix li:nth-child(3) { z-index: 22; } .lds-6481e2daac1c7matrix li:nth-child(4) { z-index: 21; } .lds-6481e2daac1c7matrix li:nth-child(5) { z-index: 20; } .lds-6481e2daac1c7matrix li:nth-child(6) { z-index: 19; } .lds-6481e2daac1c7matrix li:nth-child(7) { z-index: 18; } .lds-6481e2daac1c7matrix li:nth-child(8) { z-index: 17; } .lds-6481e2daac1c7matrix li:nth-child(9) { z-index: 16; } .lds-6481e2daac1c7matrix li:nth-child(10) { z-index: 15; } .lds-6481e2daac1c7matrix li:nth-child(11) { z-index: 14; } .lds-6481e2daac1c7matrix li:nth-child(12) { z-index: 13; } .lds-6481e2daac1c7matrix li:nth-child(13) { z-index: 12; } .lds-6481e2daac1c7matrix li:nth-child(14) { z-index: 11; } .lds-6481e2daac1c7matrix li:nth-child(15) { z-index: 10; } .lds-6481e2daac1c7matrix li:nth-child(16) { z-index: 9; } .lds-6481e2daac1c7matrix li:nth-child(17) { z-index: 8; } .lds-6481e2daac1c7matrix li:nth-child(18) { z-index: 7; } .lds-6481e2daac1c7matrix li:nth-child(19) { z-index: 6; } .lds-6481e2daac1c7matrix li:nth-child(20) { z-index: 5; } .lds-6481e2daac1c7matrix li:nth-child(21) { z-index: 4; } .lds-6481e2daac1c7matrix li:nth-child(22) { z-index: 3; } .lds-6481e2daac1c7matrix li:nth-child(23) { z-index: 2; } .lds-6481e2daac1c7matrix li:nth-child(24) { z-index: 1; } .lds-6481e2daac1c7matrix li:nth-child(25) { z-index: 0; } .lds-6481e2daac1c7matrix li:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .lds-6481e2daac1c7matrix li:nth-child(7) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .lds-6481e2daac1c7matrix li:nth-child(13) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .lds-6481e2daac1c7matrix li:nth-child(19) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .lds-6481e2daac1c7matrix li:nth-child(24) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .lds-6481e2daac1c7matrix li:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .lds-6481e2daac1c7matrix li:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .lds-6481e2daac1c7matrix li:nth-child(14) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .lds-6481e2daac1c7matrix li:nth-child(20) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .lds-6481e2daac1c7matrix li:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .lds-6481e2daac1c7matrix li:nth-child(9) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .lds-6481e2daac1c7matrix li:nth-child(15) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .lds-6481e2daac1c7matrix li:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .lds-6481e2daac1c7matrix li:nth-child(10) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .lds-6481e2daac1c7matrix li:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .lds-6481e2daac1c7matrix li:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .lds-6481e2daac1c7matrix li:nth-child(6) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .lds-6481e2daac1c7matrix li:nth-child(11) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .lds-6481e2daac1c7matrix li:nth-child(16) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .lds-6481e2daac1c7matrix li:nth-child(21) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .lds-6481e2daac1c7matrix li:nth-child(7) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .lds-6481e2daac1c7matrix li:nth-child(12) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .lds-6481e2daac1c7matrix li:nth-child(17) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .lds-6481e2daac1c7matrix li:nth-child(22) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .lds-6481e2daac1c7matrix li:nth-child(13) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .lds-6481e2daac1c7matrix li:nth-child(18) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .lds-6481e2daac1c7matrix li:nth-child(23) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .lds-6481e2daac1c7matrix li:nth-child(19) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .lds-6481e2daac1c7matrix li:nth-child(24) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .lds-6481e2daac1c7matrix li:nth-child(25) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .liveVideo{ position: relative; } .liveVideo .liveNow, .liveVideo .liveFuture{ position: absolute; bottom: 5px; right: 5px; } #availableLiveStream{ width: 350px; overflow: hidden; max-height: 75vh; overflow-y: auto; } #availableLiveStream li a div{ overflow: hidden; } .isRecordingIcon{ opacity: 0.2; } .isRecording.isRecordingIcon{ opacity: 1; animation: isRecordingGlowing 1s infinite alternate; } @keyframes isRecordingGlowing { from { text-shadow: 0 0 1px #500, 0 0 2px #700, 0 0 3px #760, 0 0 4px #760; } to { color: #F00; text-shadow: 0 0 2px #200, 0 0 4px #900, 0 0 8px #F00, 0 0 12px #F00, 0 0 16px #FFB600; } } .accessibility-fontsize-150, .accessibility-fontsize-150 h1, .accessibility-fontsize-150 h2, .accessibility-fontsize-150 h3, .accessibility-fontsize-150 h4, .accessibility-fontsize-150 h5, .accessibility-fontsize-150 h6, .accessibility-fontsize-150 .gallery .title, .accessibility-fontsize-150 .videosDetails .title{ font-size: 150% !important; max-height: none; } .accessibility-fontsize-160, .accessibility-fontsize-160 h1, .accessibility-fontsize-160 h2, .accessibility-fontsize-160 h3, .accessibility-fontsize-160 h4, .accessibility-fontsize-160 h5, .accessibility-fontsize-160 h6, .accessibility-fontsize-160 .gallery .title, .accessibility-fontsize-160 .videosDetails .title{ font-size: 160% !important; max-height: none; } .accessibility-fontsize-170, .accessibility-fontsize-170 h1, .accessibility-fontsize-170 h2, .accessibility-fontsize-170 h3, .accessibility-fontsize-170 h4, .accessibility-fontsize-170 h5, .accessibility-fontsize-170 h6, .accessibility-fontsize-170 .gallery .title, .accessibility-fontsize-170 .videosDetails .title{ font-size: 170% !important; max-height: none; } .accessibility-fontsize-180, .accessibility-fontsize-180 h1, .accessibility-fontsize-180 h2, .accessibility-fontsize-180 h3, .accessibility-fontsize-180 h4, .accessibility-fontsize-180 h5, .accessibility-fontsize-180 h6, .accessibility-fontsize-180 .gallery .title, .accessibility-fontsize-180 .videosDetails .title{ font-size: 180% !important; max-height: none; } .accessibility-fontsize-190, .accessibility-fontsize-190 h1, .accessibility-fontsize-190 h2, .accessibility-fontsize-190 h3, .accessibility-fontsize-190 h4, .accessibility-fontsize-190 h5, .accessibility-fontsize-190 h6, .accessibility-fontsize-190 .gallery .title, .accessibility-fontsize-190 .videosDetails .title{ font-size: 190% !important; max-height: none; } .accessibility-fontsize-200, .accessibility-fontsize-200 h1, .accessibility-fontsize-200 h2, .accessibility-fontsize-200 h3, .accessibility-fontsize-200 h4, .accessibility-fontsize-200 h5, .accessibility-fontsize-200 h6, .accessibility-fontsize-200 .gallery .title, .accessibility-fontsize-200 .videosDetails .title{ font-size: 200% !important; max-height: none; } .accessibility-fontsize-210, .accessibility-fontsize-210 h1, .accessibility-fontsize-210 h2, .accessibility-fontsize-210 h3, .accessibility-fontsize-210 h4, .accessibility-fontsize-210 h5, .accessibility-fontsize-210 h6, .accessibility-fontsize-210 .gallery .title, .accessibility-fontsize-210 .videosDetails .title{ font-size: 210% !important; max-height: none; } .accessibility-fontsize-220, .accessibility-fontsize-220 h1, .accessibility-fontsize-220 h2, .accessibility-fontsize-220 h3, .accessibility-fontsize-220 h4, .accessibility-fontsize-220 h5, .accessibility-fontsize-220 h6, .accessibility-fontsize-220 .gallery .title, .accessibility-fontsize-220 .videosDetails .title{ font-size: 220% !important; max-height: none; } .accessibility-fontsize-230, .accessibility-fontsize-230 h1, .accessibility-fontsize-230 h2, .accessibility-fontsize-230 h3, .accessibility-fontsize-230 h4, .accessibility-fontsize-230 h5, .accessibility-fontsize-230 h6, .accessibility-fontsize-230 .gallery .title, .accessibility-fontsize-230 .videosDetails .title{ font-size: 230% !important; max-height: none; } .accessibility-fontsize-240, .accessibility-fontsize-240 h1, .accessibility-fontsize-240 h2, .accessibility-fontsize-240 h3, .accessibility-fontsize-240 h4, .accessibility-fontsize-240 h5, .accessibility-fontsize-240 h6, .accessibility-fontsize-240 .gallery .title, .accessibility-fontsize-240 .videosDetails .title{ font-size: 240% !important; max-height: none; } .accessibility-fontsize-250, .accessibility-fontsize-250 h1, .accessibility-fontsize-250 h2, .accessibility-fontsize-250 h3, .accessibility-fontsize-250 h4, .accessibility-fontsize-250 h5, .accessibility-fontsize-250 h6, .accessibility-fontsize-250 .gallery .title, .accessibility-fontsize-250 .videosDetails .title{ font-size: 250% !important; max-height: none; } .accessibility-fontsize-260, .accessibility-fontsize-260 h1, .accessibility-fontsize-260 h2, .accessibility-fontsize-260 h3, .accessibility-fontsize-260 h4, .accessibility-fontsize-260 h5, .accessibility-fontsize-260 h6, .accessibility-fontsize-260 .gallery .title, .accessibility-fontsize-260 .videosDetails .title{ font-size: 260% !important; max-height: none; } .accessibility-fontsize-270, .accessibility-fontsize-270 h1, .accessibility-fontsize-270 h2, .accessibility-fontsize-270 h3, .accessibility-fontsize-270 h4, .accessibility-fontsize-270 h5, .accessibility-fontsize-270 h6, .accessibility-fontsize-270 .gallery .title, .accessibility-fontsize-270 .videosDetails .title{ font-size: 270% !important; max-height: none; } .accessibility-fontsize-280, .accessibility-fontsize-280 h1, .accessibility-fontsize-280 h2, .accessibility-fontsize-280 h3, .accessibility-fontsize-280 h4, .accessibility-fontsize-280 h5, .accessibility-fontsize-280 h6, .accessibility-fontsize-280 .gallery .title, .accessibility-fontsize-280 .videosDetails .title{ font-size: 280% !important; max-height: none; } .accessibility-fontsize-290, .accessibility-fontsize-290 h1, .accessibility-fontsize-290 h2, .accessibility-fontsize-290 h3, .accessibility-fontsize-290 h4, .accessibility-fontsize-290 h5, .accessibility-fontsize-290 h6, .accessibility-fontsize-290 .gallery .title, .accessibility-fontsize-290 .videosDetails .title{ font-size: 290% !important; max-height: none; } .accessibility-fontsize-300, .accessibility-fontsize-300 h1, .accessibility-fontsize-300 h2, .accessibility-fontsize-300 h3, .accessibility-fontsize-300 h4, .accessibility-fontsize-300 h5, .accessibility-fontsize-300 h6, .accessibility-fontsize-300 .gallery .title, .accessibility-fontsize-300 .videosDetails .title{ font-size: 300% !important; max-height: none; }