diff --git a/plugin/Gallery/functions.php b/plugin/Gallery/functions.php index ff6c59c86..7bcc1ba69 100644 --- a/plugin/Gallery/functions.php +++ b/plugin/Gallery/functions.php @@ -1,676 +1,676 @@ -
+

" . $info[1] . ""; } else { echo "{$title}"; } ?>

'; return 0; } $page = $totalPages; $_REQUEST['current'] = $totalPages; } $videos = Video::getAllVideos("viewableNotUnlisted", false, $ignoreGroup); // need to add dechex because some times it return an negative value and make it fails on javascript playlists ?>
" . __("Up") . ""; $mostLess = $mostWord; } else { if (strpos($orderString, $getName . "=ASC")) { $tmpOrderString = substr($orderString, 0, strpos($orderString, $getName . "=ASC")) . $getName . "=DESC" . substr($orderString, strpos($orderString, $getName . "=ASC") + strlen($getName . "=ASC"), strlen($orderString)); } else { $tmpOrderString .= $getName . "=DESC"; } $upDown = "" . __("Down") . ""; $mostLess = $lessWord; } if (substr($tmpOrderString, strlen($tmpOrderString) - 1, strlen($tmpOrderString)) == "&") { $tmpOrderString = substr($tmpOrderString, 0, strlen($tmpOrderString) - 1); } return array($tmpOrderString, $upDown, $mostLess); } function createGallerySection($videos, $crc = "", $get = array(), $ignoreAds = false, $screenColsLarge = 0, $screenColsMedium = 0, $screenColsSmall = 0, $screenColsXSmall = 0) { global $global, $config, $obj, $advancedCustom, $advancedCustomUser; $countCols = 0; $obj = AVideoPlugin::getObjectData("Gallery"); $zindex = 1000; $startG = microtime(true); $program = AVideoPlugin::loadPluginIfEnabled('PlayLists'); foreach ($videos as $value) { // that meas auto generate the channelName if (empty($get) && !empty($obj->filterUserChannel)) { $getCN = array('channelName' => $value['channelName'], 'catName' => @$_GET['catName']); } else { $getCN = $get; } $img_portrait = (@$value['rotation'] === "90" || @$value['rotation'] === "270") ? "img-portrait" : ""; $name = User::getNameIdentificationById($value['users_id']); $name .= " " . User::getEmailVerifiedIcon($value['users_id']); // make a row each 6 cols if ($countCols % $obj->screenColsLarge === 0) { echo '
'; } $countCols++; if (!empty($screenColsLarge)) { $obj->screenColsLarge = $screenColsLarge; } if (!empty($screenColsMedium)) { $obj->screenColsMedium = $screenColsMedium; } if (!empty($screenColsSmall)) { $obj->screenColsSmall = $screenColsSmall; } if (!empty($screenColsXSmall)) { $obj->screenColsXSmall = $screenColsXSmall; } $colsClass = "col-lg-" . (12 / $obj->screenColsLarge) . " col-md-" . (12 / $obj->screenColsMedium) . " col-sm-" . (12 / $obj->screenColsSmall) . " col-xs-" . (12 / $obj->screenColsXSmall); $isserie = Video::isSerie($value['id']); $isserieClass = ""; if ($isserie) { $isserieClass = "isserie"; } ?>
thumbsGif = ""; $images->poster = "" . getCDN() . "view/img/notfound.jpg"; $images->thumbsJpg = "" . getCDN() . "view/img/notfoundThumbs.jpg"; $images->thumbsJpgSmall = "" . getCDN() . "view/img/notfoundThumbsSmall.jpg"; } if ($value['type'] === 'serie' && !empty($value['serie_playlists_id']) && stripos($images->thumbsJpg, 'notfound') !== false) { $images = PlayList::getRandomImageFromPlayList($value['serie_playlists_id']); } $startG = microtime(true); $imgGif = $images->thumbsGif; $poster = $images->thumbsJpg; ?>
<?php echo $value['title']; ?>" id="thumbsJPG" />


showCategoryTag)) { $iconClass = 'fas fa-folder'; if (!empty($value['iconClass'])) { $iconClass = $value['iconClass']; } $icon = ''; ?> showTags)) { echo implode('', Video::getTagsHTMLLabelArray($value['id'])); } @$timesG[__LINE__] += microtime(true) - $startG; $startG = microtime(true); ?>
doNotDisplayViews)) { if (AVideoPlugin::isEnabledByName('LiveUsers')) { echo getLiveUsersLabelVideo($value['id'], $value['views_count'], "", ""); } else { ?>
Description)) { //$desc = str_replace(array('"', "'", "#", "/", "\\"), array('``', "`", "", "", ""), preg_replace("/\r|\n/", " ", nl2br(trim($value['description'])))); $desc = nl2br(trim($value['description'])); if (!empty($desc)) { $duid = uniqid(); $titleAlert = str_replace(array('"', "'"), array('``', "`"), $value['title']); ?>
">
">
1) { if ($countCols % $obj->screenColsLarge === 0) { echo ""; } if ($countCols % $obj->screenColsMedium === 0) { echo ""; } if ($countCols % $obj->screenColsSmall === 0) { echo ""; } if ($countCols % $obj->screenColsXSmall === 0) { echo ""; } } } ?>
screenColsLarge === 0) { echo '
'; } $countCols++; if (!empty($screenColsLarge)) { $obj->screenColsLarge = $screenColsLarge; } if (!empty($screenColsMedium)) { $obj->screenColsMedium = $screenColsMedium; } if (!empty($screenColsSmall)) { $obj->screenColsSmall = $screenColsSmall; } if (!empty($screenColsXSmall)) { $obj->screenColsXSmall = $screenColsXSmall; } $colsClass = "col-lg-" . (12 / $obj->screenColsLarge) . " col-md-" . (12 / $obj->screenColsMedium) . " col-sm-" . (12 / $obj->screenColsSmall) . " col-xs-" . (12 / $obj->screenColsXSmall); if (!empty($video['className'])) { $colsClass .= " {$video['className']}"; } $liveNow = '' . __("LIVE NOW") . ''; ?>
<?php echo $video['title'] ?>
showCategoryTag)) { ?>
Description)) { $desc = str_replace(array('"', "'", "#", "/", "\\"), array('``', "`", "", "", ""), preg_replace("/\r|\n/", " ", nl2br(trim($video['description'])))); if (!empty($desc)) { $titleAlert = str_replace(array('"', "'"), array('``', "`"), $video['title']); ?>
">
1) { if ($countCols % $obj->screenColsLarge === 0) { echo ""; } if ($countCols % $obj->screenColsMedium === 0) { echo ""; } if ($countCols % $obj->screenColsSmall === 0) { echo ""; } if ($countCols % $obj->screenColsXSmall === 0) { echo ""; } } } ?>
'; } unset($_POST['disableAddTo']); return $countCols; } function createChannelItem($users_id, $photoURL = "", $identification = "", $rowCount = 12) { $total = Video::getTotalVideos("viewable", $users_id); if (empty($total)) { return false; } if (empty($photoURL)) { $photoURL = User::getPhoto($users_id); } if (empty($identification)) { $identification = User::getNameIdentificationById($users_id); } ?>

Channel Owner

"; return $countCols; } function canPrintCategoryTitle($title) { global $doNotRepeatCategoryTitle; if (!isset($doNotRepeatCategoryTitle)) { $doNotRepeatCategoryTitle = array(); } if (in_array($title, $doNotRepeatCategoryTitle)) { return false; } $doNotRepeatCategoryTitle[] = $title; return true; } ?> diff --git a/plugin/Gallery/view/BigVideo.php b/plugin/Gallery/view/BigVideo.php index 832c9e1af..6b1850e8d 100644 --- a/plugin/Gallery/view/BigVideo.php +++ b/plugin/Gallery/view/BigVideo.php @@ -1,305 +1,305 @@ BigVideo && empty($_GET['showOnly'])) { if (!empty($obj->useSuggestedVideosAsCarouselInBigVideo)) { //getAllVideos($status = "viewable", $showOnlyLoggedUserVideos = false, $ignoreGroup = false, $videosArrayId = array(), $getStatistcs = false, $showUnlisted = false, $activeUsersOnly = true) //$videoRows = Video::getAllVideosLight("viewable", !$obj->hidePrivateVideos, false, true); $_REQUEST['rowCount'] = 20; $_REQUEST['current'] = 1; $videoRows = Video::getAllVideos("viewable", false, !$obj->hidePrivateVideos, array(), false, false, true, true); } if (empty($videoRows)) { $videoRows = array($video); } $class = ''; $classInner = ''; if (count($videoRows) > 1) { $class = 'carousel slide'; $classInner = 'carousel-inner'; } ?>
-
+
1) { ?>
getName(); $videoRow['clean_category'] = $category->getClean_name(); $videoRow['iconClass'] = $category->getIconClass(); $videoRow['videoCreation'] = $videoRow['created']; $name = User::getNameIdentificationById($videoRow['users_id']); if (empty($get)) { $get = array(); } $bigVideoAd = getAdsLeaderBoardBigVideo(); $colClass1 = "col-sm-5"; $colClass2 = "col-sm-7"; $colClass3 = ""; if (!empty($bigVideoAd)) { $colClass1 = "col-sm-4"; $colClass2 = "col-sm-8"; $colClass3 = "col-sm-6"; } $isserie = Video::isSerie($videoRow['id']); $isserieClass = ""; if ($isserie) { $isserieClass = "isserie"; } ?>
">
showTags)) { $videoRow['tags'] = Video::getTags($videoRow['id']); if (!empty($videoRow['tags'])) { foreach ($videoRow['tags'] as $value2) { if (!empty($value2->label) && $value2->label === __("Group")) { ?>text; ?>
doNotDisplayViews)) { if (AVideoPlugin::isEnabledByName('LiveUsers')) { echo getLiveUsersLabelVideo($videoRow['id'], $videoRow['views_count'], "", ""); } else { ?>
searchOnChannels && !empty($_GET['search'])) { $channels = User::getAllUsers(true); //cleanSearchVar(); foreach ($channels as $value) { $contentSearchFound = true; createChannelItem($value['id'], $value['photoURL'], $value['identification']); } //reloadSearchVar(); } if (!empty($video)) { $contentSearchFound = true; $img_portrait = ($video['rotation'] === "90" || $video['rotation'] === "270") ? "img-portrait" : ""; if (empty($_GET['search'])) { include $global['systemRootPath'] . 'plugin/Gallery/view/BigVideo.php'; } echo '
' . getAdsLeaderBoardTop2() . '
'; if (empty($_GET['catName'])) { ?> - \ No newline at end of file diff --git a/plugin/Gallery/view/mainAreaCategory.php b/plugin/Gallery/view/mainAreaCategory.php index 402bb1348..f0187c0f4 100644 --- a/plugin/Gallery/view/mainAreaCategory.php +++ b/plugin/Gallery/view/mainAreaCategory.php @@ -1,64 +1,64 @@ CategoriesRowCount * 3; $videos = Video::getAllVideos("viewableNotUnlisted", false, !$obj->hidePrivateVideos); if (!empty($videos)) { ?> -
+
-
-
- SubscribedChannelsRowCount); - } - ?> -
-
- + SubscribedChannelsRowCount); + } + ?> +
+
+ -
+ echo getPagination($totalPages, $page, "{$global['webSiteRootURL']}plugin/Gallery/view/mainAreaChannels.php", 10, ".mainAreaChannels", ".mainAreaChannels"); + ?>
\ No newline at end of file diff --git a/plugin/Gallery/view/modeGalleryCategory.php b/plugin/Gallery/view/modeGalleryCategory.php index 47a5a52ff..2d0ab5c78 100644 --- a/plugin/Gallery/view/modeGalleryCategory.php +++ b/plugin/Gallery/view/modeGalleryCategory.php @@ -1,82 +1,82 @@ CategoriesShowOnlySuggested; if(!empty(getSearchVar())){ $onlySuggested = false; } $sort = $_POST['sort']; unset($_POST['sort']); $categories = Category::getAllCategories(false, true, $onlySuggested); $total = Category::getTotalCategories(false, true, $onlySuggested); $totalPages = ceil($total / getRowCount()); $page = getCurrentPage(); if ($totalPages < $page) { $page = $totalPages; } $link = "{$global['webSiteRootURL']}plugin/Gallery/view/modeGalleryCategory.php?tags_id=" . intval(@$_GET['tagsid']) . "&search=" . htmlentities(urlencode(getSearchVar())) . "¤t={page}"; if (empty($categories)) { return false; } $_REQUEST['current'] = 1; $_REQUEST['rowCount'] = $obj->CategoriesRowCount; ?>
doNotShowLiveOnCategoryList)) { $currentCat = $_cat; include $global['systemRootPath'] . 'plugin/Gallery/view/modeGalleryCategoryLive.php'; } unset($_POST['sort']); $_POST['sort']['v.created'] = "DESC"; $_POST['sort']['likes'] = "DESC"; $videos = Video::getAllVideos("viewableNotUnlisted", false, !$obj->hidePrivateVideos); if (empty($videos)) { continue; } if (empty($_cat['clean_name'])) { continue; } ?> -
+
\ No newline at end of file diff --git a/plugin/Gallery/view/modeGalleryCategoryLive.php b/plugin/Gallery/view/modeGalleryCategoryLive.php index a8a05b2df..fe4a8fcd4 100644 --- a/plugin/Gallery/view/modeGalleryCategoryLive.php +++ b/plugin/Gallery/view/modeGalleryCategoryLive.php @@ -1,65 +1,65 @@ '; return false; } $galleryObj = AVideoPlugin::getObjectData("Gallery"); if (empty($galleryObj->showCategoryLiveRow)) { echo ''; return false; } $stats = getStatsNotifications(); $videos = array(); foreach ($stats["applications"] as $key => $value) { if (empty($value['categories_id']) || $currentCat['id'] != $value['categories_id']) { continue; } $video = array( 'id' => uniqid(), 'clean_category' => $currentCat['clean_name'], 'description' => '', 'users_id' => $value['users_id'], 'type' => 'ready', 'title' => $value['title'], 'poster' => @$value['poster'], 'href' => @$value['href'], 'link' => @$value['link'], 'imgGif' => @$value['imgGif'], 'className' => @$value['className'], 'galleryCallback' => @$value['galleryCallback'] ); $videos[] = $video; } /* $videosL = $videosLL = $videos = array(); if (AVideoPlugin::isEnabledByName("Live")) { $videosL = Live::getAllVideos(); } if (AVideoPlugin::isEnabledByName("LiveLinks")) { $videosLL = LiveLinks::getAllVideos('a'); } $videos = array_merge($videosL, $videosLL); * */ if (!empty($videos)) { $contentSearchFound = true; ?> -
+ <?php echo __("Channels") . getSEOComplement() . $config->getPageTitleSeparator() . $config->getWebSiteTitle(); ?>
" value="" />
$value['channelName']); ?>
diff --git a/view/css/main.css b/view/css/main.css index 0f43b3204..afadbabf9 100644 --- a/view/css/main.css +++ b/view/css/main.css @@ -1,1206 +1,1207 @@ html, body { height: 100vh; } html { scroll-behavior: smooth; } body { padding-top: 50px; } body.fullscreen { padding: 0 !important; margin: 0 !important; overflow: hidden; } .nopadding { padding: 0 !important; margin: 0 !important; } .videoLink > .duration, time.duration{ position: absolute; background: rgba(0, 0, 0, 0.6)!important; padding: 2px; color: #FFF; bottom: 5px; right: 5px; font-size: 0.9em; border-radius: 5px; } .videoLink .glyphicon-play-circle { transition: all 0.3s ease-in-out; top: 50%; left: 50%; margin: -25px 0 0 -25px; position: absolute; color: rgba(255, 255, 255, 0.3)!important; font-size: 50px; } .gallery:hover .glyphicon-play-circle, .videoLink:hover .glyphicon-play-circle { color: rgba(255, 255, 255, 0.6)!important; } .bottom-border { border-bottom: 2px solid #F2F2F2; margin: 0; padding: 5px; } h1, h2, h3, h4 { margin: 5px; padding: 5px; } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } footer { color: #AAA; padding: 2px; background-color: #F2F2F2; border-top: 1px solid #DDD; text-align: right; margin: 0; font-size: 0.8em; } footer .btn-outline:hover, footer .btn-outline:focus, footer .btn-outline:active { color: #888; background: white; border: solid 1px white; } footer .btn-outline { color: #AAA; border: solid 1px #AAA; background: transparent; transition: all 0.3s ease-in-out; margin: 0 2px; font-size: 0.9em; } footer ul.list-inline { justify-content: flex-end; margin-bottom: 0; } footer ul.list-inline li { justify-content: center; align-items: center; padding-right: 1px; padding-left: 1px; font-size: 0.8em; } /* for main video */ .video-content { flex: 0 1 100%; height: 50%; display: flex; justify-content: flex-start; } .main-video { background-color: #000; margin-bottom: 10px; } .main-video{ -webkit-transition: ease 1s; /* Safari */ transition: ease 1s; } /* to fix the click on mobile */ .rightBar div{ z-index: 10; } #videosList, #videosList div{ z-index: 1; } /* end for main video */ .form-compact .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; } .form-compact input.form-control { border-radius: 0; } .form-compact input.first, .form-compact select.first { border-top-left-radius: 5px; border-top-right-radius: 5px; } .form-compact input.last, .form-compact select.last { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 10px; } @media (max-width: 767px) { .navbar-form, #modeYoutubeBottomContent, .principalContainer, - .nopaddingOnSmall,.container-fluid,.container, #yptRightBar{ + .nopaddingOnSmall,.container-fluid,.container, #yptRightBar, + body > div.container-fluid.gallery > div{ padding: 0; } .panel-body, .tabbable-panel { padding: 5px; - } - + } + } @media (max-width: 450px) { #captchaText, .captcha .input-group{ display: block; } .captcha .input-group-addon:first-child { border-right: 1px solid rgb(204, 204, 204); } } /* Comments */ .commenterName small { font-family: verdana; font-size: 0.9em; } .commenterName { margin-right: 5px; } .commentText { clear: both; } .commentDetails { margin: 0 0 0 60px; } /* End Comments */ /* Tabs panel */ .tabbable-panel { padding: 10px; } /* Default mode */ .tabbable-line > .nav-tabs { border: none; margin: 0px; } .tabbable-line > .nav-tabs > li > a { border: 0; margin-right: 0; } .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: none !important; } .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line > .nav-tabs > li.active > a { border: 0; background: none !important; } .tabbable-line > .nav-tabs > li.active > a > i { color: #404040; } .tabbable-line > .tab-content { margin-top: -3px; border: 0; border-top: 1px solid #eee; padding: 15px 0; } .tabbable-line > .nav-tabs>li:after { content: ""; background: #DDD; height: 4px; position: absolute; width: 100%; left: 0px; bottom: 1px; } .tabbable-line > .nav-tabs>li>a::after { content: ""; background: #f3565d; height: 4px; position: absolute; width: 100%; left: 0px; bottom: 1px; transition: all 250ms ease 0s; transform: scale(0); z-index: 1; } .tabbable-line > .nav-tabs>li:hover>a::after { background: #F99; } .tabbable-line > .nav-tabs>li.active>a::after { background: #f3565d; } .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs>li.active>a::after, .tabbable-line > .nav-tabs>li:hover>a::after { transform: scale(1); } .portlet .tabbable-line > .tab-content { padding-bottom: 0; } /* END Tabs panel */ .nowrapCell td { white-space: normal !important; } .watch8-action-buttons { padding: 5px 10px 0 10px; margin: 5px 0 0 0; border-top: 2px solid #F2F2F2; clear: both; } .watch8-action-buttons .btn{ margin: 5px 2px; } .bgWhite { margin: 0 0 10px; border: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; /*overflow: hidden;*/ text-overflow: ellipsis; } .ellipsis { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .no-outline { border: 0; } .no-outline:focus, .no-outline:active, .no-outline:hover { background-color: transparent; color: #000; } #showMore { padding: 20px; margin: 10px; border-top: 2px solid #F2F2F2; } .watch-view-count { line-height: 24px; max-height: 24px; font-size: 19px; white-space: nowrap; margin: -5px; padding: -5px; border-bottom: 2px solid #167ac6; } .myVote span, .myVote small { color: #167ac6; } /* fancy checkbox */ .material-switch > input[type="checkbox"] { display: none; } .material-switch > label { cursor: pointer; height: 0px; position: relative; width: 40px; } .material-switch > label::before { background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position: absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 40px; } .material-switch > label::after { background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; } .material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5; } .material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 20px; } /* fancy checkbox */ .material-small.material-switch > input[type="checkbox"] { display: none; } .material-small.material-switch > label { width: 20px; margin-right: 5px; } .material-small.material-switch > label::before { margin-top: -5px; width: 20px; height: 10px; } .material-small.material-switch > label::after { margin-top: -4px; width: 15px; height: 15px; } .material-small.material-switch > input[type="checkbox"]:checked + label::after { left: 10px; } /* fancy checkbox end */ .videosDetails .label{ border-radius: 0; } .videosDetails .label:first-child{ border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; } .videosDetails .label:last-child{ border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em; } .popover-content, .popover-title, .popover { color: #333 !important; } .videosDetails { padding-left: 20px; } .divMainVideo .duration { position: absolute; background: rgba(0, 0, 0, 0.6)!important; padding: 3px; color: #FFF; bottom: 5px; right: 25px; font-size: 0.9em; border-radius: 5px; } .autoplay span span { margin: 0 5px; font-weight: bold; } img.rotate90, img.rotate-270 { transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ -o-transform: rotate(90deg); /* Opera */ } img.rotate180, img.rotate-180 { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ -o-transform: rotate(180deg); /* Opera */ } img.rotate270, img.rotate-90 { transform: rotate(270deg); -ms-transform: rotate(270deg); /* IE 9 */ -moz-transform: rotate(270deg); /* Firefox */ -webkit-transform: rotate(270deg); /* Safari and Chrome */ -o-transform: rotate(270deg); /* Opera */ } .notificationButton button{ display: none; border-radius: 4px 0 0 4px !important; } .notificationButton button.subscribe{ border-radius: 4px !important; } .notificationButton button.notifyBtn{ border-radius: 0 4px 4px 0 !important; } .notificationButton.subscribed .doNotify, .notificationButton .subscribe{ display: inline-block; } .notificationButton.subscribed .subscribed, .notificationButton.subscribed.notify .doNotNotify{ display: inline-block; } .notificationButton.subscribed.notify .doNotify, .notificationButton.subscribed .subscribe{ display: none; } .profileBg { padding: 20px; height: 27vw; min-height: 90px; max-height: 300px; margin: 10px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #sidebar { width: 300px; position: absolute; top: 0; height: 100vh; margin-top: 50px; } #sideBarContainer { overflow: hidden; position: absolute; left: 0; padding: 10px; height: 100%; width: 100%; overflow-y: auto; padding-right: 10px; } #sideBarContainer ul { margin-bottom: 150px; } .navbar-brand { padding: 0px ; /* firefox bug fix */ margin-left: 10px; height: auto; } .navbar-brand>img { width: 178px; } .list-inline { display: flex; justify-content: left; } /** header **/ nav ul.items-container { display: flex; justify-content: flex-end; margin: 0px; padding: 0px; } nav ul.items-container .tooltip{ min-width: 150px; } nav ul.items-container, nav ul.items-container li { list-style: none; } nav ul.items-container li:first-child { flex: 1; display: flex; } nav ul.items-container li:first-child ul.left-side { display: flex; align-items: center } ul.left-side { height: 50px; } nav ul.items-container li:last-child { margin-right: 20px; } nav ul.items-container li ul.right-menus { display: flex; flex-direction: row; } nav ul.items-container li ul.right-menus li { margin-left: 5px; } nav ul.items-container li ul.right-menus li li { margin-left: 0; } .navbar-left{ padding-right: 0; } /** header **/ .navbar .container { padding: 0 2px; align-items: center; } .list-inline > li { display: flex; } .navbar .list-inline { margin: 0; display: flex; align-items: center; } /* Play List */ .playlistList { height: 80vh; overflow: hidden; } .playlistList .nav { overflow-y: auto; position: absolute; top: 0; height: 100%; overflow-x: hidden; } .playlist-nav .navbar { padding: 0; max-height: none; margin: 0; } .playlist-nav .navbar ul { float: none; display: block; } .playlist-nav .navbar li { float: none; display: block; } .playlist-nav .navbar li a { padding-top: 12px; padding-bottom: 12px; } /* End Play List */ #videoContainer { overflow: visible; background: black; } /** video manager progress bar */ .progress { position: relative; height: 25px; } .progress > .progress-type { position: absolute; left: 0px; font-weight: 800; padding: 3px 30px 2px 10px; color: rgb(255, 255, 255); background-color: rgba(25, 25, 25, 0.2); } .progress > .progress-completed { position: absolute; right: 0px; font-weight: 800; padding: 3px 10px 2px; } .loader { border: 5px solid #f3f3f3; /* Light grey */ border-top: 5px solid #3498db; /* Blue */ border-radius: 50%; width: 30px; height: 30px; animation: spin 2s linear infinite; } .zoom { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .zoom:hover, .zoom:active, .zoom:focus { /**adjust scale to desired size, add browser prefixes**/ -ms-transform: scale(2.5); -moz-transform: scale(2.5); -webkit-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); position:relative; z-index:100; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .navbar-collapse.in { overflow-y: visible; /* Bootstrap default is "auto" */ } .transparent{ opacity: 0.3; filter: alpha(opacity=30); /* For IE8 and earlier */ } .principalContainer{ position: relative; } .vjs-button-fa-size{ font-size: 14px !important; } a.h6 h2, a.h6 h1{ font-weight: bold; } img.blur{ filter: blur(5px); } .navbar-default .navbar-default, .navbar-inverse .navbar-default { border-width: 0; } /*Show play button only when paused*/ .vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started .vjs-big-play-button { display: block; } .rightProfile li a{ text-align: left; } #mainNavBar ul.items-container li:last-child { margin-right: 0 !important; } .ima-controls-div{ pointer-events: none !important; } .ima-controls-div div{ pointer-events: auto !important; } .btn-circle { width: 32px; height: 32px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.42; border-radius: 15px; } .btn-circle:hover, .btn-group.open .btn-circle { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 4px; background-color: rgba(100,100,100,0.01); } ::-webkit-scrollbar { width: 8px; height: 8px; background-color: rgba(100,100,100,0.01); overflow: hidden; } ::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rgba(100,100,100,0.05); } .videoAdUiSkipContainer { z-index: 99 !important; } @media (min-width: 1200px) and (max-width: 1600px) { .hidden-mdx { display: none !important; } } .swal-noform .form-group{ display: none; } #modeYoutubeBottomContentDetails{ overflow: hidden; } .cursorPointer:hover { cursor: pointer; text-decoration: underline; } .btn-dark { color: #CCC; background-color: #111; border-color: #000; } .btn-dark:hover { color: #FFF; background-color: #000; border-color: #000; } .opacityBtn{ opacity: 0.2; } .btn-group.justified, .btn-group-justified { display: flex; } .btn-group-justified .btn, .justified .btn { flex: 1 } .addWidthOnMenuOpen { transition: width 0.3s; } @media (min-width: 1200px){ body.youtube .lessMarginLeftOnMenuOpen{ margin-left: -200px; } body.youtube .col-lg-4.addWidthOnMenuOpen { margin-left: -150px; width: calc(33.3333333333% + 300px); } body.youtube .col-lg-10.addWidthOnMenuOpen { width: 100%; } body.youtube .col-lg-offset-1.addWidthOnMenuOpen { margin-left: 0; } } .liveVideo .thumbsImage img{ width: 100%; } #mainVideo_ima-ad-container, #mainVideo_ima-ad-container:after, #mainVideo_ima-ad-container:before { font-size: 14px !important; line-height: 1 !important; } #mainVideo_ima-ad-container .ima-play-pause-div, #mainVideo_ima-ad-container .ima-mute-div, #mainVideo_ima-ad-container .ima-slider-div, #mainVideo_ima-ad-container .ima-fullscreen-div { font-size: 1.5em !important; line-height: 2 !important; } #mainVideo_ima-controls-div{ max-height: 3.7em; } .vjs-menu-item, .vjs-menu-title{ margin: 0 !important; padding: 0 !important; border-radius: 0 !important; } .vjs-menu li { text-transform: none; } #navBarFlag li{ cursor: pointer; } .videoListItem{ overflow: hidden; font-size: smaller; } .extraVideos:empty{ display: none; } .list-group-horizontal .list-group-item{ display: inline-block; } .list-group-horizontal .list-group-item{ margin-bottom: 0; margin-left:-4px; margin-right: 0; border-right-width: 0; } .list-group-horizontal .list-group-item:first-child{ border-top-right-radius:0; border-bottom-left-radius:4px; } .list-group-horizontal .list-group-item:last-child{ border-top-right-radius:4px; border-bottom-left-radius:0; border-right-width: 1px; } #modeYoutubeTop, #mvideo, #videoContainer{ position: relative; } #closeBtnFull{ opacity: 0.25; filter: alpha(opacity=25); -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; padding: 12px; margin: 5px; cursor: pointer; } #divTopBar:hover #closeBtnFull{ opacity: 1; filter: alpha(opacity=100); } #closeBtnFull i{ text-shadow: 1px 1px rgba(255,255,255,0.7); } li.dropdown-submenu > ul > li > a{ width: 100%; } .socket_not_loading{ display: none; } .socket_connected .socket_loading_icon, .socket_disconnected .socket_loading_icon{ display: none; } .socket_connected .socket_connected_icon{ display: block; } .socket_disconnected .socket_disconnected_icon{ display: block; } .socket_icon{ font-weight: bold; } .socket_connected{ color: #FFF; animation: socketGlow 1s infinite alternate; } .socket_connected_icon{ color: #FFF; animation: socketGlow 1s infinite alternate; } .socket_loading_icon{ color: #FFF; animation: socketGlowBlue 1s infinite alternate; } @keyframes socketGlow { from { color: #DFD; text-shadow: 0 0 1px #050, 0 0 2px #070, 0 0 3px #670, 0 0 4px #670; } to { color: #FFF; text-shadow: 0 0 2px #020, 0 0 5px #090, 0 0 10px #0F0, 0 0 15px #BF0, 0 0 20px #B6FF00; } } @keyframes socketGlowBlue { from { color: #DDF; text-shadow: 0 0 1px #005, 0 0 2px #007, 0 0 3px #067, 0 0 4px #067; } to { color: #FFF; text-shadow: 0 0 2px #002, 0 0 5px #009, 0 0 10px #00F, 0 0 15px #0BF, 0 0 20px #00B6FF; } } .glowBox{ animation: glowBox 1s infinite alternate; } @keyframes glowBox { from { color: #DFD; box-shadow: 0 0 1px #050, 0 0 2px #070, 0 0 3px #670, 0 0 4px #670; } to { color: #FFF; box-shadow: 0 0 2px #020, 0 0 5px #090, 0 0 10px #0F0, 0 0 15px #BF0, 0 0 20px #B6FF00; } } #extraVideos .liveVideo{ min-height: 170px; } #extraVideos .liveVideo .thumbsImage img{ min-height: 90px; } .swal-modal.swal-modal-iframe { width: calc(100% - 150px); height: calc(100% - 150px); } .swal-modal.swal-modal-iframe .swal-content, .swal-modal.swal-modal-iframe-small .swal-content, .swal-modal.swal-modal-iframe-large .swal-content{ width: 100%; height: calc(100% - 50px); } .swal-modal.swal-modal-iframe iframe, .swal-modal.swal-modal-iframe-small iframe, .swal-modal.swal-modal-iframe-large iframe{ width: 100%; height: 100%; } .swal-modal-iframe-small { width: 800px; height: 600px; max-width: 100%; max-height: 100%; } .swal-modal-iframe-large { width: calc(100% - 50px); height: calc(100% - 50px); max-width: 100%; max-height: 100%; } .swal-modal.swal-modal-iframe-large .swal-content{ height: 100%; padding: 0; margin: 0; } .getChangeVideoStatusButton button{ display: none; } .getChangeVideoStatusButton.status_i button.getChangeVideoStatusButton_i{ display: block; } .getChangeVideoStatusButton.status_a button.getChangeVideoStatusButton_a{ display: block; } .getChangeVideoStatusButton.status_u button.getChangeVideoStatusButton_u{ display: block; } #pleaseWaitDialog{ z-index: 2001; background-color: #00000077; } #pleaseWaitDialog>div, #pleaseWaitDialog .progress, #pleaseWaitDialog h2{ margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } #pleaseWaitDialog>div{ margin: -65px 0 0 -40px; left: 50%; } #pleaseWaitDialog .progress, #pleaseWaitDialog h2{ margin: 0 0 0 -200px; width: 400px; left: 50%; } #pleaseWaitDialog .progress{ background-color: #FFFFFF77; } #pleaseWaitDialog h2{ margin-top: 40px; text-shadow: #000 1px 0 5px; color: #FFF; font-weight: bold; } @media (min-width: 1200px) { .playerFullHeight, .playerFullHeight video, .playerFullHeight audio, .playerFullHeight iframe, .playerFullHeight #mainVideo, .playerFullHeight #main-video{ height: calc(100vh - 60px); width: 100%; padding: 0; } .playerFullHeight .floatVideo video, .playerFullHeight .floatVideo audio, .playerFullHeight .floatVideo iframe, .playerFullHeight .floatVideo #mainVideo, .playerFullHeight .floatVideo #main-video{ height: 300px; } .playerFullHeight .mainVideo{ padding: 0; } } .modal { overflow: auto !important; } .nav-tabs-horizontal{ display: -webkit-box; display: -webkit-inline-box; } .scrtabs-tab-container{ margin: 5px 0; } .scrtabs-tab-scroll-arrow{ border-top: 1px solid #ddd; } .videoCreator{ display: -webkit-inline-box; } .videoCreator .zoom{ width: 40px; height: 40px; } .videoCreatorSmall .zoom{ width: 20px; height: 20px; } .videoCreator>img, .videoCreator>a, .videoCreator>div{ margin: 2px 10px 2px 2px; } .videoCreator>img, .videoCreatorSmall img{ float: left; } .videoCreatorSmall img{ margin-right: 5px; } a:hover{ text-decoration: none; } .descriptionArea .descriptionAreaPreContent{ max-height: 200px; overflow: hidden; transition: max-height 0.25s ease-out; overflow: hidden; } .descriptionAreaPreContent{ margin-bottom: 10px; } .descriptionArea.expanded .descriptionAreaPreContent{ max-height: 1500px; overflow: auto; transition: max-height 0.25s ease-in; } .descriptionAreaShowMoreBtn{ margin-top: -10px; } .descriptionArea .showMore{ display: block; } .descriptionArea .showLess{ display: none; } .descriptionArea.expanded .showMore{ display: none; } .descriptionArea.expanded .showLess{ display: block; } .infoDetails{ display: flex; margin: 4px 0; } \ No newline at end of file