@charset "UTF-8"; /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* Here we are getting some Peertube variables (see _variables.scss in Peertube source code): */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ .peertube-plugin-livechat-experimental, .peertube-plugin-livechat-warning { color: orange; } .peertube-plugin-livechat-error { color: red; } .peertube-plugin-livechat-error-message { /* display an error block (page not found, ...) */ display: block; font-size: 20px; padding-top: 50px; text-align: center; width: 100%; } .peertube-plugin-livechat-container .peertube-plugin-livechat-error-message { max-width: 30vw; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024 Mehdi Benadel * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* We are disabling stylelint-disable custom-property-pattern so we can use Peertube var without warnings. */ /* stylelint-disable custom-property-pattern */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024 Mehdi Benadel * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* We are disabling stylelint-disable custom-property-pattern so we can use Peertube var without warnings. */ /* stylelint-disable custom-property-pattern */ /* * SPDX-FileCopyrightText: 2024 Mehdi Benadel * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* We are disabling stylelint-disable custom-property-pattern so we can use Peertube var without warnings. */ /* stylelint-disable custom-property-pattern */ livechat-dynamic-table-form { display: block; margin-bottom: 3rem; } livechat-dynamic-table-form table { table-layout: fixed; text-align: center; } livechat-dynamic-table-form table tr { border: 1px var(--bg-secondary-400, var(--greyBackgroundColor)) solid; } livechat-dynamic-table-form table td, livechat-dynamic-table-form table th { word-wrap: break-word; vertical-align: top; padding: 5px 7px; } livechat-dynamic-table-form table td:last-child { vertical-align: middle; min-width: 28px; } livechat-dynamic-table-form table td:last-child > input:not([type=checkbox]), livechat-dynamic-table-form table td:last-child textarea { min-width: 150px; } livechat-dynamic-table-form table tbody tr:nth-child(odd) { background-color: var(--bg-secondary-300, var(--greySecondaryBackgroundColor)); } livechat-dynamic-table-form table .livechat-dynamic-table-form-description-header { font-size: small; font-weight: lighter; } livechat-dynamic-table-form .dynamic-table-add-row-cell { text-align: left; } livechat-dynamic-table-form .dynamic-table-add-row { line-height: 19px; padding: 4px; border: 0; font-weight: 600; border-radius: 3px !important; text-align: center; cursor: pointer; font-size: 15px; background-color: var(--bs-green); } livechat-dynamic-table-form .dynamic-table-add-row, livechat-dynamic-table-form .dynamic-table-add-row:active, livechat-dynamic-table-form .dynamic-table-add-row:focus { color: #fff; background-color: rgb(63.7604651163, 228.1953488372, 12.3046511628); } livechat-dynamic-table-form .dynamic-table-add-row:focus, livechat-dynamic-table-form .dynamic-table-add-row.focus-visible { box-shadow: 0 0 0 0.2rem rgb(113.1674418605, 245.1255813953, 71.8744186047); } livechat-dynamic-table-form .dynamic-table-add-row:hover { color: #fff; background-color: rgb(75.688372093, 242.5162790698, 23.4837209302); } livechat-dynamic-table-form .dynamic-table-add-row[disabled], livechat-dynamic-table-form .dynamic-table-add-row.disabled { cursor: default; color: #fff; background-color: var(--input-border-color, var(--inputBorderColor)); } livechat-dynamic-table-form .dynamic-table-remove-row { line-height: 19px; padding: 4px; border: 0; font-weight: 600; border-radius: 3px !important; text-align: center; cursor: pointer; font-size: 15px; background-color: var(--bs-orange); } livechat-dynamic-table-form .dynamic-table-remove-row, livechat-dynamic-table-form .dynamic-table-remove-row:active, livechat-dynamic-table-form .dynamic-table-remove-row:focus { color: #fff; background-color: var(--primary, var(--mainColor)); } livechat-dynamic-table-form .dynamic-table-remove-row:focus, livechat-dynamic-table-form .dynamic-table-remove-row.focus-visible { box-shadow: 0 0 0 0.2rem var(--mainHoverColor); } livechat-dynamic-table-form .dynamic-table-remove-row:hover { color: #fff; background-color: var(--fg-400, var(--mainHoverColor)); } livechat-dynamic-table-form .dynamic-table-remove-row[disabled], livechat-dynamic-table-form .dynamic-table-remove-row.disabled { cursor: default; color: #fff; background-color: var(--input-border-color, var(--inputBorderColor)); } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ livechat-error { color: red; display: block; padding: 50px; text-align: center; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ livechat-help-button a { height: 18px !important; margin: 2px !important; padding: 1px !important; vertical-align: middle; } livechat-help-button svg { display: block; height: auto; } /* * SPDX-FileCopyrightText: 2024 Mehdi Benadel * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* stylelint-disable custom-property-pattern */ livechat-image-file-input img { cursor: pointer; max-height: 3em !important; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ livechat-share-chat { display: block; text-align: start; } livechat-share-chat > * { margin-top: 10px; } livechat-share-chat .sub-menu-entry { cursor: pointer; } livechat-share-chat .livechat-shareurl-copy { display: flex; flex-wrap: wrap; } livechat-share-chat .livechat-shareurl-copy button { white-space: nowrap; } livechat-share-chat .livechat-shareurl-copy input { flex-grow: 2; width: auto !important; } livechat-share-chat .livechat-shareurl-block { height: 300px; overflow-y: scroll; } livechat-share-chat .livechat-shareurl-options input[type=checkbox], livechat-share-chat .livechat-shareurl-options input[type=radio] { margin-right: 20px; } livechat-share-chat .livechat-shareurl-options label { display: block; } livechat-share-chat .livechat-shareurl-options .livechat-shareurl-suboptions { margin-left: 40px; } livechat-share-chat .livechat-shareurl-options .livechat-shareurl-suboptions > * { display: block; } livechat-share-chat .livechat-shareurl-options .livechat-shareurl-suboptions.livechat-shareurl-suboptions-disabled label { /* stylelint-disable-next-line custom-property-pattern */ color: var(--fg-400, var(--greyForegroundColor)); } livechat-share-chat .livechat-shareurl-protocol { display: flex; flex-flow: row wrap; column-gap: 30px; } livechat-share-chat .livechat-shareurl-protocol input[type=radio] { margin-right: 10px; } livechat-share-chat .livechat-shareurl-tips { margin-bottom: 1rem; margin-top: 1rem; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ livechat-spinner, .livechat-spinner { display: flex; flex-direction: row; justify-content: center; } livechat-spinner div, .livechat-spinner div { width: 48px; height: 48px; margin: 20px; /* stylelint-disable-next-line custom-property-pattern */ border: 5px solid var(--bg-secondary-400, var(--greyBackgroundColor)) !important; /* stylelint-disable-next-line custom-property-pattern */ border-bottom-color: var(--primary, var(--mainColor)) !important; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: livechatrotating 1s linear infinite; } @keyframes livechatrotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* * SPDX-FileCopyrightText: 2024 Mehdi Benadel * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* stylelint-disable custom-property-pattern */ livechat-tags-input { --tag-padding-vertical: 3px; --tag-padding-horizontal: 6px; display: flex; align-items: flex-start; flex-wrap: wrap; max-width: 320px; /* stylelint-disable-next-line no-descending-specificity */ } livechat-tags-input .livechat-tags-container { align-items: center; display: flex; flex-flow: row; justify-content: space-between; } livechat-tags-input input { flex: 1; border: none; padding: 0; color: inherit; background-color: inherit; width: 100%; /* stylelint-disable-next-line no-descending-specificity */ } livechat-tags-input input:focus { outline: transparent; } livechat-tags-input .livechat-tags, livechat-tags-input .livechat-tags-searched { display: flex; flex-wrap: wrap; padding: 0; margin: var(--tag-padding-vertical) 0; max-height: 150px; overflow-y: auto; transition-property: height, margin; transition-duration: 0.3s; } @supports (scrollbar-width: auto) { livechat-tags-input .livechat-tags, livechat-tags-input .livechat-tags-searched { scrollbar-color: var(--fg-400, var(--greyForegroundColor)) transparent; scrollbar-width: thin; } } livechat-tags-input .livechat-tags-container, livechat-tags-input .livechat-tags-searched { border-bottom: 1px dashed var(--fg-400, var(--greyForegroundColor)); } livechat-tags-input .livechat-tags-container.livechat-empty, livechat-tags-input .livechat-tags-searched.livechat-empty { height: 0; margin: 0; border: none; } livechat-tags-input .livechat-tags-searched::after { content: "🔍"; flex-grow: 1; text-align: right; } livechat-tags-input .livechat-tags-searched.livechat-empty::after { display: none; } livechat-tags-input .livechat-tag, livechat-tags-input .livechat-tag-searched { width: auto; height: 24px; display: flex; align-items: center; justify-content: center; color: #fff; padding: 0 var(--tag-padding-horizontal); font-size: 14px; list-style: none; border-radius: 3px; margin: 0 3px 3px 0; transition: 0.3s filter; } livechat-tags-input .livechat-tag .livechat-tag-close, livechat-tags-input .livechat-tag-searched .livechat-tag-close { display: block; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 10px; margin-left: var(--tag-padding-horizontal); color: var(--primary, var(--mainColor)); border-radius: 50%; background: #fff; cursor: pointer; } livechat-tags-input .livechat-tag .livechat-tag-close::before, livechat-tags-input .livechat-tag-searched .livechat-tag-close::before { content: "✕"; } livechat-tags-input .livechat-tag, livechat-tags-input .livechat-tag:active, livechat-tags-input .livechat-tag:focus, livechat-tags-input .livechat-tag-searched, livechat-tags-input .livechat-tag-searched:active, livechat-tags-input .livechat-tag-searched:focus { color: #fff; background-color: var(--primary, var(--mainColor)); } livechat-tags-input .livechat-tag .livechat-tag-close, livechat-tags-input .livechat-tag:active .livechat-tag-close, livechat-tags-input .livechat-tag:focus .livechat-tag-close, livechat-tags-input .livechat-tag-searched .livechat-tag-close, livechat-tags-input .livechat-tag-searched:active .livechat-tag-close, livechat-tags-input .livechat-tag-searched:focus .livechat-tag-close { color: var(--primary, var(--mainColor)); } livechat-tags-input .livechat-tag:hover, livechat-tags-input .livechat-tag-searched:hover { color: #fff; background-color: var(--fg-400, var(--mainHoverColor)); } livechat-tags-input .livechat-tag:hover .livechat-tag-close, livechat-tags-input .livechat-tag-searched:hover .livechat-tag-close { color: var(--fg-400, var(--mainHoverColor)); } livechat-tags-input .livechat-tag[disabled], livechat-tags-input .livechat-tag.disabled, livechat-tags-input .livechat-tag-searched[disabled], livechat-tags-input .livechat-tag-searched.disabled { cursor: default; color: #fff; background-color: var(--input-border-color, var(--inputBorderColor)); } livechat-tags-input .livechat-tag[disabled] .livechat-tag-close, livechat-tags-input .livechat-tag.disabled .livechat-tag-close, livechat-tags-input .livechat-tag-searched[disabled] .livechat-tag-close, livechat-tags-input .livechat-tag-searched.disabled .livechat-tag-close { color: var(--input-border-color, var(--inputBorderColor)); } livechat-tags-input .livechat-tag .livechat-tag-name, livechat-tags-input .livechat-tag-searched .livechat-tag-name { margin-top: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 250px; } livechat-tags-input .livechat-tags.livechat-unfocused .livechat-tag { filter: opacity(50%) grayscale(80%); } /* * SPDX-FileCopyrightText: 2024 Mehdi Benadel * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* We are disabling stylelint-disable custom-property-pattern so we can use Peertube var without warnings. */ /* stylelint-disable custom-property-pattern */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ livechat-token-list table { width: 100%; table-layout: fixed; text-align: center; } livechat-token-list table tr { border: 1px var(--bg-secondary-400, var(--greyBackgroundColor)) solid; } livechat-token-list table td, livechat-token-list table th { word-wrap: break-word; vertical-align: top; padding: 5px 7px; } livechat-token-list table td:last-child { vertical-align: middle; min-width: 28px; } livechat-token-list table td:last-child > input:not([type=checkbox]), livechat-token-list table td:last-child textarea { min-width: 150px; } livechat-token-list table tbody tr:nth-child(odd) { background-color: var(--bg-secondary-300, var(--greySecondaryBackgroundColor)); } livechat-token-list table tr th:first-child, livechat-token-list table tr th:last-child { width: 50px; } livechat-token-list table label { font-weight: inherit; } livechat-token-list .livechat-create-token { line-height: 19px; padding: 4px; border: 0; font-weight: 600; border-radius: 3px !important; text-align: center; cursor: pointer; font-size: 15px; background-color: var(--bs-green); } livechat-token-list .livechat-create-token, livechat-token-list .livechat-create-token:active, livechat-token-list .livechat-create-token:focus { color: #fff; background-color: rgb(63.7604651163, 228.1953488372, 12.3046511628); } livechat-token-list .livechat-create-token:focus, livechat-token-list .livechat-create-token.focus-visible { box-shadow: 0 0 0 0.2rem rgb(113.1674418605, 245.1255813953, 71.8744186047); } livechat-token-list .livechat-create-token:hover { color: #fff; background-color: rgb(75.688372093, 242.5162790698, 23.4837209302); } livechat-token-list .livechat-create-token[disabled], livechat-token-list .livechat-create-token.disabled { cursor: default; color: #fff; background-color: var(--input-border-color, var(--inputBorderColor)); } livechat-token-list .livechat-revoke-token { line-height: 19px; padding: 4px; border: 0; font-weight: 600; border-radius: 3px !important; text-align: center; cursor: pointer; font-size: 15px; background-color: var(--bs-orange); } livechat-token-list .livechat-revoke-token, livechat-token-list .livechat-revoke-token:active, livechat-token-list .livechat-revoke-token:focus { color: #fff; background-color: var(--primary, var(--mainColor)); } livechat-token-list .livechat-revoke-token:focus, livechat-token-list .livechat-revoke-token.focus-visible { box-shadow: 0 0 0 0.2rem var(--mainHoverColor); } livechat-token-list .livechat-revoke-token:hover { color: #fff; background-color: var(--fg-400, var(--mainHoverColor)); } livechat-token-list .livechat-revoke-token[disabled], livechat-token-list .livechat-revoke-token.disabled { cursor: default; color: #fff; background-color: var(--input-border-color, var(--inputBorderColor)); } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ #peertube-plugin-livechat-container { display: flex; flex-direction: column; height: 100%; } #peertube-plugin-livechat-container .chatroom .box-flyout .chatroom-body .occupants { min-width: min(200px, 50%); } /* Note: livechat-viewer-mode-content (the form where anonymous users can choose nickname or log in with external account), can be something like ~180px height (at time of writing). We must ensure that the px height limit for converse-muc and converse-root is always higher than livechat-viewer-mode-content max size. Note: We also must ensure that when the user has choosen its nickname, and there is an ongoing poll, the user can see the chat when the poll is folded. */ #peertube-plugin-livechat-container converse-root { display: block; border: 1px solid black; min-height: max(30vh, 300px); height: 100%; min-width: min(400px, 25vw); } #peertube-plugin-livechat-container converse-root converse-muc { min-height: max(30vh, 300px); } @media screen and (orientation: portrait) and (width <= 767px) { #peertube-plugin-livechat-container converse-root { /* On small screen, and when portrait mode, we are giving the chat more vertical space. It should go under the video. */ min-height: max(50vh, 300px); } #peertube-plugin-livechat-container converse-root converse-muc { min-height: max(50vh, 300px); } } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ .peertube-plugin-livechat-buttons, .livechat-mini-muc-bar-buttons { align-items: center; display: flex; flex-flow: row nowrap; justify-content: flex-end; padding-right: 12px !important; } .peertube-plugin-livechat-button { align-items: center; display: flex; flex-direction: row; height: 36px !important; margin: 5px !important; padding: 2px !important; } .peertube-plugin-livechat-button svg { height: auto; } .peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button, .livechat-mini-muc-bar-buttons .peertube-plugin-livechat-button { height: 18px !important; margin: 2px !important; padding: 1px !important; } .peertube-plugin-livechat-buttons-cloned { display: none; } [peertube-plugin-livechat-state=initializing] { display: none; } [peertube-plugin-livechat-state=open] .peertube-plugin-livechat-button-open { display: none; } [peertube-plugin-livechat-state=closed] .peertube-plugin-livechat-button-promote, [peertube-plugin-livechat-state=closed] .peertube-plugin-livechat-button-close { display: none; } [peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-main { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-right: 0 !important; } [peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-secondary { border-radius: 0 !important; margin-right: 0 !important; margin-left: 0 !important; border-left: 1px solid currentcolor; } [peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-last-secondary { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0 !important; border-left: 1px solid currentcolor; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* stylelint-disable custom-property-pattern */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ livechat-channel-tabs { display: block; /* See Peertube sub-menu-h1 mixin */ margin-bottom: 30px; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* stylelint-disable custom-property-pattern */ livechat-configuration-section-header { margin-top: 3rem; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* These are styles to apply for the channel configuration pages. */ .peertube-plugin-livechat-configuration { /* Channel configuration page */ /* Channel selection page */ } .peertube-plugin-livechat-configuration h1 { padding-top: 40px; /* See Peertube sub-menu-h1 mixin */ font-size: 1.3rem; border-bottom: 2px solid var(--bg-secondary-400, var(--greyBackgroundColor)); padding-bottom: 15px; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-channel-info { /* stylelint-disable-next-line value-keyword-case */ color: var(--fg, var(--mainForegroundColor)); } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-channel-info span:first-child { /* See Peertube .video-channel-display-name */ font-weight: 600; font-size: 18px; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-channel-info span:not(:first-child) { /* See Peertube .video-channel-name */ margin-left: 5px; font-size: 14px; color: #777272; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel h2 { text-transform: uppercase; color: var(--primary, var(--mainColor)); font-weight: 700; font-size: 1rem; margin-bottom: 10px; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=submit], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-actions button, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-tags-input-copy { line-height: 19px; padding: 4px 13px; border: 0; font-weight: 600; border-radius: 3px !important; text-align: center; cursor: pointer; font-size: 15px; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit]:active, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit]:focus, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=submit], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=submit]:active, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=submit]:focus, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-actions button, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-actions button:active, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-actions button:focus, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-tags-input-copy, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-tags-input-copy:active, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-tags-input-copy:focus { color: #fff; background-color: var(--primary, var(--mainColor)); } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit]:hover, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=submit]:hover, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-actions button:hover, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-tags-input-copy:hover { color: #fff; background-color: var(--fg-400, var(--mainHoverColor)); } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit].disabled, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=submit][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=submit].disabled, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-actions button[disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-actions button.disabled, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-tags-input-copy[disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-tags-input-copy.disabled { cursor: default; color: #fff; background-color: var(--input-border-color, var(--inputBorderColor)); } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset] { background-color: var(--bg-secondary-400, var(--greyBackgroundColor)); color: var(--fg-400, var(--greyForegroundColor)); } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset]:hover, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset]:active, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset]:focus, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset].disabled, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset]:hover, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset]:active, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset]:focus, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset].disabled { color: var(--fg-400, var(--greyForegroundColor)); background-color: var(--bg-secondary-300, var(--greySecondaryBackgroundColor)); } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset].disabled, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel button[type=reset].disabled { cursor: default; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels { list-style-type: none; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li { align-items: center; gap: 15px; /* See Peertube row-blocks mixin, used in video-channel */ display: flex; min-height: 130px; padding-bottom: 20px; margin-bottom: 20px; /* stylelint-disable-next-line value-keyword-case */ border-bottom: 1px solid var(--inputBorderColor); } @media screen and (max-width: 800px) { .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li { flex-direction: column; height: auto; align-items: center; } } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .avatar { /* See Peertube CSS, class avatar and avatar-80 */ width: 80px; height: 80px; min-width: 80px; min-height: 80px; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .avatar.channel { border-radius: 5px; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .avatar.initial { /* See Peertube actor-avatar.component.scss */ background-color: #3c2109; color: #fff; display: flex; align-items: center; justify-content: center; font-size: var(--initialFontSize); } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .avatar.initial.gray { background-color: #939393; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info { flex-grow: 1; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a { /* See Peertube .video-channel-names */ width: fit-content; display: flex; align-items: baseline; /* stylelint-disable-next-line value-keyword-case */ color: var(--fg, var(--mainForegroundColor)); } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a:hover, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a:focus, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a:active { text-decoration: none !important; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a:focus:not(.focus-visible) { outline: none !important; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a div:first-child { /* See Peertube .video-channel-display-name */ font-weight: 600; font-size: 18px; } .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a div:not(:first-child) { /* See Peertube .video-channel-name */ margin-left: 5px; font-size: 14px; color: #777272; } .peertube-plugin-livechat-configuration .peertube-livechat-emojis-col-sn { width: 30%; } .peertube-plugin-livechat-configuration .peertube-livechat-emojis-col-file { width: 65%; } .peertube-plugin-livechat-configuration .peertube-plugin-livechat-configuration-actions { margin-bottom: 1rem; text-align: right; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ /* stylelint-disable custom-property-pattern */ .peertube-plugin-livechat-admin-firewall h1 { padding-top: 40px; /* See Peertube sub-menu-h1 mixin */ font-size: 1.3rem; border-bottom: 2px solid var(--bg-secondary-400, var(--greyBackgroundColor)); padding-bottom: 15px; } .peertube-plugin-livechat-admin-firewall textarea[name^=_content_] { min-height: 10rem; } .peertube-plugin-livechat-admin-firewall input[type=submit], .peertube-plugin-livechat-admin-firewall input[type=reset], .peertube-plugin-livechat-admin-firewall button[type=submit], .peertube-plugin-livechat-admin-firewall button[type=reset] { line-height: 19px; padding: 4px 13px; border: 0; font-weight: 600; border-radius: 3px !important; text-align: center; cursor: pointer; font-size: 15px; } .peertube-plugin-livechat-admin-firewall input[type=submit], .peertube-plugin-livechat-admin-firewall input[type=submit]:active, .peertube-plugin-livechat-admin-firewall input[type=submit].active, .peertube-plugin-livechat-admin-firewall input[type=submit]:focus, .peertube-plugin-livechat-admin-firewall button[type=submit], .peertube-plugin-livechat-admin-firewall button[type=submit]:active, .peertube-plugin-livechat-admin-firewall button[type=submit].active, .peertube-plugin-livechat-admin-firewall button[type=submit]:focus { color: var(--on-primary, #fff); background-color: var(--primary, var(--mainColor)); border: 1px solid var(--primary, var(--mainColor)); } .peertube-plugin-livechat-admin-firewall input[type=submit]:hover, .peertube-plugin-livechat-admin-firewall button[type=submit]:hover { color: var(--on-primary, #fff); background-color: var(--primary-400, var(--mainHoverColor)); } .peertube-plugin-livechat-admin-firewall input[type=submit][disabled], .peertube-plugin-livechat-admin-firewall button[type=submit][disabled] { pointer-events: none; opacity: 0.6; } .peertube-plugin-livechat-admin-firewall input[type=reset], .peertube-plugin-livechat-admin-firewall button[type=reset] { color: var(--fg, var(--mainForegroundColor)); background-color: transparent; border: 1px solid var(--bg-secondary-500, var(--inputBorderColor)) !important; } .peertube-plugin-livechat-admin-firewall input[type=reset]:active, .peertube-plugin-livechat-admin-firewall input[type=reset].active, .peertube-plugin-livechat-admin-firewall input[type=reset]:focus, .peertube-plugin-livechat-admin-firewall input[type=reset]:focus-visible, .peertube-plugin-livechat-admin-firewall button[type=reset]:active, .peertube-plugin-livechat-admin-firewall button[type=reset].active, .peertube-plugin-livechat-admin-firewall button[type=reset]:focus, .peertube-plugin-livechat-admin-firewall button[type=reset]:focus-visible { color: var(--fg, var(--mainForegroundColor)); background-color: var(--bg-secondary-500, var(--inputBorderColor)); border-color: var(--bg-secondary-500, var(--inputBorderColor)); } .peertube-plugin-livechat-admin-firewall input[type=reset]:hover, .peertube-plugin-livechat-admin-firewall button[type=reset]:hover { color: var(--fg, var(--mainForegroundColor)); background-color: var(--bg-secondary-450, var(--inputBorderColor)); } .peertube-plugin-livechat-admin-firewall input[type=reset][disabled], .peertube-plugin-livechat-admin-firewall button[type=reset][disabled] { pointer-events: none; opacity: 0.8; } .peertube-plugin-livechat-admin-firewall .peertube-livechat-admin-firewall-col-name { width: 25%; } .peertube-plugin-livechat-admin-firewall .peertube-livechat-admin-firewall-col-content { width: 65%; } /* * SPDX-FileCopyrightText: 2024-2025 John Livingston * * SPDX-License-Identifier: AGPL-3.0-only */ table.peertube-plugin-livechat-prosody-list-rooms { border: 1px solid black; margin: 5px 0; } table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(odd) { background-color: #eee; } table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(even) { background-color: #fff; } table.peertube-plugin-livechat-prosody-list-rooms th { /* stylelint-disable-next-line custom-property-pattern */ background-color: var(--fg-400, var(--mainHoverColor)); border: 1px solid black; /* stylelint-disable-next-line custom-property-pattern */ color: var(--mainBackgroundColor); padding: 4px 5px; } table.peertube-plugin-livechat-prosody-list-rooms td { border: 1px solid #555; color: black; padding: 4px 5px; } /*# sourceMappingURL=style.css.map */ .orion-content { width: 100%; max-width: 1280px; margin: 0 auto; padding-top: 40px; margin-bottom: 40px; }.top-menu .panel-block .custom-link { display: flex; align-items: center; padding-left: 26px; color: var(--menuForegroundColor); cursor: pointer; min-height: 40px; font-size: 16px; transition: background-color .1s ease-in-out; white-space: normal; word-break: break-word; padding-right: 20px; } .modal .playlist { display: flex; flex-direction: column; } .modal .video-sharing-container { margin-bottom: 25px; display: flex; justify-content: center; flex-wrap: wrap; width: 100%; } .modal .video-sharing { cursor: pointer; display: inline-flex; text-decoration: none !important; outline: none !important; color: #000; flex-direction: column; align-items: center; margin-top: 10px; margin-bottom: 10px; margin-left: 13px; margin-right: 13px; } .modal .video-sharing img { width: 60px; height: 60px; margin-bottom: 5px; } .modal + .modal-backdrop { z-index: 16000 !important; } .modal.custom-domain .modal-header { display: flex; justify-content: center; width: 100%; } .modal.custom-domain .modal-body { display: flex; align-items: center; width: 100%; flex-direction: column; } .modal.custom-domain .modal-body p { align-self: flex-start; } .modal.custom-domain .modal-body img { width: 140px; margin-bottom: 45px; } .vjs-airplay-button .vjs-icon-placeholder{background:url('data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A%0A') center center no-repeat;background-size:contain;display:inline-block;width:22px;height:22px}.vjs-airplay-button:hover{cursor:pointer}.vjs-airplay-button:hover .vjs-icon-placeholder{background-image:url('data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A%0A')}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-airplay-button-label{flex-grow:1;margin-left:4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}.vjs-chromecast-button .vjs-icon-placeholder{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAvJJREFUaAXtmTtoFFEUhrMhpRZipQELBQsbwUoEQYPaWFhpYSloJ1bai502tqnVRojYWPlA1CKCjWUKLYRsGmOKdKKs3xnmzpz57+xjdMaZhTnw79zzuOdx79zH7i4s9NSPQD8C/Qh0ZgRGo9EyeAKGoGu0SUKW27IfsEFgUsVn+P1B1tHnNnkdHwwGm5bfokvyAe2uJ2/pWo73rWHkZ2AIfyCRdv9jixk4aGn6AkY+bwwynZe31bYF6WOH/Pwr5PVz0+4LaHuq+hloewaWQgJhVQd+Xp79K9T2TM39DGRrgINul9G060TAV9ovwEfWR+EURNY9sqN6DG0hXwXn2sxac4tyUYMx/DvkJ6PO/0Gg+UQh1WAKv4b+cOSkQYHmE0JlN04M9iK067RdUw+B8+Ai2AfKaAfhFdbHqzJl3TIrwPuc6dyizxJYAc9AGf1CeNM7bqqtwSvHwcEp8EEdpfzDyg4rdtC4Fbvn5ji6BWzklRqdCQ2WZ5S2MNgFG+ANuAtOREa57QX0O8CTFdXYVusDWTvKTQ1S3gq6HBkjQH4MaBE/kDWyO+G3QFFOBW3MrCOKEkNmM6Gv01rkvAaBphS5VIMS/juyM9oRma0JpdoPOw2gedgrsQccBVfBU/ATKJmsrAjdnd5HAf5RoIlMdUeHI6Bs/7eZKLxO8LbFKtW6oNX51AKCAR1vg9/iYD3owxO9FrsadHU8JX68C00KQmcrQqmwO6E8KwZ2i82uKpP8z6IT33EBGNg5YLvNDRAFRqYjvOEDo7drh22jnmpbzN6ptX3spC0Gr+ELv5PC25rQhV047NA/Ap7uRYH+UuCdWju4WQwNea7AP8Yumwluf1+QPRe7S8K/FL6w2E2niczKi1/71pjQuAJMaUVcT6zyDy3gdK5KWt+ET35BFlkd7NvgZFIBZnMtGKbPT8IX/i1Bl41MatdEAdv4viN5jJ1a+6KfEdNth52nSnpz5DtXbA+xj/5iypLrG/0I9CPQj0ArI/AHixCE2UoSwqgAAAAASUVORK5CYII=) center center no-repeat;background-size:contain;display:inline-block;width:22px;height:22px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAvJJREFUaAXtmTtoFFEUhrMhpRZipQELBQsbwUoEQYPaWFhpYSloJ1bai502tqnVRojYWPlA1CKCjWUKLYRsGmOKdKKs3xnmzpz57+xjdMaZhTnw79zzuOdx79zH7i4s9NSPQD8C/Qh0ZgRGo9EyeAKGoGu0SUKW27IfsEFgUsVn+P1B1tHnNnkdHwwGm5bfokvyAe2uJ2/pWo73rWHkZ2AIfyCRdv9jixk4aGn6AkY+bwwynZe31bYF6WOH/Pwr5PVz0+4LaHuq+hloewaWQgJhVQd+Xp79K9T2TM39DGRrgINul9G060TAV9ovwEfWR+EURNY9sqN6DG0hXwXn2sxac4tyUYMx/DvkJ6PO/0Gg+UQh1WAKv4b+cOSkQYHmE0JlN04M9iK067RdUw+B8+Ai2AfKaAfhFdbHqzJl3TIrwPuc6dyizxJYAc9AGf1CeNM7bqqtwSvHwcEp8EEdpfzDyg4rdtC4Fbvn5ji6BWzklRqdCQ2WZ5S2MNgFG+ANuAtOREa57QX0O8CTFdXYVusDWTvKTQ1S3gq6HBkjQH4MaBE/kDWyO+G3QFFOBW3MrCOKEkNmM6Gv01rkvAaBphS5VIMS/juyM9oRma0JpdoPOw2gedgrsQccBVfBU/ATKJmsrAjdnd5HAf5RoIlMdUeHI6Bs/7eZKLxO8LbFKtW6oNX51AKCAR1vg9/iYD3owxO9FrsadHU8JX68C00KQmcrQqmwO6E8KwZ2i82uKpP8z6IT33EBGNg5YLvNDRAFRqYjvOEDo7drh22jnmpbzN6ptX3spC0Gr+ELv5PC25rQhV047NA/Ap7uRYH+UuCdWju4WQwNea7AP8Yumwluf1+QPRe7S8K/FL6w2E2niczKi1/71pjQuAJMaUVcT6zyDy3gdK5KWt+ET35BFlkd7NvgZFIBZnMtGKbPT8IX/i1Bl41MatdEAdv4viN5jJ1a+6KfEdNth52nSnpz5DtXbA+xj/5iypLrG/0I9CPQj0ArI/AHixCE2UoSwqgAAAAASUVORK5CYII=)}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA49JREFUaAXtmTtoFFEUhrMhVtFCBEEDFgoWNqIgaCAQg9pYWGlhKWgnNkaxDHba2KZWGyFiI0J8ohZRbOwMqIWQpDGmSCfK+p1x7+y5/8zuzmQ3yQbmwL9z3vfc59zdHRioqBqBagSqEeibEajX6yPgIVgE/UYLFGS1jfgBqwWhYfiMvCvo+vS5TF2Ha7XagtU36Iq8C9/vxVu5VuMdY4z8DCwi70m0/f+xxAzstTJ9B+q+bhxSm9dvFm8b0rcd6vNLyNu3DF91YLOnaqhoAboGi8at1S+s8U7xW34JpTNQtMedRmSj7WVmYJLi5je6wJ63x14YA89sT6wnaeHaltpLyyQ8CT5q4l7JWpDmDfb0bYvDKkq7TgR8h38KPrA/orcguoSIsSV4E0yBbYmyRx+6J60DPrXaB8yhBS2hnwanfALPYzsCvoKekc9vvCZWe8ZBAxryW57HM8H/G9iNrWdLStvQetRetAMhzwzMfk2CbhjMBqdunjm5o3TB7vfADpR2nbZr6j5wGpwFO0EeraC8wFp84Y20Moz8Ghzz+rK8rnGr3udQu7elPDFDYAI8Bnn0B+XVNKDBoLPl1NWeyMkZta/2jjLRo+B9lKUp3NMEmGxj/266lONy8kUJ1F5YJss1YCOvlDcTt9SpqKwFaZzabROvgnnwCkyBoxmnhgLbGbACPFmnoqMWeRCs6WTStn1Dxqu91SlkHTqfcUaB/hDQTvxCF51OyPbGLk3apiZQe6sOhLg5mKgwS4DOZkKX04wmx6f03SknB2mapPZOHbDIn2BcA9HZnlA64f0w2gWwFPl44zVY7eawHRwEF8EjkHeCmG5cg9Hp6fQux+cLfoUpJz6KVXtGxvsAyDv/bSai5YQ8CpR0Q19Xh3ayFqS+am8pEzgJ/kqCOQ3Arp2dVp9uZGk/ewq1S06wdUIpOp0w6mljt9j0qtIufxGbNp6JwcHeA3baXAGZhtHpCEdfL7HbtcOOUU+5N9dM4wUUPqnxmRBxeIlsF7uUkG1P6MaOXnbY7wNPt9MEXTI+qfEh3WBg5DmB/AC/dCa4/X1D90T8zon8XORos5tNCykqS1771phQqw6Y0TpxOfFqfmgHxpqmhPshcvILsuh6Ib4JSdp1wHwuBcfG85PI0b8l2NKRafitRweWyX1D6mg5tfZFPyWm2152nkrZLZEPLskv4p/5iyktrmKqEahGoBqBTRmBfwb8WzXqcsYyAAAAAElFTkSuQmCC)}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA49JREFUaAXtmTtoFFEUhrMhVtFCBEEDFgoWNqIgaCAQg9pYWGlhKWgnNkaxDHba2KZWGyFiI0J8ohZRbOwMqIWQpDGmSCfK+p1x7+y5/8zuzmQ3yQbmwL9z3vfc59zdHRioqBqBagSqEeibEajX6yPgIVgE/UYLFGS1jfgBqwWhYfiMvCvo+vS5TF2Ha7XagtU36Iq8C9/vxVu5VuMdY4z8DCwi70m0/f+xxAzstTJ9B+q+bhxSm9dvFm8b0rcd6vNLyNu3DF91YLOnaqhoAboGi8at1S+s8U7xW34JpTNQtMedRmSj7WVmYJLi5je6wJ63x14YA89sT6wnaeHaltpLyyQ8CT5q4l7JWpDmDfb0bYvDKkq7TgR8h38KPrA/orcguoSIsSV4E0yBbYmyRx+6J60DPrXaB8yhBS2hnwanfALPYzsCvoKekc9vvCZWe8ZBAxryW57HM8H/G9iNrWdLStvQetRetAMhzwzMfk2CbhjMBqdunjm5o3TB7vfADpR2nbZr6j5wGpwFO0EeraC8wFp84Y20Moz8Ghzz+rK8rnGr3udQu7elPDFDYAI8Bnn0B+XVNKDBoLPl1NWeyMkZta/2jjLRo+B9lKUp3NMEmGxj/266lONy8kUJ1F5YJss1YCOvlDcTt9SpqKwFaZzabROvgnnwCkyBoxmnhgLbGbACPFmnoqMWeRCs6WTStn1Dxqu91SlkHTqfcUaB/hDQTvxCF51OyPbGLk3apiZQe6sOhLg5mKgwS4DOZkKX04wmx6f03SknB2mapPZOHbDIn2BcA9HZnlA64f0w2gWwFPl44zVY7eawHRwEF8EjkHeCmG5cg9Hp6fQux+cLfoUpJz6KVXtGxvsAyDv/bSai5YQ8CpR0Q19Xh3ayFqS+am8pEzgJ/kqCOQ3Arp2dVp9uZGk/ewq1S06wdUIpOp0w6mljt9j0qtIufxGbNp6JwcHeA3baXAGZhtHpCEdfL7HbtcOOUU+5N9dM4wUUPqnxmRBxeIlsF7uUkG1P6MaOXnbY7wNPt9MEXTI+qfEh3WBg5DmB/AC/dCa4/X1D90T8zon8XORos5tNCykqS1771phQqw6Y0TpxOfFqfmgHxpqmhPshcvILsuh6Ib4JSdp1wHwuBcfG85PI0b8l2NKRafitRweWyX1D6mg5tfZFPyWm2152nkrZLZEPLskv4p/5iyktrmKqEahGoBqBTRmBfwb8WzXqcsYyAAAAAElFTkSuQmCC)}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-chromecast-button-label{flex-grow:1;margin-left:4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster:after{content:" ";display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #cccccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}.video-js .vjs-control-bar .vjs-airplay-button,.video-js .vjs-control-bar .vjs-chromecast-button{width:47px}.video-js .vjs-control-bar .vjs-airplay-button .vjs-icon-placeholder,.video-js .vjs-control-bar .vjs-chromecast-button .vjs-icon-placeholder{display:inline-block} .vjs-overlay a { color: #210cbf; } /* make font size for overlays little bigger and responsive */ .video-js .vjs-overlay { /* apply for screen sizes under 768px */ font-size:1.2rem; z-index: 10; } @media screen and (min-width: 768px) { /* apply for screen sizes bigger or equal 768px */ .video-js .vjs-overlay { font-size:1.4rem; } } .video-js .vjs-overlay{color:#fff;position:absolute;text-align:center}.video-js .vjs-overlay-no-background{max-width:33%}.video-js .vjs-overlay-background{background-color:#646464;background-color:hsla(0,0%,100%,.4);border-radius:3px;padding:10px;width:33%}.video-js .vjs-overlay-top-left{top:5px;left:5px}.video-js .vjs-overlay-top{left:50%;margin-left:-16.5%;top:5px}.video-js .vjs-overlay-top-right{right:5px;top:5px}.video-js .vjs-overlay-right{right:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-bottom-right{bottom:3.5em;right:5px}.video-js .vjs-overlay-bottom{bottom:3.5em;left:50%;margin-left:-16.5%}.video-js .vjs-overlay-bottom-left{bottom:3.5em;left:5px}.video-js .vjs-overlay-left{left:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-center{left:50%;margin-left:-16.5%;top:50%;transform:translateY(-50%)}.video-js .vjs-no-flex .vjs-overlay-left,.video-js .vjs-no-flex .vjs-overlay-center,.video-js .vjs-no-flex .vjs-overlay-right{margin-top:-15px}/*# sourceMappingURL=videojs-overlay.css.map */ .video-js.vjs-watermark { display: block; } .video-js .vjs-watermark-content { opacity: 0.99; position: absolute; padding: 5px; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -ms-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-js .vjs-watermark-top-right { right: 0; top: 0; } .video-js .vjs-watermark-top-left { left: 0; top: 0; } .video-js .vjs-watermark-bottom-right { right: 0; bottom: 30px; } .video-js .vjs-watermark-bottom-left { left: 0; bottom: 30px; } .video-js.vjs-user-inactive.vjs-playing .vjs-watermark-fade { opacity: 0; } .vjs-watermark-content > a:nth-child(1) img, .vjs-watermark-content > img:nth-child(1) { max-width: 100%; width: 20vw; max-height: 12vh; position: relative; top: 1rem; } .subtitle-cues { width: 100%; } .subtitle-cues input { width: 100%; } .subtitle-cue-highlight { font-weight: bold; } .subtitle-cues > tbody > tr > td:first-child { color: var(--fg); font-weight: bold; } .subtitle-cues > tbody > tr > td:nth-child(1) { width: 40px; } .subtitle-cues > tbody > tr > td:nth-child(2) { width: 110px; } .subtitle-cues > tbody > tr > td:nth-child(3) { width: 110px; } .subtitle-cues > tbody > tr > td:nth-child(4) { cursor: pointer; } .subtitle-cues > tbody > tr:nth-child(2n+1) { background-color: var(--bg-secondary-450); } .subtitle-cues > tbody > tr > td, .subtitle-cues > thead > tr > th { padding-left: 6px; padding-right: 6px; } .subtitle-editor { position: sticky; top: 50px; padding-top: 26px; } .subtitle-editor-overflow { overflow-y: scroll; height: 100vh; padding-bottom: 320px; } #subtitle-video-viewer { position: relative; height: 0; width: 100%; padding-top: 56.25%; } #subtitle-video-viewer iframe { position: absolute; inset: 0px; } #subtitle-preview { background-color: #000000; color: #ffffff; text-align: center; min-height: 50px; white-space: pre-line; } #subtitle-cue-input { padding-bottom: 1em; } .action-bubble { float: left; background: #cecece; padding: 4px; border-radius: 8px; margin-right: 8px; } .subtitle-head { padding-top: 1em; } .subtitle-main { padding-bottom: 220px; } #bottom-controls { position: sticky; bottom: 0px; min-height: 220px; background-color: var(--bg); width: 100%; box-shadow: 0 0px 16px #000; padding-top: 0.5em; } .subtitle-cue-italic { font-style: italic; } .subtitle-cue-bold { font-weight: bold; } .subtitle-cue-underline { text-decoration: underline; } ngb-modal-window .playlist { display: flex; flex-direction: column; } ngb-modal-window .video-sharing-container { margin-bottom: 25px; text-align: center; } ngb-modal-window .video-sharing { margin-right: 10px; cursor: pointer; display: inline-block; text-decoration: none !important; outline: none !important; color: #000; } ngb-modal-window .video-sharing:last-child { margin-right: 0; } ngb-modal-window .video-sharing svg { width: 40px; height: 40px; fill: var(--greyForegroundColor); stroke: transparent; margin-bottom: 5px; } ngb-modal-window .video-sharing.facebook svg { fill: #1877F2; } ngb-modal-window .video-sharing.twitter svg { fill: #1DA1F2; } ngb-modal-window .video-sharing.linkedin svg { fill: #0077b5; } ngb-modal-window label.share-link { align-self: start; } #peertube-plugin-chat-container { position: relative; width: 20em; height: 66vh; padding: 0.5em; padding-bottom: 5em; background-color: var(--mainBackgroundColor); color: var(--mainForegroundColor); } #peertube-plugin-chat-messages { max-height: 100%; overflow-y: scroll; } #peertube-plugin-chat-user-area { width: 19em; position: absolute; bottom: 0; } @media screen and (max-width: 1100px) { #peertube-plugin-chat-container { position: relative; width: inherit; height: 20em; } #peertube-plugin-chat-user-area { width: inherit; } } /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */ #label-pur { position: fixed; bottom: 1rem; right: 1rem; width: 10vw; max-width: 200px; height: 10vw; max-height: 200px; cursor: pointer; background-color: transparent; perspective: 1000px; /* Remove this if you don't want the 3D effect */ } /* This container is needed to position the front and back side */ .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } /* Do an horizontal flip when you move the mouse over the flip box container */ #label-pur:hover .flip-card-inner { transform: rotateY(180deg); } /* Position the front and back side */ .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } /* Style the front side (fallback if image is missing) */ .flip-card-front { color: black; } .flip-card-front > img { height: 100%; width: 100%; } /* Style the back side */ .flip-card-back { background-color: var(--mainColor); color: white; transform: rotateY(180deg); border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300))); line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px) / (1600 - 300))); } .plugin-premium-users > .row { padding-bottom: 20px; } .plugin-premium-users h2 { text-transform: uppercase; color: var(--mainColor); font-weight: 700; font-size: 1rem; margin-bottom: 10px; } .plugin-premium-users .button-md { padding: 10px 25px; font-size: 18px; } .plugin-premium-users .original-price { text-decoration-line: line-through; opacity: 0.7; text-decoration-style: solid; text-decoration-thickness: 1px; } .plugin-premium-users.my-account .grey-button.peertube-button-link { margin-right: 10px; } .plugin-premium-users.become-premium { max-width: 800px; } .plugin-premium-users.become-premium img { max-width: 160px; margin-bottom: 5rem; } .plugin-premium-users.become-premium .prices-alternatives, .plugin-premium-users.become-premium .action-buttons { max-width: 500px; } .plugin-premium-users.become-premium .row { padding-bottom: 0; } .attribute-ffprobe { font-size: 13px; margin-bottom: 12px; } .attribute-label-ffprobe { min-width: 142px; padding-right: 5px; display: inline-block; color: var(--greyForegroundColor); font-weight: 700; } .h-captcha { margin-bottom: 2rem; }/* .video-js .vjs-big-vr-play-button, */ .video-js.vjs-xr .vjs-big-play-button { width: 100px !important; height: 100px !important; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath fill='%23FFF' d='M334.883 275.78l-6.374-36.198-6.375-36.2-28.16 23.62-28.164 23.62 25.837 9.41C266.247 296.544 224 320.5 176.25 320.5c-77.47 0-140.5-63.03-140.5-140.5 0-77.472 63.03-140.5 140.5-140.5 53.428 0 99.98 29.978 123.733 73.993l13.304-6.923C287.025 57.76 235.45 24.5 176.25 24.5c-85.743 0-155.5 69.757-155.5 155.5 0 85.742 69.757 155.5 155.5 155.5 54.253 0 102.09-27.94 129.922-70.177l28.71 10.457z'/%3E%3Cpath fill='%23FFF' d='M314.492 175.167c-12.98 0-23.54-10.56-23.54-23.54s10.56-23.54 23.54-23.54c12.98 0 23.54 10.56 23.54 23.54s-10.56 23.54-23.54 23.54zm0-38.08c-8.018 0-14.54 6.522-14.54 14.54s6.522 14.54 14.54 14.54c8.017 0 14.54-6.522 14.54-14.54s-6.523-14.54-14.54-14.54z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M88.76 173.102h9.395c4.74-.042 8.495-1.27 11.268-3.682 2.77-2.412 4.157-5.903 4.157-10.474 0-4.4-1.153-7.817-3.46-10.25-2.307-2.434-5.83-3.65-10.568-3.65-4.147 0-7.554 1.195-10.22 3.585-2.666 2.392-4 5.514-4 9.364H69.908c0-4.74 1.26-9.055 3.776-12.95 2.518-3.892 6.03-6.928 10.537-9.108 4.508-2.18 9.554-3.27 15.14-3.27 9.225 0 16.472 2.318 21.74 6.952 5.27 4.634 7.903 11.077 7.903 19.33 0 4.147-1.323 8.05-3.967 11.71-2.646 3.66-6.062 6.422-10.252 8.284 5.078 1.736 8.94 4.465 11.584 8.19s3.968 8.166 3.968 13.33c0 8.294-2.847 14.895-8.538 19.804s-13.17 7.363-22.438 7.363c-8.887 0-16.166-2.37-21.836-7.11-5.67-4.74-8.506-11.045-8.506-18.916h15.425c0 4.062 1.365 7.363 4.094 9.902 2.73 2.54 6.4 3.81 11.014 3.81 4.782 0 8.55-1.27 11.3-3.81s4.126-6.22 4.126-11.045c0-4.865-1.44-8.61-4.316-11.235-2.878-2.623-7.152-3.936-12.822-3.936H88.76V173.1zM187.598 133.493v12.76h-1.904c-8.633.126-15.53 2.497-20.693 7.108-5.162 4.614-8.23 11.152-9.203 19.615 4.95-5.205 11.277-7.808 18.98-7.808 8.166 0 14.608 2.878 19.328 8.633 4.718 5.755 7.077 13.182 7.077 22.28 0 9.395-2.76 17.002-8.284 22.82-5.52 5.818-12.77 8.73-21.74 8.73-9.226 0-16.705-3.407-22.44-10.222-5.733-6.812-8.6-15.742-8.6-26.787v-5.267c0-16.208 3.945-28.903 11.84-38.086 7.89-9.182 19.242-13.774 34.054-13.774h1.586zM171.03 177.61c-3.386 0-6.485.95-9.3 2.855-2.814 1.904-4.877 4.443-6.188 7.617v4.697c0 6.854 1.438 12.304 4.316 16.345 2.877 4.04 6.602 6.062 11.172 6.062s8.188-1.715 10.854-5.143 4-7.934 4-13.52-1.355-10.135-4.063-13.648c-2.708-3.51-6.304-5.267-10.79-5.267zM271.136 187.447c0 13.29-2.486 23.307-7.46 30.057s-12.535 10.125-22.69 10.125c-9.988 0-17.51-3.292-22.566-9.872-5.058-6.58-7.65-16.323-7.776-29.23V172.53c0-13.287 2.485-23.252 7.458-29.896 4.973-6.643 12.558-9.966 22.757-9.966 10.112 0 17.655 3.237 22.63 9.712 4.97 6.475 7.52 16.166 7.647 29.072v15.995zm-15.425-17.265c0-8.674-1.185-15.033-3.554-19.075-2.37-4.04-6.137-6.062-11.3-6.062-5.035 0-8.738 1.915-11.107 5.745-2.37 3.83-3.62 9.807-3.746 17.932v20.948c0 8.633 1.206 15.064 3.618 19.297s6.2 6.348 11.362 6.348c4.95 0 8.61-1.957 10.98-5.87 2.37-3.915 3.62-10.04 3.746-18.378v-20.885z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-color: rgba(0, 0, 0, 0.5); display: flex; left: 50% !important; top: 50% !important; margin-left: -50px; margin-top: -50px; } .vjs-playing.vjs-has-started.video-js.vjs-xr .vjs-big-play-button { display: none; } .video-js.vjs-xr .vjs-big-play-button .vjs-icon-placeholder::before { display: none; } .video-js.vjs-xr .vjs-big-vr-play-button .vjs-icon-placeholder { display: none } :hover.video-js .vjs-big-vr-play-button { -webkit-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; -moz-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; -ms-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; -o-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; transition: border-color 0.4s, outline 0.4s, background-color 0.4s } .video-js .vjs-big-play-button::before, .video-js .vjs-big-vr-play-button::before { content: '' } .video-js canvas { cursor: move } .video-js .vjs-button-vr .vjs-icon-placeholder { height: 30px; width: 30px; display: inline-block; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI0ZGRkZGRiI+CiAgICA8cGF0aCBkPSJNMjAuNzQgNkgzLjIxQzIuNTUgNiAyIDYuNTcgMiA3LjI4djEwLjQ0YzAgLjcuNTUgMS4yOCAxLjIzIDEuMjhoNC43OWMuNTIgMCAuOTYtLjMzIDEuMTQtLjc5bDEuNC0zLjQ4Yy4yMy0uNTkuNzktMS4wMSAxLjQ0LTEuMDFzMS4yMS40MiAxLjQ1IDEuMDFsMS4zOSAzLjQ4Yy4xOS40Ni42My43OSAxLjExLjc5aDQuNzljLjcxIDAgMS4yNi0uNTcgMS4yNi0xLjI4VjcuMjhjMC0uNy0uNTUtMS4yOC0xLjI2LTEuMjh6TTcuNSAxNC42MmMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTMgMS4xOCAwIDIuMTIuOTYgMi4xMiAyLjEzcy0uOTUgMi4xMi0yLjEyIDIuMTJ6bTkgMGMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTNzMi4xMi45NiAyLjEyIDIuMTMtLjk1IDIuMTItMi4xMiAyLjEyeiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+Cjwvc3ZnPgo=) no-repeat left center } .video-js.vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility .1s,opacity .1s; } /* .video-js .vjs-control-bar { display: none; visibility: hidden; } */ /* .video-js.vjs-xr .vjs-control-bar .vjs-peertube { display: none; } .video-js .vjs-xr .vjs-control-bar { display: flex !important; z-index: 99999; visibility: visible; } .video-js .vjs-xr .vjs-control-bar { opacity: 0; } .vjs-playing.vjs-has-started .vjs-xr .vjs-big-play-button { display: none; opacity: 0; } .vjs-paused.vjs-has-started .vjs-xr .vjs-big-play-button { display: block; opacity: 1; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-xr .vjs-control-bar { visibility: visible; opacity: 1; pointer-events: auto; transition: none; } */.attribute-ebu { font-size: 13px; margin-bottom: 12px; } h1, h2, h3, h4, h5 { font-size: 13px; margin-bottom: 12px; font-weight: 700; } .attribute-label-ebu { min-width: 142px; padding-right: 5px; display: inline-block; color: var(--greyForegroundColor); font-weight: 700; } .attribute-category, .attribute-licence, .attribute-language, .attribute-tags, .attribute-duration, .attribute-privacy { display: none !important; } .col-md-12 { display: flex; flex-wrap: wrap; gap: 1rem; } .col-xl-8 { display: flex; flex-wrap: wrap; gap: 1rem; } .form-group h2 { width: calc(100vw - 240px); } .form-group h3 { width: calc(100vw - 240px); } .form-group h4 { width: calc(100vw - 240px); } .video-info{ overflow: hidden; word-wrap: break-word; } .dynamic-table { width: 80%; border-collapse: collapse; } .label-cell, .value-cell { padding: 3px; text-align: left; border-bottom: 1px solid #ddd; } .label-cell { max-width: 15%; } .value-cell { max-width: 35%; } .empty-row { border: none; border-top: 2px solid; } @media screen and (max-width: 768px) { /* If the screen size is smaller than 768px */ .label-cell, .value-cell { width: 100%; /* Make both label and value cells full width */ } } @media screen and (max-width: 300px) { .label-cell { width: 10%; white-space: nowrap; /* Verhindert das Umbruch von langen Texten */ overflow: hidden; /* Versteckt den überlaufenden Text */ text-overflow: ellipsis; /* Zeigt "..." an, wenn der Text abgeschnitten wird */ } .value-cell { max-width: 35%; flex-shrink: 1; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; /* Zeigt "..." an, wenn der Text abgeschnitten wird */ } } .mainVideo { display:flex; width:100%; height: 100%; justify-content: center; align-content: center; } .minivideo { border: solid rgb(32, 32, 32) 1px; width:250px; display:inline-block; margin:0px; max-width: 50vw; background-color: black; display: flex; align-items: stretch; flex-direction:column; height: 100%; min-height: 100%; } .minivideoContainer { max-height: 250px; display: flex; align-items: stretch; flex-direction:row; } .minivideoText { display: flex; height: 100%; min-height: 3em; max-height: 3em; color: white; } .allVideoContainer { display: flex; flex-flow: column; height: calc(100vh - 50px); max-height: calc(120vw - 50px); background-color: black; } .calendarContainer { display: flex; align-content: center; max-width:100%; flex-direction: column; max-height: 70vh; overflow: auto; width: 100%; border: solid #666 1px; } .calendarInfoDiv { display: flex; flex-direction: row; } .calendarInfoDiv { overflow: hidden; } .calendarDetailsContainer { margin: 5px; } .entryWrapper { overflow-y: visible; height: 4em; width: 100%; } .entryWrapper:last-child, .entryWrapper:hover, .entryWrapper.lastCard { overflow-y: visible; height: 10em; } .calendarCard { right:0%; min-width: 10em; height: 3em; border-radius: 0.2em; border: solid #666 1px; background-color: rgb(255, 255, 255); padding: 0.25em; display: flex; flex-direction: column; align-items: normal; } .dayBreak { margin-top: 0; margin-bottom: 0; } .timeBreak { margin-top: 0; margin-bottom: 0; } .calendarThumbnail { width: 10em; object-fit: contain; object-position: top; } .calendarIntroduction { height: auto; width: auto; color:white; text-align: center; } .calendar-entry { display: flex; color: red; }/* VAST PLUGIN STYLES */ .vjs-ad-playing.vjs-ad-playing .vjs-progress-control { pointer-events:none } .vjs-ad-playing.vjs-ad-playing .vjs-play-progress { background-color:#ffe400 } .vjs-ad-loading .vjs-loading-spinner { display:block; visibility:visible } .vjs-ad-playing .vjs-captions-button { display:none } .vjs-ad-playing .vjs-audio-button { display:none } .vjs-ad-loading .vjs-loading-spinner:before { border-top-color:#fff } .vjs-ad-loading .vjs-loading-spinner:after { border-top-color:#fff; -webkit-animation-delay:0.44s; animation-delay:0.44s } .vjs-ad-loading .vjs-big-play-button, .vjs-ad-loading .vjs-poster, .vjs-ad-content-resuming .vjs-big-play-button, .vjs-ad-content-resuming .vjs-poster { display:none } /* Original @ https://github.com/theonion/videojs-vast-plugin (commit bf6ce85fa763299739f6a7c801b5be4b90b3b363) */ .vast-skip-button { display: block; position: absolute; top: 5px; right: 0; width: auto; background-color: #000; color: #AAA; font-size: 12px; font-style: italic; line-height: 12px; padding: 10px; z-index: 2; } .vast-skip-button.enabled { cursor: pointer; color: #fff; } .vast-skip-button.enabled:hover { cursor: pointer; background: #333; } .vast-remaining-time { display: block; position: absolute; bottom: 35px; left: 75px; width: auto; color: #aaa; font-size: 12px; font-style: italic; line-height: 12px; z-index: 2; } .vast-remaining-time-icon { position: absolute; bottom: 30px; color: #aaa !important; font-size: 20px !important; z-index: 2; } .vast-remaining-time-icon:focus { text-shadow: 0 0 1em #fff; } .vast-remaining-time-icon-play { left: 15px; } .vast-remaining-time-icon-mute { left: 40px; } .vjs-controls-enabled .vast-remaining-time { bottom: 55px; } .vjs-controls-enabled .vast-remaining-time-icon { bottom: 50px; } .vast-blocker { display: block; position: absolute; z-index: 2; margin: 0; padding: 0; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; } .form-group--hidden { display: none !important; } body { --hiveDefaultColor: #585858; --hiveLightColor: #757575; --hiveLighterColor: #888888; --hiveToolsColor: var(--actionButtonColor); --hiveHoverColor: var(--mainColor); --hiveMediumDarkGrey: #383838; } html { scroll-padding-top: 50px; } #custom-css .video-actions .action-button-like { display: none; } #custom-css .video-actions .action-button span { display: none; } #custom-css .video-actions .action-button-dislike { display: none; } #custom-css my-video-comments { display: none; } #custom-css .video-info-likes-dislikes-bar-outer-container { display: none; } #custom-css .likes-dislikes-bar-outer-container { display: none; } #custom-css .likes-dislikes-bar { display: none; } #custom-css .looking-for-account a { color: var(--mainColor); font-weight: 700; } #custom-css .hc-comment-threads a { color: var(--mainColor); font-weight: 700; } #custom-css .notifications a { color: var(--mainColor); font-weight: 700; } #custom-css a.logged-in-display-name { color: var(--mainColor); font-weight: 700; text-decoration: none; } #custom-css div.logged-in-display-name { color: var(--mainColor); font-weight: 700; text-decoration: none; } #custom-css .video-thumbnail-duration-overlay { background-color: rgba(0,0,0,.5); text-align: right; } @media screen and (max-width: 1200px) { .hc-children { margin-left: -10px; } } @media screen and (max-width: 600px) { .hc-children { margin-left: -20px; } } @media screen and (max-width: 480px) { .hc-hide-portrait { display: none !important; } } .count-ico { height:8px; margin-left:1px; margin-right:0.5px; margin-bottom: 2px; } .mediatype-ico { height: 12px; margin-left: 3.5px; margin-right: 0.5px; margin-bottom: 3px; } .hive-hover:hover { color: var(--hiveHoverColor) !important; } .hive-hover:hover path { fill: var(--hiveHoverColor) !important; } .svg-fill-hive-tools path { fill: var(--hiveToolsColor) !important; } .svg-fill-input-placeholder path { fill: var(--inputPlaceholderColor) !important; } .svg-fill-white path { fill: #fff !important; } .svg-fill-default path { fill: var(--hiveLightColor) !important; } .svg-fill-mark path { fill: #e31337 !important; } .svg-fill-mark polygon { fill: #e31337 !important; } .svg-fill-avatar path:nth-child(2) { fill: var(--hiveLightColor) !important; } .svg-fill-selected path { fill: var(--hiveHoverColor) !important; } .svg-hive-logo path { fill: #E31337 !important; } .hc-form { margin-bottom: 30px; display: block; margin-top: 0em; } .hc-avatar-and-textarea { display: flex; margin-bottom: 10px; } .hc-avatar-and-textarea img { -o-object-fit: cover; object-fit: cover; border-radius: 50%; width: 25px; height: 25px; min-width: 25px; min-height: 25px; vertical-align: top; margin-right: 10px; } .hc-avatar-svg { -o-object-fit: cover; object-fit: cover; border-radius: 50%; width: 25px; height: 25px; min-width: 25px; min-height: 25px; vertical-align: top; margin-right: 10px; } .hc-avatar-and-textarea .form-group { flex-grow: 1; margin: 0; position: static !important; } .hc-avatar-and-textarea textarea { display: inline-block; overflow: hidden; height: 32px; width: 100%; border: 1px solid #c6c6c6; border-radius: 3px; color: var(--textareaForegroundColor); background-color: var(--textareaBackgroundColor); padding: 5px 15px; font-size: 15px; min-height: calc(60px - 15px * 2); padding-right: 45px!important; } .hc-avatar-and-textarea textarea:focus { box-shadow: 0 0 0 .2rem var(--mainColorLightest); } .hc-comment-actions { margin-bottom: 20px; display: flex; } .hc-comment-buttons { display: flex; justify-content: flex-end; } .hc-comment-buttons button { border: none; font-weight: 600; font-size: 15px; height: 30px; line-height: 30px; border-radius: 3px; text-align: center; padding: 0 17px 0 13px; cursor: pointer; } .hc-comment-buttons button:not(:last-child) { margin-right: .5rem; } .hc-reply-button { color: var(--mainBackgroundColor); background-color: var(--mainColor); } .hc-cancel-button { color: var(--hiveDefaultColor); background-color: transparent; font-weight: 600; display: inline-block; padding: 0 10px; white-space: nowrap; background: transparent; } .hc-comment-action-retry { color: red; cursor: pointer; margin-right: 0px; font-weight: 700; } .hc-comment-action-discard { color: black; cursor: pointer; margin-right: 0px; font-weight: 500; } .hc-comment-action-reply { color: var(--hiveToolsColor); cursor: pointer; margin-right: 5px; } .hc-comment-action-reply-no-pointer { color: var(--hiveToolsColor); cursor: default; margin-right: 5px; } .hc-keychainify-checked { color: var(--mainColor); font-weight: 700; } .hc-keychainify-checked, .hc-keychainify-checked:visited,.hc-keychainify-checked:hover,.hc-keychainify-checked:active { text-decoration:none; color: var(--mainColor); } .hc-comment-threads { margin-bottom: 20px; } .hc-comment-html { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; /*padding-bottom: 6px; removed june 24*/ margin-bottom: 6px; font-size:16px; /* removed june 24 border-bottom: 2px solid rgba(0,0,0,.05); */ } .hc-comment-html p { margin-bottom: 0px; } .hc-comment-wrapper:hover { background-color: #262626; } .hc-comment-html img { /* max width and max height to 33% of the viewport (images into user comments) */ max-width: 33vw; max-height: 33vh; } .hc-comment { flex-grow: 1; min-width: 1px; } .hc-comment-account-date { display: flex; margin-bottom: 4px; } .hc-comment-account { word-break: break-all; font-weight: 600; font-size: 90%; } .hc-comment-peertube-name { color: var(--mainForegroundColor); font-weight: 600; margin-right: 5px; } .hc-comment-peertube-name-fid { color: var(--mainForegroundColor); opacity: .6; margin-left: 2px !important; font-weight: 500; margin-right: 2px; } .hc-hive-comment-reputation { height: 16px; border-style:solid; border-radius: 12px; border-color: var(--hiveToolsColor); border-width: 1px; margin-bottom: 2px; max-width: 100%; box-sizing: border-box; flex-direction: row; align-items: center; display: inline-flex; padding-right: 6px; padding-left: 6px; color: var(--mainForegroundColor); font-weight: 400; margin-right: 2px; } .hc-comment-account-name { height: 20px; background-color: var(--hiveToolsColor); border-radius: 12px; margin-bottom: 2px; max-width: 100%; box-sizing: border-box; flex-direction: row; align-items: center; display: inline-flex; padding-right: 6px; padding-left: 6px; color: #fff!important; } .hc-comment-date { font-size: 90%; color: var(--hiveToolsColor); margin-left: 7px; text-decoration: none; } .hc-comment-avatar { object-fit: cover; border-radius: 50%; width: 36px; height: 36px; min-width: 36px; min-height: 36px; } .hc-title-page { margin-right: 0; opacity: 1; font-size: 125%; margin-top: 30px; margin-bottom: 25px; color: var(--mainForegroundColor); display: inline-block; font-weight: 600; } .hc-root-comment { font-size: 15px; display: flex; } .hc-left { display: flex; flex-direction: column; align-items: center; margin-right: 10px; } .hc-right { width: 100%; } .hc-vertical-border { width: 2px; height: 100%; background-color: rgba(0,0,0,.05); margin: 10px calc(1rem + 1px); } .hive-tooltip { position:relative; } .hive-tooltip-content-above { top:-200% !important; margin-top:0px !important; } .hive-tooltip-content { position:absolute; font-weight:400; line-height:1.5; font-size:.875rem; top:100%; margin-top:5px; left:50%; transform:translateX(-50%); padding:7px; border-radius:5px; background:var(--mainForegroundColor); color: var(--mainBackgroundColor); z-index: 1070; visibility: hidden; cursor: none; overflow: hidden; } .hive-tooltip:hover .hive-tooltip-content { visibility: visible !important; } #hive-heart .hive-tooltip-content { position:absolute; font-weight:400; line-height:1.5; font-size:.875rem; top:100%; margin-top:5px; transform:translateX(-50%); padding:7px; border-radius:5px; background:var(--mainForegroundColor); color: var(--mainBackgroundColor); z-index: 1070; visibility: hidden; cursor: none; overflow: hidden; } @media (min-width: 768px) { #hive-heart .hive-tooltip-content { left:50%; } } @media (max-width: 767px) { #hive-heart .hive-tooltip-content { left:70%; } } .hive-tooltip-small { position:relative; } .hive-tooltip-content-small { position:absolute; font-weight:400; line-height:1.2; font-size:.75rem; top:100%; margin-top:5px; left:0%; transform:translateX(-10px); padding:4px; border-radius:5px; background:var(--mainForegroundColor); color: var(--mainBackgroundColor); z-index: 1070; visibility: hidden; cursor: none; } .hive-tooltip-small:hover .hive-tooltip-content-small { visibility: visible; } .hive-tooltip-small-right { position:relative; } .hive-tooltip-content-small-right { position:absolute; font-weight:400; line-height:1.2; font-size:.75rem; top:100%; left:0%; transform:translate(1px, -12px); padding:4px; border-radius:5px; background:var(--mainForegroundColor); color: var(--mainBackgroundColor); z-index: 1070; visibility: hidden; cursor: none; } .hive-tooltip-small-right:hover .hive-tooltip-content-small-right { visibility: visible; } .hive-error-message-left { position:absolute; font-weight:400; line-height:1.5; font-size:.875rem; min-width:100px; text-align: center; top:-2px; left:-2px; transform:translateY(-100%); padding:7px; border-radius:5px; border: 1px solid var(--mainForegroundColor); color:var(--mainForegroundColor); background: var(--mainBackgroundColor); z-index: 1070; visibility: hidden; } .hive-error-message-left a { color: var(--mainColor); font-weight: 700; } .hive-info-message { position:absolute; font-weight:400; line-height:1.5; font-size:.875rem; min-width:100px; text-align: center; top:-5px; left:50%; transform:translate(-32%, -100%); padding:7px; border-radius:5px; border: 1px solid var(--mainForegroundColor); color:var(--mainForegroundColor); background: var(--mainBackgroundColor); z-index: 1070; visibility: hidden; } .hive-info-message a { color: var(--mainColor); font-weight: 700; } .hive-error-message { position:absolute; font-weight:400; line-height:1.5; font-size:.875rem; min-width:100px; text-align: center; top:-5px; left:50%; transform:translate(-50%, -100%); padding:7px; border-radius:5px; border: 1px solid var(--mainForegroundColor); color:var(--mainForegroundColor); background: var(--mainBackgroundColor); z-index: 1070; visibility: hidden; } .hive-error-message a { color: var(--mainColor); font-weight: 700; } .hive-fade-out { opacity: 0; transition: opacity 0.5s ease-in; } .hive-fade-in { opacity: 1; transition: opacity 0.5s ease-out; } .hive-fade-out-demo { opacity: 0; transition: opacity 1s ease-in; } .hive-fade-in-demo { opacity: 1; transition: opacity 1s ease-out; } .hc-reply-link { font-size:14px; line-height:21px; margin-left:3px; } @keyframes hcspinkey0-every30s { 0% {transform:rotate(0deg);} 3.33% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey1-every30s { 0% {transform:rotate(0deg);} 3% {transform:rotate(0deg);} 6.33% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey2-every30s { 0% {transform:rotate(0deg);} 6% {transform:rotate(0deg);} 9.33% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey3-every30s { 0% {transform:rotate(0deg);} 9% {transform:rotate(0deg);} 12.33% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey4-every30s { 0% {transform:rotate(0deg);} 12% {transform:rotate(0deg);} 15.33% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey5-every30s { 0% {transform:rotate(0deg);} 15% {transform:rotate(0deg);} 18.33% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey0-every1m { 0% {transform:rotate(0deg);} 1.66% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey1-every1m { 0% {transform:rotate(0deg);} 1.5% {transform:rotate(0deg);} 3.16% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey2-every1m { 0% {transform:rotate(0deg);} 3% {transform:rotate(0deg);} 4.66% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey3-every1m { 0% {transform:rotate(0deg);} 4.5% {transform:rotate(0deg);} 6.16% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey4-every1m { 0% {transform:rotate(0deg);} 6% {transform:rotate(0deg);} 7.66% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey5-every1m { 0% {transform:rotate(0deg);} 7.5% {transform:rotate(0deg);} 9.16% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey0-every2m { 0% {transform:rotate(0deg);} 0.83% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey1-every2m { 0% {transform:rotate(0deg);} 0.75% {transform:rotate(0deg);} 1.58% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey2-every2m { 0% {transform:rotate(0deg);} 1.5% {transform:rotate(0deg);} 2.33% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey3-every2m { 0% {transform:rotate(0deg);} 2.25% {transform:rotate(0deg);} 3.08% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey4-every2m { 0% {transform:rotate(0deg);} 3% {transform:rotate(0deg);} 3.83% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes hcspinkey5-every2m { 0% {transform:rotate(0deg);} 3.75% {transform:rotate(0deg);} 4.58% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } .hc-spin-0 { animation: hcspinkey0-every30s 30s 6, hcspinkey0-every1m 60s 9 180s, hcspinkey0-every2m 120s infinite 720s } .hc-spin-1 { animation: hcspinkey1-every30s 30s 6, hcspinkey1-every1m 60s 9 180s, hcspinkey1-every2m 120s infinite 720s } .hc-spin-2 { animation: hcspinkey2-every30s 30s 6, hcspinkey2-every1m 60s 9 180s, hcspinkey2-every2m 120s infinite 720s } .hc-spin-3 { animation: hcspinkey3-every30s 30s 6, hcspinkey3-every1m 60s 9 180s, hcspinkey3-every2m 120s infinite 720s } .hc-spin-4 { animation: hcspinkey4-every30s 30s 6, hcspinkey4-every1m 60s 9 180s, hcspinkey4-every2m 120s infinite 720s } .hc-spin-5 { animation: hcspinkey5-every30s 30s 6, hcspinkey5-every1m 60s 9 180s, hcspinkey5-every2m 120s infinite 720s } .hc-gift-color { cursor: pointer; } .hc-gift-color path { fill: var(--hiveToolsColor) !important; } .hc-gift-gifted { cursor: pointer; } .hc-gift-gifted path { fill: var(--hiveHoverColor) !important; } @keyframes hcblink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } /* .hc-new-messages { animation: hcblink 0.5s 1; cursor: pointer; } */ @keyframes hcblinkdemo { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } /* .hc-new-messages-demo { animation: hcblinkdemo 1s 1; cursor: pointer; } */ .hc-hidden { display: none; } .hc-greyed { color: var(--inputPlaceholderColor); } .hc-margin-top { margin-top:20px; } @media (max-width: 767px) { .video-actions-rates .video-actions { white-space: nowrap; } .video-info-first-row-bottom my-action-buttons { display:none !important; } } @media (min-width: 768px) { .hc-flex { display: flex !important; width: 100%; } .video-actions-rates { min-width: 250px; } .video-actions-rates .video-actions { white-space: nowrap; transform: scale(1) !important; margin-top: -4px; } .d-md-block .video-info-name { margin-right: 5px !important; flex-shrink: 50; } } .hc-download { width: auto !important; padding: 0px !important; margin-left: 10px !important; line-height: 30px !important; outline:0 !important; } #custom-css .video-actions-rates .dropdown-item { width: auto !important; padding: 0px !important; margin-left: 10px !important; line-height: 30px !important; outline:0 !important; } .hc-overlay-bckg { background: rgba(24,32,40,.94); z-index: 20000; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; } .hc-overlay { transform: translate(-50%,-50%); box-sizing: border-box; background: #fff; position: absolute; top: 50%; left: 50%; width: 95%; max-width: 640px; max-height: 100vh; overflow-y: auto; border-radius: 2px; } @media (min-width: 768px) { .hc-overlay { width: 80%; } } .hc-ov-action { position: absolute; top: 12px; right: 12px; } .hc-ov-action-close { display: inline-block; cursor: pointer; text-align: center; width: 30px; height: 30px; line-height: 42px; border-radius: 50%; } .hc-ov-action-close:hover { background-color: var(--mainColor) !important; } .svg-close-hover:hover path{ fill: #fff !important; } .hc-ov-title { height: 64px; line-height: 64px; border-bottom: 1px solid #eaeaea; padding-left: 32px; padding-right: 64px; font-weight: 500; font-size: 22px; } .hc-ov-content { display: flex; align-items: center; padding-left: 32px; padding-right: 32px; padding-top: 24px; padding-bottom: 24px; line-height: 1.5; font-size: 15px; } .hc-input-group { position: relative; display: table; border-collapse: separate; margin-top:10px; } .hc-form-control { display: table-cell; padding-left: 0px !important; padding-right: 0; border-width: 1px 0; border-bottom-color: #ddd; border-radius: 0; height: 38px; padding: 8px 16px; background-color: transparent; background-image: none; border: 1px solid #ddd; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding-right: 2px; } .hc-input-group .hc-form-control { position: relative; z-index: 2; float: left; width: 95%; margin-bottom: 0px; } .hc-input { border-bottom-right-radius: 0; border-top-right-radius: 0; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; box-shadow: none; } .hc-drop-button { font-weight: 500; text-transform: uppercase; border-width: 0; padding: 5px 14px; color: #333; background-color: #f5f5f5; border-color: transparent; border: 1px solid transparent; width: 80px; } .hc-caret { font-style: normal; font-weight: 400; border: 0; margin: 0; width: auto; height: auto; text-align: center; margin-top: -1px; } .hc-dropdown { width: 5%; display: table-cell; vertical-align: bottom; } .hc-input:focus { position: relative; display: table; border-collapse: separate; border-bottom-color: var(--mainColor); border-bottom-width: 1.5px; } .hc-text-group { position: relative; border-collapse: separate; margin-top:10px; } .hc-text-control { padding-left: 0px !important; padding-right: 0; border-width: 1px 0; border-bottom-color: #ddd; border-radius: 0; height: 38px; padding: 8px 16px; background-color: transparent; background-image: none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding-right: 2px; } .hc-text-group .hc-text-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; } .hc-currency { padding: 8px 16px; cursor: pointer; } .hc-currency:hover { background-color: #EEEEEE; } .text-semibold { font-weight: 600; } .text-size-small { font-size: 13px; } .hc-pull-right { float: right!important; } .well { min-height: 20px; padding: 19px; background-color: #fdfdfd; border: 1px solid #ddd; border-radius: 3px; } .hc-ov-buttons { border-top: 1px solid #eaeaea; margin-top: 20px; padding: 10px 0px; } .hc-button { color: #fff !important; background-color: var(--mainColor) !important; border-color: var(--mainColor) !important; font-size: 15px; } .hc-red { color: red; } .hc-section-title { font-weight: 600; font-size: 16px; margin-bottom: 5px; align-items: center; color: var(--mainForegroundColor); } .hc-block { margin-bottom: 75px; font-size: 15px; } .heart-shrink-comments:active:hover { width: 14px !important; margin-right: 6px !important; } .heart-shrink-main:active:hover { height: 18px !important; } .heart-shrink-list:active:hover { width: 14px !important; margin-right: 1.04px! important; } .hc-grey-button { border: 0; font-weight: 600; font-size: 15px; height: 30px; line-height: 30px; border-radius: 3px!important; text-align: center; padding: 0 14px; background-color: #e5e5e5; color: var(--hiveDefaultColor); margin-right: 10px; white-space: nowrap; } .hc-notification { font-size: inherit; padding: 15px 5px 15px 10px; border-bottom: 1px solid rgba(0,0,0,.1); word-break: break-word; display: flex; align-items: center; } .hc-notification-unread { background-color: rgba(0,0,0,.05); } .notif-icon { width: 24px; margin-right: 11px; margin-left: 3px; } .notif-message { flex-grow: 1; } .notif-date { font-size: .85em; color: var(--hiveDefaultColor); padding-left: 5px; min-width: 70px; text-align: right; margin-left: auto; } .hc-unread-notifications, .hc-hive-unread-notifications { margin-left: 20px; position: absolute; top: 6px; left: 0; display: flex; align-items: center; justify-content: center; background-color: var(--mainColor); color: #fff; font-size: 10px; font-weight: 600; border-radius: 15px; width: 15px; height: 15px; } .hc-my-notification { margin-left: auto; margin-right: 15px; } .hc-notification-inbox-popover { cursor: pointer; position: relative; transition: all .1s ease-in-out; border-radius: 25px; padding: 10px; } .hc-notification-inbox-popover:hover{ background-color: hsla(0,0%,100%,.15); } .hc-bell { color: grey; transition: color .1s ease-in-out; } .hc-notification-inbox-popover:hover .hc-bell { color: #fff; } @media screen and (max-width: 600px) { .hc-notifications-responsive { width: 350px !important; } } .hc-no-notif { display: flex; align-items: center; justify-content: center; padding: 20px 0; } .hc-small-link { font-size: 12.8px; } .popover-notifications.popover .popover-body .content>my-user-notifications-hive:nth-child(2) { overflow-y: auto; flex-grow: 1; } .popover-notifications.popover .popover-body { padding: 0; font-size: 14px; font-family: Source Sans Pro,sans-serif; width: 400px; box-shadow: 0 2px 6px rgb(0 0 0 / 30%); } .popover-notifications.popover .popover-body .content { max-height: 150px; transition: max-height .15s ease-out; display: flex; max-height: 500px; height: 500px; flex-direction: column; } .popover-notifications.popover .popover-body .notifications-header { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,.1); align-items: center; padding: 0 12px; font-size: 14px; font-weight: 700; color: rgba(0,0,0,.5); text-transform: uppercase; min-height: 40px; } .popover-notifications.popover { max-width: none; left: 7px!important; } .popover-notifications.popover .popover-body .notifications-header a, .popover-notifications.popover .popover-body .notifications-header button { color: rgba(20,20,20,.5); } .notif-message a { color: var(--mainColor); font-weight: 700; } .hc-mark-all-icon { position: relative; width: 20px; margin-right: 3px; top: -1px; } .hc-stat { text-align: center; margin-bottom: 1em; overflow: hidden; } .hc-stat .hc-stat-value { font-size: 2.25em; line-height: 1em; margin: 0; } .hc-stat .hc-stat-label { font-size: 1.15em; margin: 0; } .hc-stat .glyphicon { opacity: .12; position: absolute; left: 16px; top: -10px; } .blur-and-show { animation: hc-blur 8s; -webkit-animation: hc-blur 8s; -moz-animation: hc-blur 8s; } @keyframes hc-blur { 0%, 70% { -webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px); } 100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } } .hc-login-buttons-block { margin: 30px 25px 35px; } .hc-login-buttons-block > a { display: block; width: 100%; } @media (min-width: 768px) { .video-miniature.display-as-row .video-miniature-information .video-miniature-created-at-views { width: 270px !important; } } .hc-label { font-weight: 400; font-size: 100%; } .hc-input-hive { padding: 0 15px; height: 30px; width: 340px; color: var(--inputForegroundColor); background-color: var(--inputBackgroundColor); border: 1px solid #C6C6C6; border-radius: 3px; font-size: 15px; display: block; } /* .video-info .video-info-first-row .video-actions-rates { z-index: 1070; } fix hive tools z-index issues, disable above and add below not on mobile */ @media (min-width: 1024px) { .video-js.vjs-peertube-skin .vjs-control-bar { z-index: auto !important; } .video-js.vjs-peertube-skin .vjs-control-bar .vjs-progress-control { z-index: auto !important; } } .hc-info-box { border: 1px solid #DDDDDD; font-size: 11px; border-radius: 3px; color: var(--inputForegroundColor); width: 340px; caret-color: transparent; cursor: default; padding: 1px 10px; margin-top: 5px; } @media screen and (max-width: 380px) { .hc-info-box { width: 100%; } } .hc-href { color: var(--mainColor); font-weight: 700; } .hc-href-small { color: var(--mainColor); font-weight: 500; font-size: 12px; } .hc-href:hover { color: var(--mainColor); text-decoration: none; } .hc-href-small:hover { color: var(--mainColor); text-decoration: none; } .hc-table { border: 1px solid #EEEEEE; } .hc-table th, td { border: 1px solid #EEEEEE; padding: 3px; } .hc-input-dashboard { border: 1px solid var(--mainBackgroundColor)!important; box-shadow: #0000001a 0 1px 20px; width: 48px; padding: 2px 5px; margin-bottom: 8px; } .hc-row:hover { background: var(--greyBackgroundColor); opacity:0.9; } .dashboard-a { color: currentColor; box-sizing: border-box; display: block; font-size: 1.2rem; padding: 9px 12px; text-align: initial; text-transform: unset; width: 100%; top: 1px; } dashboard-a:hover, dashboard-a:visited, dashboard-a:link, dashboard-a:active { text-decoration: none; } .hc-select { padding: 0 35px 0 12px; position: relative; border: 1px solid #C6C6C6; background: var(--mainBackgroundColor); cursor: pointer; height: 30px; text-overflow: ellipsis; color: var(--mainForegroundColor); } .hc-system-icon { margin-inline-end: 10px; width: 23px; opacity: .7; position: relative; top: -1px; } .hc-textarea-comment { overflow: auto !important; } .hc-sign-link { color: var(--menuBackgroundColor); font-size: 20px; font-weight: 800; letter-spacing: 1.5px; text-decoration: none; } .hc-sign-link:hover { text-decoration: none; color: var(--mainHoverColor); } textarea#import-scripts { width: 100%; } .ht-log-job { cursor:pointer; } .hc-label-small-info { font-style: italic; margin-bottom: 10px; font-size: 13px; } .hc-import-scripts-box { background: var(--greyBackgroundColor); padding: 10px; width: 360px; } @media (min-width: 768px) { .hc-icon { padding: 6px 15px !important; top: -1px; } } .hc-tor-fields { background: var(--greyBackgroundColor); width: 370px; padding: 4px 8px 6px 14px !important; margin-bottom: 0px !important; } .hc-form-group-checkbox input + span { position: relative; width: 18px; min-width: 18px; height: 18px; border: 1px solid #C6C6C6; border-radius: 3px; vertical-align: middle; cursor: pointer; } .hc-form-group-checkbox input + span:after { content: ""; position: absolute; top: 1px; left: 5px; width: 5px; height: 12px; opacity: 0; transform: rotate(45deg) scale(0); border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .hc-form-group-checkbox input + span + span { margin-inline-start: 5px; font-size: 15px; font-weight: 400; cursor: pointer; display: inline; } .hc-form-group-checkbox input:checked + span { border-color: transparent; background: var(--mainColor); animation: jelly .6s ease; } .hc-form-group-checkbox { display: flex; align-items: center; margin-bottom: 0; } .hc-form-group-checkbox input { opacity: 0; position: absolute; } .hc-form-group-checkbox input:checked + span:after { opacity: 1; transform: rotate(45deg) scale(1); } .hc-form-group-checkbox input:focus + span { box-shadow: 0 0 0 0.2rem var(--mainColorLightest); } .hc-exclamation { height: 14px; margin-bottom: 2px; margin-right: 5px; } .hc-exclamation path { fill: #FEEEED !important; } .svg-button-parent svg.svg-button { position: absolute; left: 0; top: 0; fill: none; stroke: #fff; stroke-dasharray: 150 480; stroke-dashoffset: 150; stroke-width:3; pointer-events: none; } svg.svg-button { margin-top: -1px; margin-left: -1px; } /* .svg-button-parent:hover svg.svg-button { animation: hcbuttonhover 1s; } @keyframes hcbuttonhover { 0% {stroke-dashoffset: 150;} 100% {stroke-dashoffset: -480;} } */ .hc-button-animation { animation: hcbutton-every30s 30s 6, hcbutton-every1m 60s 9 180s, hcbutton-every2m 120s infinite 720s } @keyframes hcbutton-every30s { 0% {stroke-dashoffset: 150;} 10% {stroke-dashoffset: 150;} 13.33% {stroke-dashoffset: -480;} 100% {stroke-dashoffset: -480;} } @keyframes hcbutton-every1m { 0% {stroke-dashoffset: 150;} 5% {stroke-dashoffset: 150;} 6.66% {stroke-dashoffset: -480;} 100% {stroke-dashoffset: -480;} } @keyframes hcbutton-every2m { 0% {stroke-dashoffset: 150;} 2.5% {stroke-dashoffset: 150;} 3.33% {stroke-dashoffset: -480;} 100% {stroke-dashoffset: -480;} } .btn-group-subscribe.hive-handled.unsubscribe-button svg.svg-button.hc-button-animation { display: none; } .btn-group-subscribe.hive-handled.hive-unsubscribe-button svg.svg-button.hc-button-animation { display: none; } .hc-disable-click { pointer-events: none; } @keyframes hcspinfeather-every30s { 0% {transform:rotate(0deg) scale(1); color:gray; stroke-width:2;} 2.5% {transform:rotate(180deg) scale(2); color:var(--menuForegroundColor); stroke-width:3;} 5% {transform:rotate(360deg) scale(1); color:gray; stroke-width:2;} 100% {transform:rotate(360deg) scale(1); color:gray; stroke-width:2;} } @keyframes hcspinfeather-every1m { 0% {transform:rotate(0deg) scale(1); color:gray; stroke-width:2;} 1.25% {transform:rotate(180deg) scale(2); color:var(--menuForegroundColor); stroke-width:3;} 2.5% {transform:rotate(360deg) scale(1); color:gray; stroke-width:2;} 100% {transform:rotate(360deg) scale(1); color:gray; stroke-width:2;} } @keyframes hcspinfeather-every2m { 0% {transform:rotate(0deg) scale(1); color:gray; stroke-width:2;} 0.62% {transform:rotate(180deg) scale(2); color:var(--menuForegroundColor); stroke-width:3;} 1.25% {transform:rotate(360deg) scale(1); color:gray; stroke-width:2;} 100% {transform:rotate(360deg) scale(1); color:gray; stroke-width:2;} } .hc-feather-animation { animation: hcspinfeather-every30s 30s linear 6, hcspinfeather-every1m 60s 9 180s, hcspinfeather-every2m 120s infinite 720s } @keyframes hcspin-every3s { 0% {transform:rotate(0deg);} 5% {transform:rotate(180deg);} 10% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } .hc-new-messages { animation: hcspin-every3s 3s linear infinite; cursor: pointer; } .hc-dynamic-views { margin-right: 2.5px; } @keyframes star-rotate { 0% {transform:rotate(0deg); } 100% {transform:rotate(360deg);} } .hive-star { position: absolute; left: 10px; top: 3px; } .hive-star svg { width: 37px; animation: star-rotate 15s linear infinite } .hive-star svg path { fill: var(--mainForegroundColor) !important; } .hc-no-animation { animation: none !important; } .svg-fill-red path { fill: red !important; } .svg-fill-green path { fill: green !important; } .ht-force-hide { display: none !important; } .ht-live-row { margin-right: 10px; font-size: 120%; font-weight: 600; color: var(--mainForegroundColor); } .svg-fill-main path { fill: var(--mainForegroundColor) !important; } @keyframes htfadeframes { 0% { opacity: 1 } 16.66% { opacity: 0 } 33.33% { opacity: 1 } 100% { opacity: 1 } } .ht-fade { opacity: 1; animation: htfadeframes 3s infinite } .svg-fill-help path { color: var(--mainForegroundColor) !important; } .svg-fill-help line { color: var(--mainForegroundColor) !important; } .svg-fill-help circle { color: var(--mainForegroundColor) !important; } .link-orange { border-bottom: none !important; } .hc-all-notifications { display: flex; align-items: center; justify-content: center; font-weight: 600; color: #212529; padding: 7px 0; margin-top: auto; text-decoration: none; } .pt-custom-login a { color: var(--mainColor); font-weight: 700; opacity: .8; } .pt-custom-login a:hover { color: var(--mainHoverColor); } my-about-follows > .row > div { margin-bottom: 10px; } .follows-h2 { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .hc-a-follows { display: block; width: -moz-fit-content; width: fit-content; margin-top: 3px; } .hc-hover-cursor:hover { cursor: pointer; } .hc-transparent-div { background-color: transparent !important; } .hc-transparent-div:hover { background-color: transparent !important; } .hc-checkbox { vertical-align: middle; accent-color: var(--mainColor); height: 1em; width: 1em; display:block; } .hc-account-el { font-size: 90%; font-weight: 400; } .hc-account-el a { font-weight: 500; color: var(--colorLighter); } .hc-account-el a:hover { color: var(--colorBright); } .video-actions span.custom-action.dropdown-item { color: var(--hiveToolsColor); } @keyframes border-flash-theme { from, to { outline: solid transparent 1px; } 50% { outline: solid var(--colorBright) 1px; } } @keyframes text-flash-theme { from, to { color: var(--bs-btn-color); } 50% { color: var(--colorBright); } } .copyButtonFlashTheme { outline: none; animation: 0.3s ease-in-out 0.1s 3 border-flash-theme, 0.3s ease-in-out 0.1s 3 text-flash-theme; } @keyframes border-flash-no-theme { from, to { outline: solid transparent 1px; } 50% { outline: solid var(--mainColor) 1px; } } @keyframes text-flash-no-theme { from, to { color: var(--bs-btn-color); } 50% { color: var(--mainColor); } } .copyButtonFlashNoTheme { outline: none; animation: 0.3s ease-in-out 0.1s 3 border-flash-no-theme, 0.3s ease-in-out 0.1s 3 text-flash-no-theme; } .ht-loading-state { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999; display: flex; justify-content: center; align-items: center; } .ht-loading { width: 100px; height: 100px; border-radius: 50%; border: 8px solid var(--hiveToolsColor); border-top-color: var(--mainColor); animation: htloading 1s linear infinite; } @keyframes htloading { to { transform: rotate(360deg); } } .eye-hover:hover { color: var(--mainForegroundColor) !important; } .hc-podcast-label { font-weight: 600; margin-right: 5px; display: inline; } .hc-podcast-input { line-height: 23px; font-size: 15px; padding: 3px 8px; color: var(--inputForegroundColor); background-color: var(--inputBackgroundColor); border: 1px solid var(--inputBorderColor); border-radius: 3px; display: inline; } @media (min-width: 768px) { .hc-mobile { display: none; } } .hc-peertube-avatar { width: 36px; height: 36px; min-width: 36px; min-height: 36px; background-color: #939393; object-fit: cover; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; font-weight: 400; } .hc-peertube-account-link { text-decoration: none !important; font-weight: 600 !important; } .hc-avatar-blue { background-color: #009FD4; } .hc-avatar-green { background-color: #00AA55; } .hc-avatar-purple { background-color: #B381B3; } .hc-avatar-gray { background-color: #939393; } .hc-avatar-yellow { background-color: #AA8F00; } .hc-avatar-orange { background-color: #D47500; } .hc-avatar-red { background-color: #E76E3C; } .hc-avatar-dark-blue { background-color: #0A3055; } .hive-login-box { flex: 0 0 49%; background-color: var(--hiveMediumDarkGrey); border-radius: 5px; color: white; padding: 10px; font-size: calc(14px + 0.5vw); } @media (orientation: portrait) { .hive-login-boxl { flex-basis: 98%; } } .hc-login-input { line-height: 23px; font-size: 15px; padding: 3px 15px; display: inline-block; width: 100%; max-width: 100%; border: 1px solid var(--inputBorderColor); border-radius: 3px; color: var(--inputForegroundColor) !important; background-color: var(--inputBackgroundColor) !important; box-shadow: none !important; } .login-form-and-externals { margin-inline-start: 0px !important; max-width: 900px !important; } .instance-information { max-width: 400px !important; min-width: 100px !important; } @media screen and (min-width: 1600px) { .login-form-and-externals { max-width: 1200px !important; } .instance-information { max-width: 600px !important; } } @media screen and (max-width: 640px) { .main-col.expanded my-login .wrapper { flex-direction: column !important; } } @media screen and (min-width: 1600px) { .peertube-select-radio.advanced-filters { margin-left: 35px !important; } } .give-it-button { font-size: 30px; } @media screen and (max-width: 800px) { .give-it-button { font-size: 20px; } } .login-msg-box { padding:30px 15px; font-size: calc(12px + 0.5vw); } .login-msg-box > span { font-weight:700; display:block; margin-bottom:10px; } my-login .margin-content > .wrapper { max-width: none !important; } #json-categories-as-text { border: 1px solid #c6c6c6; color: var(--textareaForegroundColor); padding: 5px 15px; background-color: var(--markdownTextareaBackgroundColor); font-family: monospace; font-size: 13px; border-bottom: 0; border-radius: 3px 3px unset unset; width: 100%; } #json-categories-as-text.error { border-color: red; color: red; border-bottom: 1px solid; } #categories-table th { border-color: currentcolor; border-bottom: none; border: var(--submenuBackgroundColor); border-bottom: 1px solid var(--submenuBackgroundColor); padding: 5px; font-weight: 600; color: var(--mainForegroundColor); } #categories-table tr { outline: 0; background-color: var(--mainBackgroundColor); } #categories-table tbody tr:nth-child(odd) { background-color: var(--submenuBackgroundColor); } #categories-table td { padding: 5px; } #categories-table .category__deleted { text-decoration: line-through; color: red; } #categories-table .category__added { color: green; } /* Override `.vjs-menu li { text-transform: lowercase; }`, from video-js.css */ #peertube-plugin-chapters-menu li { text-transform: none; } #peertube-plugin-chapters-menu { width: max-content; max-width: 18em; max-height: 20em; } #peertube-plugin-chapters-menu li:not(:first-child) { padding-left: 1em; padding-right: 1em; text-align: left; }