mediacms/static/css/media.css

7 lines
81 KiB
CSS
Raw Normal View History

.player-container{overflow:hidden;background:#000}
2022-08-22 16:40:54 +02:00
.comments-form-inner .form .form-textarea-wrap{border-color:var(--comments-textarea-wrapper-border-color)}.comments-form-inner .form .form-textarea-wrap:after{background-color:var(--comments-textarea-wrapper-after-bg-color)}.comments-form-inner .form .form-textarea,.comments-form-inner .form .form-textarea__input,.comments-form-inner .form .form-textarea__suggestions__list{color:var(--comments-textarea-text-color)}.comments-form-inner .form .form-textarea:placeholder,.comments-form-inner .form .form-textarea__input:placeholder,.comments-form-inner .form .form-textarea__suggestions__list:placeholder{color:var(--comments-textarea-text-placeholder-color)}.comments-form-inner .form .form-textarea__suggestions__list{background-color:var(--body-bg-color)}.comments-form-inner .form strong{background-color:var(--comment-text-mentions-background-color-highlight)}.comments-list-inner{border-color:var(--comments-list-inner-border-color)}.comment-author{color:var(--comment-author-text-color)}.comment-author a{color:var(--comment-author-text-color)}.comment-date{color:var(--comment-date-text-color);-webkit-text-decoration-color:var(--comment-date-text-color);-moz-text-decoration-color:var(--comment-date-text-color);text-decoration-color:var(--comment-date-text-color)}.comment-date a{color:var(--comment-date-text-color);-webkit-text-decoration-color:var(--comment-date-text-color);-moz-text-decoration-color:var(--comment-date-text-color);text-decoration-color:var(--comment-date-text-color)}.comment-date a:hover{color:var(--comment-date-hover-text-color);-webkit-text-decoration-color:var(--comment-date-hover-text-color);-moz-text-decoration-color:var(--comment-date-hover-text-color);text-decoration-color:var(--comment-date-hover-text-color)}.comment-text{color:var(--comment-text-color)}.comment-actions button:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.comment-actions .circle-icon-button{background-color:var(--body-bg-color)}.comment-actions .material-icons:hover,.comment-actions .material-icons:focus{color:var(--comment-actions-material-icon-text-color)}.comment-actions .likes-num,.comment-actions .dislikes-num{color:var(--comment-actions-likes-num-text-color)}.comment-actions .reply-comment>button{color:var(--comment-actions-reply-button-text-color);background:none}.comment-actions .reply-comment>button:hover,.comment-actions .reply-comment>button:focus{color:var(--comment-actions-reply-button-hover-text-color)}.comment-actions .reply-comment>button:hover .material-icons,.comment-actions .reply-comment>button:focus .material-icons{color:var(--comment-actions-reply-button-hover-text-color)}.comment-actions .remove-comment .popup-message-bottom button.cancel-comment-removal{color:var(--comment-actions-cancel-removal-button-text-color)}.comment-actions .remove-comment .popup-message-bottom button.cancel-comment-removal:hover,.comment-actions .remove-comment .popup-message-bottom button.cancel-comment-removal:focus{color:var(--comment-actions-cancel-removal-button-hover-text-color)}.comment-actions .remove-comment .popup-message-bottom button.cancel-comment-removal:hover .material-icons,.comment-actions .remove-comment .popup-message-bottom button.cancel-comment-removal:focus .material-icons{color:var(--comment-actions-cancel-removal-button-hover-text-color)}.comments-form{position:relative;margin:0 0 1.5rem}.comments-form-inner{min-height:40px}.comments-form-inner .thumbnail{position:absolute;top:0;left:0;margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.comments-form-inner .form{position:relative;width:100%;padding-left:56px}.comments-form-inner .form .form-textarea-wrap{position:relative;display:block;padding:0 0 .3em;border-style:solid;border-width:0 0 1px}.comments-form-inner .form .form-textarea-wrap:after{content:" ";display:block;visibility:hidden;opacity:0;position:absolute;bottom:-1px;left:0;width:100%;height:2px;-webkit-transition:opacity .2s;-o-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}.comments-form-inner .form .form-textarea-wrap.focused:after{visi
.playlist-form-field.playlist-title.focused:after,.playlist-form-field.playlist-description.focused:after{background-color:var(--playlist-form-title-focused-bg-color)}.playlist-privacy{border-color:var(--playlist-privacy-border-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn{color:var(--playlist-form-cancel-button-text-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn:hover,.playlist-form-wrap .playlist-form-actions button.cancel-btn:focus{color:var(--playlist-form-cancel-button-hover-text-color)}.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{color:var(--playlist-form-field-text-color);border-color:var(--playlist-form-field-border-color)}.playlist-form-wrap textarea:focus,.playlist-form-wrap input[type=text]:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.playlist-form-field.playlist-title,.playlist-form-field.playlist-description{position:relative}.playlist-form-field.playlist-title.focused:after,.playlist-form-field.playlist-description.focused:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block}.playlist-form-field.playlist-title.invalid:after,.playlist-form-field.playlist-description.invalid:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block;background-color:rgba(255,0,0,.8)}.playlist-privacy{padding-bottom:12px;border-style:solid;border-width:0 0 1px}.playlist-form-wrap .playlist-form-field{position:relative;margin:0 24px;margin-top:16px}.playlist-form-wrap .playlist-form-label{display:block;font-size:12px;line-height:20px;letter-spacing:.132px}.playlist-form-wrap .playlist-form-actions{position:relative;display:inline-block;width:100%;float:left;margin-top:4px;padding:8px}.playlist-form-wrap .playlist-form-actions button{height:40px;padding:10px 16px;font-size:14px;line-height:20px;letter-spacing:.007px;font-weight:500;border-width:0;background:none;position:relative;width:auto;float:left}.playlist-form-wrap .playlist-form-actions button.create-btn{float:right;color:var(--theme-color, var(--default-theme-color))}.playlist-form-wrap label,.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{display:block;width:100%}.playlist-form-wrap textarea{min-width:100%;max-width:100%;min-height:21px;height:24px;line-height:21px;overflow-y:hidden;overflow-wrap:break-word;vertical-align:baseline;resize:none}.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{padding:0px 0 2px 0;font-size:14px;line-height:20px;border-width:0 0 1px;background:none;outline:0}.playlist-form-wrap textarea::-webkit-input-placeholder, .playlist-form-wrap input[type=text]::-webkit-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea:-moz-placeholder, .playlist-form-wrap input[type=text]:-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::-moz-placeholder, .playlist-form-wrap input[type=text]::-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea:-ms-input-placeholder, .playlist-form-wrap input[type=text]:-ms-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::-ms-input-placeholder, .playlist-form-wrap input[type=text]::-ms-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::placeholder,.playlist-form-wrap input[type=text]::placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea:-ms-input-placeholder,.playlist-form-wrap input[type=text]:-ms-input-placeholder{color:#909090}.playlist-form-wrap textarea::-ms-input-placeholder,.playlist-form-wrap input[type=text]::-ms-input-placeholder{color:#909090}.playlist-form-wrap input[type=radio]{margin-right:16px;vertical-align:middle}.playlist-form-wrap label{padding:4px 0;font-size:14px;line-height:21px;cursor:pointer}
.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup{color:var(--playlist-save-popup-text-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-new-playlist{border-color:var(--playlist-save-popup-border-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title .circle-icon-button:hover,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title .circle-icon-button:focus,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title .circle-icon-button:active{color:var(--playlist-save-popup-text-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create{color:var(--playlist-save-popup-text-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create .material-icons{color:var(--playlist-save-popup-create-icon-text-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create:focus>*{background-color:var(--playlist-save-popup-create-focus-bg-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen{padding-top:64px;padding-bottom:8px}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup{max-width:280px;padding:0}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-new-playlist{border-width:1px 0 0;border-style:solid}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title{height:52px;padding:16px 52px 15px 24px;line-height:20px;font-size:16px}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title .circle-icon-button{position:absolute;top:6px;right:6px;background:none}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select{overflow:auto;padding:12px 18px 12px 24px}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select>*{width:100%}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label{position:relative;display:table;width:100%;padding:4px 0;font-size:14px;line-height:24px;cursor:pointer}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label>*{display:table-cell}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label input[type=checkbox]{display:inline-block}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label span{width:100%;padding:0 4px 0 16px;text-align:initial}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label .material-icons{width:18px;padding-top:4px;text-align:right;font-size:18px;vertical-align:top;color:#909090}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create{width:100%;height:52px;font-size:14px;line-height:21px;text-align:initial;background:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create>*{padding:0 24px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create
.playlist-view{border:1px solid rgba(0,0,0,.1)}.dark_theme .playlist-view{border:1px solid rgba(255,255,255,.1)}.playlist-view .playlist-header{background-color:var(--playlist-view-header-bg-color)}.playlist-view .playlist-header .toggle-playlist-view{color:var(--playlist-view-header-toggle-text-color);background-color:var(--playlist-view-header-toggle-bg-color)}.playlist-view .playlist-title a{color:var(--playlist-view-title-link-text-color)}.playlist-view .playlist-meta{color:var(--playlist-view-meta-text-color)}.playlist-view .playlist-meta .counter{color:var(--item-meta-text-color)}.playlist-view .playlist-meta a{color:var(--playlist-view-meta-link-color)}.playlist-view .playlist-meta a:hover{color:var(--playlist-view-meta-link-hover-text-color)}.playlist-view .playlist-status{color:var(--playlist-view-status-text-color);background-color:var(--playlist-view-status-bg-color)}.playlist-view .playlist-status .material-icons{color:var(--playlist-view-status-icon-text-color)}.playlist-view .playlist-actions{background-color:var(--playlist-view-actions-bg-color)}.playlist-view .playlist-actions .circle-icon-button{background-color:var(--playlist-view-actions-bg-color)}.playlist-view .playlist-media{background-color:var(--playlist-view-media-bg-color)}.playlist-view .playlist-media .item-order-number{color:var(--playlist-view-media-order-number-color)}.playlist-view .playlist-media .item-main{line-height:1}.playlist-view .playlist-media .item-main h3{color:var(--playlist-view-item-title-text-color)}.playlist-view .playlist-media .item-main h3 span{line-height:var(--playlist-item-title-line-height);max-height:-webkit-calc(var(--horizontal-item-title-max-lines) * var(--playlist-item-title-line-height));max-height:-moz-calc(var(--horizontal-item-title-max-lines) * var(--playlist-item-title-line-height));max-height:calc(var(--horizontal-item-title-max-lines) * var(--playlist-item-title-line-height));background-color:var(--playlist-view-media-bg-color);background-color:transparent}.playlist-view .playlist-media .item-meta{line-height:1.230769231em;color:var(--item-meta-text-color)}.playlist-view-wrap{position:relative;display:block;margin-bottom:24px}.playlist-view{display:block}.playlist-view a{text-decoration:none}.playlist-view .playlist-header{position:relative;padding:12px 16px}.playlist-view .playlist-header .toggle-playlist-view{position:absolute;top:15px;right:17px;width:30px;height:30px}.playlist-view.playlist-expanded-view .playlist-header{padding-bottom:0}.playlist-view .playlist-title{font-size:14px;font-weight:500;line-height:16px}.playlist-view .playlist-meta{margin-top:4px;font-size:12px;line-height:15px}.playlist-view .playlist-status{position:relative;display:inline-block;margin-right:8px;padding:2px 4px;font-size:12px;font-weight:500;line-height:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.playlist-view .playlist-status .material-icons{font-size:13px;display:inline-block;margin:0 3px 0 0}.playlist-view .playlist-status div{position:relative;display:inline-block}.playlist-view .playlist-status div:first-letter{text-transform:capitalize}.playlist-view .playlist-actions{padding:0 16px 0 8px}.playlist-view .playlist-actions .circle-icon-button{display:inline-block;margin-left:8px}.playlist-view .playlist-actions .circle-icon-button.active{color:var(--theme-color, var(--default-theme-color))}.playlist-view .playlist-actions .circle-icon-button.add-to-playlist{float:right}.playlist-view .playlist-actions .circle-icon-button:first-child{margin-left:0}.playlist-view .playlist-media{max-height:415px;padding:4px 0;overflow:auto}.playlist-view .playlist-media .items-list-outer{max-width:100%}.playlist-view .playlist-media .item{position:relative;padding:4px 8px 4px 28px;max-width:100%;margin:0;-webkit-transition:background-color .05s linear;-o-transition:background-color .05s linear;-moz-transition:background-color .05s linear;transition:background-color .05s linear}.playlist-view .playlist-media .item:hover,.playlist-view .playlist-media .item.pl-active-item{background-color:var(--nav-menu-it
.visible-sidebar .page-main-wrap{padding-left:0}.media-author-actions .popup-message-bottom button.cancel-comment-removal{color:var(--media-author-actions-popup-bottom-cancel-removal-button-text-color)}.media-author-actions .popup-message-bottom button.cancel-comment-removal:hover,.media-author-actions .popup-message-bottom button.cancel-comment-removal:focus{color:var(--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color)}.media-author-actions .popup-message-bottom button.cancel-comment-removal:hover .material-icons,.media-author-actions .popup-message-bottom button.cancel-comment-removal:focus .material-icons{color:var(--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:hover,.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:focus{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:hover .material-icons,.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:focus .material-icons{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color)}.media-title-banner{border-color:var(--media-title-banner-border-color)}.media-title-banner .media-labels-area .media-label-state>*{color:var(--media-title-labels-area-text-color);background-color:var(--media-title-labels-area-bg-color)}.media-title-banner .media-labels-area .helper-icon .material-icons{color:var(--media-title-labels-area-text-color)}.media-title-banner .media-views{color:var(--media-title-views-text-color)}.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button:focus>*{background-color:var(--media-actions-not-popup-circle-icon-focus-bg-color)}.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button:active>*{background-color:var(--media-actions-not-popup-circle-icon-active-bg-color)}.media-title-banner .media-actions>*>*.like:before,.media-title-banner .media-actions>*>*.dislike:before{border-color:var(--media-actions-like-before-border-color)}.media-title-banner .media-actions>*>*.share .share-popup-title{color:var(--media-actions-share-title-text-color)}.media-title-banner .media-actions>*>*.share .share-options .previous-slide .circle-icon-button,.media-title-banner .media-actions>*>*.share .share-options .next-slide .circle-icon-button{color:var(--media-actions-share-options-nav-button-text-color)}.media-title-banner .media-actions>*>*.share .share-options .sh-option a,.media-title-banner .media-actions>*>*.share .share-options .sh-option button{color:var(--media-actions-share-options-link-text-color)}.media-title-banner .media-actions>*>*.share .copy-field>div{border-color:var(--media-actions-share-copy-field-border-color);background-color:var(--media-actions-share-copy-field-bg-color)}.media-title-banner .media-actions>*>*.share .copy-field input[type=text]{color:var(--media-actions-share-copy-field-input-text-color)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{background-color:var(--media-actions-more-options-popup-bg-color)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-opt