1 line
6.1 KiB
CSS
1 line
6.1 KiB
CSS
.Header_header__U4Ro1{position:-webkit-sticky;position:sticky;top:0;justify-content:space-between;z-index:1;padding:.5rem 1rem;background-color:var(--default-bg-color)}.Header_header__U4Ro1,.Header_header__U4Ro1 .Header_logo__HLZ6Z{display:flex;align-items:center}.Header_header__U4Ro1 .Header_logo__HLZ6Z span{margin-left:1rem;font-size:1.7rem;font-weight:600}.ChatContainer_chatHeader__EJsYI{text-align:center;padding:5px 0;color:var(--text-color-secondary);border-bottom:1px solid var(--color-owncast-gray-700);font-variant:small-caps}.ChatUserMessage_root__79heB{font-size:.9rem;padding:5px 5px 5px 1rem;margin:8px 5px;border-left:2px solid}.ChatUserMessage_root__79heB .ChatUserMessage_user__xUEp9{font-weight:700;color:var(--color-owncast-grey-100)}.ChatUserMessage_root__79heB .ChatUserMessage_message__MJ9LD{color:var(--color-owncast-grey-100)}.ChatTextField_root__4oUkJ{position:absolute;bottom:0;width:100%;padding:.3rem;color:var(--text-secondry);overflow-x:hidden}.ChatTextField_root__4oUkJ div[role=textbox]{font-size:.9rem;padding:.6rem calc(.6rem + 44px) .6rem .6rem;border-radius:.35rem;background-color:var(--color-owncast-gray-700)}.ChatTextField_root__4oUkJ div[role=textbox]>p{margin:0}.ChatTextField_inputWrapper__qBEWv{display:flex;position:relative}.ChatTextField_emojiButton__ON_Cu{border:none;background:none;cursor:pointer;padding:0 1rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ChatTextField_emojiButton__ON_Cu svg{fill:var(--color-owncast-gray-300)}.ChatTextField_submitButtonWrapper__YBPMe{display:flex;padding:6px 0;justify-content:flex-end}.Sidebar_root__8HE0A{background-color:var(--theme-background-secondary);display:none;--header-h:64px}@media(min-width:768px){.Sidebar_root__8HE0A{position:-webkit-sticky;position:sticky;top:var(--header-h);display:block;max-height:calc(100vh - var(--header-h))}}.Sidebar_root__8HE0A>div{display:flex;flex-flow:column nowrap;flex-grow:1!important;height:100%!important}.Player_player__6VqUk{height:80vh;width:100%}.VideoPoster_poster__YgWm_{background-color:#000;display:flex;justify-content:center}.ActionButtons_row__asg2y{margin:5px;display:flex;align-items:center;justify-content:flex-end}.ActionButtons_row__asg2y button{margin-left:5px;margin-right:5px}.ActionButton_button__8GQFL{margin:3px}.ActionButton_button__8GQFL .ActionButton_icon__g9rfM{width:20px;margin-right:3px}.Statusbar_statusbar__AtVnB{display:flex;align-items:center;padding-left:10px;padding-right:10px;justify-content:space-between;height:30px;width:100%;background-color:var(--theme-background-secondary)}.SocialLinks_link___CcSm{width:2em;margin-right:4px}.SocialLinks_links__gOAb7{display:flex;align-items:center;justify-content:flex-start;margin-top:5px}.NotifyReminderPopup_contentbutton__a_tsp{background-color:transparent;border:none;text-align:left;cursor:pointer}.NotifyReminderPopup_closebutton__GVcP3{position:absolute;right:10px;top:10px;background-color:transparent;border:none;font-size:20px;cursor:pointer}.NotifyReminderPopup_title__Dm9Iy{border-bottom:none;font-weight:700;padding-left:5px}.Logo_logo__n8op4{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:120px;height:120px;border-radius:50%;border-width:3px;border-style:solid;border-color:var(--theme-primary-color);background-color:var(--theme-background-secondary)}.Logo_container__A4UYT{width:90%;height:90%;border-radius:50%;overflow:hidden}.Logo_image__Ahkom{width:100%;height:100%;background-size:cover;background-position:50%;overflow:hidden}.CategoryIcon_icon__bz_hO>path{width:10px;fill:var(--text-color)}.OfflineBanner_outerContainer__3AbsB{width:100%;display:flex;justify-content:center}.OfflineBanner_innerContainer__zTm13{display:flex;flex-direction:column;width:50%;background-color:var(--theme-background-secondary);margin:2vw;border-radius:var(--theme-rounded-corners);padding:25px}.OfflineBanner_header__Vu20o{font-weight:700}.OfflineBanner_footer__o3Zl5{margin-top:20px}.BrowserNotifyModal_pushPreview__87oXX{border-style:dashed;border-width:2px;width:30vw}.BrowserNotifyModal_pushPreview__87oXX .BrowserNotifyModal_inner__M7joz{margin:10px;padding:15px;background-color:#fff;box-shadow:2px 6px 7px 0 #87898d}.BrowserNotifyModal_pushPreview__87oXX .BrowserNotifyModal_inner__M7joz .BrowserNotifyModal_title__mtuWS{font-weight:700}.BrowserNotifyModal_pushPreview__87oXX .BrowserNotifyModal_inner__M7joz .BrowserNotifyModal_permissionLine__6BMbw{margin-top:5px}.BrowserNotifyModal_pushPreview__87oXX .BrowserNotifyModal_inner__M7joz .BrowserNotifyModal_buttonRow__M94pj{display:flex;flex-direction:row;justify-content:flex-end}.BrowserNotifyModal_pushPreview__87oXX .BrowserNotifyModal_inner__M7joz .BrowserNotifyModal_buttonRow__M94pj .BrowserNotifyModal_disabled__ErJzX{cursor:not-allowed;outline-width:1;outline-color:"#e2e8f0";outline-style:"solid";background-color:#fff}.BrowserNotifyModal_pushPreview__87oXX .BrowserNotifyModal_inner__M7joz .BrowserNotifyModal_buttonRow__M94pj .BrowserNotifyModal_allow__6VHkV{background-color:var(--theme-primary-color)}.BrowserNotifyModal_pushPreview__87oXX .BrowserNotifyModal_inner__M7joz .BrowserNotifyModal_buttonRow__M94pj button{margin-left:10px;padding:4px 15px;border-radius:3px;border-style:solid}.Content_root__h1mNK{display:grid;grid-template-columns:1fr auto}.Content_mobileChat__5V09A{position:relative;display:block;top:0;width:100%}.Content_leftCol__U2TDq{display:grid}.Content_lowerRow__nJkvp{position:relative;display:grid}.Content_buttonsLogoTitleSection__ohaDJ{margin-left:1.5vw;margin-right:1.5vw}.Content_pageContentSection__Ome4K{background-color:var(--theme-background-secondary);border-radius:var(--theme-rounded-corners);margin:1vw;padding:1vw;width:100%}.Content_logoTitleSection__aUDos{display:flex;flex-direction:row}.Content_titleSection__8nlrh{display:flex;flex-direction:column;margin-top:20px;margin-left:10px}.Content_titleSection__8nlrh .Content_title__zk0ZT{font-size:2.5vw;font-weight:700;color:var(--theme-text-primary)}.Content_titleSection__8nlrh .Content_subtitle__7Ffb1{font-size:1.6vw;font-weight:700}.Content_loadingSpinner__mDlYC{position:fixed;left:50%;top:50%;z-index:999999}@media(min-width:768px){.Content_mobileChat__5V09A{display:none}} |