.lds-67b0903eaa0a0dual-ring { display: inline-block; width: 80px; height: 80px; } .lds-67b0903eaa0a0dual-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-67b0903eaa0a0dual-ring 1.2s linear infinite; } @keyframes lds-67b0903eaa0a0dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } var avideoLoader = '
'; var webSiteRootURL = 'http://tripletcam.com/'; var my_users_id = 0; var my_identification = "Unknown User"; var player; (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93362145, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-QKS48ETT6R'); // .fa-circle { color: red; -webkit-animation: flash 3s ease infinite; animation: flash 3s ease infinite; } .galleryTitle a.btn-default:hover { background-color: #0000006b; } .col-lg-12.col-sm-12.col-xs-12.autoplay.text-muted { display: none; } .videoCreator { display: none; } #modeYoutubeBottomContent .main-video .secC { background-color: #eee; } .categoryItem>div { background-image: url(https://tripletcam.com/view/img/videocat.jpg); } .watch-view-count { font-size: 14px; border-bottom: 2px solid #f3565d; } .duration { display: none; } .row.thumbsImage { margin-right: -10px; margin-left: -10px; } .gm-style-cc { display: none; } .text-uppercase { text-transform: none; } .btn-xs { float: left; margin: -1px 5px; } #grid .tagsInfo span.label.tagTitle { width: 50% !important; } .text-left { max-width: 15%; } .img-thumbnail { background-color: #ffffff00; border: 0; max-height: 10vw !important; } #videoContainer { position: initial; } #avideoTheaterButton { display: none; } .gridYTPluginButtons { display: none; } @media (max-width: 992px) { ,fa-expand-arrows-alt { display: none !important; } .main-video { background-color: #0000; } } @media (max-width: 768px) { .categories_id_1,.categories_id_2,.categories_id_3,.categories_id_4,.categories_id_5,.categories_id_6,.categories_id_7,.categories_id_8,.categories_id_9,.categories_id_10,.categories_id_11{ margin-top: -30px; font-size: 20px; text-transform: uppercase;} #sidebar { max-width: 70%; } } @media (min-width: 768px) { .categories_id_1,.categories_id_2,.categories_id_3,.categories_id_4,.categories_id_5,.categories_id_6,.categories_id_7,.categories_id_8,.categories_id_9,.categories_id_10,.categories_id_11{ margin-top: -60px; font-size: 26px; text-transform: uppercase;} } @media (max-width: 480px) { .rightBar { height: auto!important; } } var autoPlayAjax=false;var img1 = new Image();img1.src="http://tripletcam.com/view/img/video-placeholder-gray.png";.epgProgress.progress-bar-primary{opacity: 0.5;}.epgProgress:hover{opacity: 1.0;}.epgProgressText{border-right: 1px solid #FFF; height:100%;}var _adWasPlayed = 0; /* if it is IE */ @media all and (-ms-high-contrast:none){ nav ul.items-container li:first-child { display: block; flex: 0 1 auto; /* Default */ } } #mysearch.in, #mysearch.collapsing { display: block!important; } #myNavbar.in, #myNavbar.collapsing { display: block!important; } #searchForm { display: flex; width: 100%; margin-left: 5px; white-space: nowrap; } #searchForm .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } #searchForm input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } #rightProfileButton{ padding: 0; margin-left: 5px; margin-right: 40px; border: 0; background: none; background-color: transparent; } #rightLoginButton{ margin-left: 5px; margin-right: 40px; } #navbarRegularButtons{ max-width: 70%; /* remove the scroll because the dropsown menus does not work */ /*overflow-x: auto;*/ /*overflow-y: hidden;*/ } #navbarRegularButtons span.hidden-mdx{ max-width: 15vw; display: inline-block; } #navbarRegularButtons .btn{ overflow: hidden; } #navbarRegularButtons::-webkit-scrollbar { height: 4px; } @media (min-width : 767px) { nav ul.items-container > li:first-child { min-width: 280px; } nav li.nav-item { margin-right: 5px; } nav li.nav-item { flex: .3; transition: .3s; margin-right: 5px !important; } nav li.nav-item.active { flex: 3; } nav li.nav-item #mysearch { width: 100%; } #searchForm input { width: 100%; margin-left: 35%; } } @media (max-width : 992px) { #searchForm input{ /* width: 100px; */ margin-left: 0%; } } @media (max-width : 767px) { #searchForm { padding-left: 10px; } #rightLoginButton, #rightProfileButton{ margin-right: 5px; margin-left: 0; } #searchForm > div{ width: 100%; } .mobilesecondnav { position: absolute; left: 40%; right: 5px; } #mysearch{ /* width: 100%; */ position: absolute; right: 0; left: 0; padding-left: 0px; padding-right: 0px; background-color: #FFF; } #myNavbar{ position: absolute; right: 2px; top: 50px; background-color: #FFF; padding: 4px; width: 20%; } #mainNavBar .navbar-brand{ width: 100% !important; text-align: center; } #mainNavBar .navbar-brand>img { display: unset; } #myNavbar ul.right-menus{ display: block; } #myNavbar ul.right-menus li{ margin: 0; padding: 0; } #myNavbar ul.right-menus .btn, #myNavbar ul.right-menus .btn-group{ margin: 2px; width: 100%; } #myNavbar ul.right-menus .btn-group{ margin: 0; } nav ul.items-container li:first-child { display: list-item; } #navbarRegularButtons span.hidden-mdx { max-width: 100vw; } .globalsearchfield { width: 90% !important; } .searchli { width: 100%; margin-right: 0; margin-left: 0; } .searchdiv { } .navbar-toggle { margin-right: 5px !important; } .left-side { padding: 0 5px; } .searchul{ padding-left: 0px; } } li.navsub-toggle .badge { float: right; } li.navsub-toggle a + ul { padding-left: 15px; } .navbar-lang-btn .select2-container{ margin: 8px 0; } .navbar-lang-btn .select2-selection{ border-color: #00000077 !important; } @media screen and (min-width: 992px) { body.youtube>div.container-fluid{ margin-left: 300px; } body.youtube div.container-fluid .col-sm-10.col-sm-offset-1.list-group-item{ margin-left: 0; margin-right: 0; width: 100%; } } .bar1, .bar2, .bar3 { width: 13px; height: 2px; background-color: #333; margin: 3px 0; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-3px, 3px); transform: rotate(-45deg) translate(-3px, 3px); } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-4px, -4px); } The largest network with live cameras around the world. Live streaming of the best places and interesting events in your city. var seachFormIsRunning = 0; $(document).ready(function () { setTimeout(function () { $('.nav li.navsub-toggle a:not(.selected) + ul').hide(); var navsub_toggle_selected = $('.nav li.navsub-toggle a.selected'); navsub_toggle_selected.next().show(); navsub_toggle_selected = navsub_toggle_selected.parent(); var navsub_toggle_selected_stop = 24; while (navsub_toggle_selected.length) { if ($.inArray(navsub_toggle_selected.prop('localName'), ['li', 'ul']) == -1) break; if (navsub_toggle_selected.prop('localName') == 'ul') { navsub_toggle_selected.show().prev().addClass('selected'); } navsub_toggle_selected = navsub_toggle_selected.parent(); navsub_toggle_selected_stop--; if (navsub_toggle_selected_stop < 0) break; } }, 500); $('.nav').on('click', 'li.navsub-toggle a:not(.selected)', function (e) { var a = $(this), b = a.next(); if (b.length) { e.preventDefault(); a.addClass('selected'); b.slideDown(); var c = a.closest('.nav').find('li.navsub-toggle a.selected').not(a).removeClass('selected').next(); if (c.length) c.slideUp(); } }); $('#searchForm').submit(function (event) { if (seachFormIsRunning) { event.preventDefault(); return false; } seachFormIsRunning = 1; var str = $('#searchFormInput').val(); if (isMediaSiteURL(str)) { event.preventDefault(); console.log("searchForm is URL " + str); seachFormPlayURL(str); return false; } else { console.log("searchForm submit " + str); document.location = webSiteRootURL + "?search=" + str; } }); }); function seachFormPlayURL(url) { modal.showPleaseWait(); $.ajax({ url: webSiteRootURL + 'view/url2Embed.json.php', method: 'POST', data: { 'url': url }, success: function (response) { seachFormIsRunning = 0; if (response.error) { modal.hidePleaseWait(); avideoToast(response.msg); } else { if (typeof linksToEmbed === 'function') { document.location = response.playEmbedLink; } else if (typeof flixFullScreen == 'function') { flixFullScreen(response.playEmbedLink, response.playLink); modal.hidePleaseWait(); } else { document.location = response.playLink; } } } }); } .categoriesTobButtons{ border: none; } .tegsTop{ position: relative; margin: 2px; top: 5px; background-color: #9a9a9a; padding: 0.1em 0.6em 0.2em; font-weight: 700; font-size: 90%; color: #fff; border-radius: 0.25em; display: flex; text-align: center; white-space: nowrap; } .categoriesTobButtons a:hover{ color: #fff; background-color: #2e73ae; } .scrtabs-tabs-fixed-container{ overflow-x: auto; } .scrtabs-tab-container{ text-align: center; background-color: #fff; margin-top: 10px; margin-bottom: 5px; }