#peertube-plugin-livechat-container { display: flex; flex-direction: column; } #plugin-placeholder-player-next #peertube-plugin-livechat-container { height: 100%; } .peertube-plugin-livechat-buttons { display: flex; flex-flow: row wrap; justify-content: flex-end; } .peertube-plugin-livechat-button { border: 1px solid black; background-color: var(--mainBackgroundColor); margin: 5px; height: 36px; width: 36px; padding: 2px; } .peertube-plugin-livechat-button-icon { background-size: 32px 32px; background-repeat: no-repeat; background-color: transparent; background-position: center center; display: inline-block; height: 100%; width: 100%; } .peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button { margin: 1px; height: 18px; width: 18px; padding: 1px; } .peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button-icon { background-size: 16px 16px; } [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-close { display: none; } #peertube-plugin-livechat-container iframe { border: 1px solid black; min-height: 30vh; height: 100%; } .peertube-plugin-livechat-warning { color: orange; } .peertube-plugin-livechat-error { color: red; } 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 { background-color: var(--mainHoverColor); border: 1px solid black; color: var(--mainBackgroundColor); padding: 4px 5px; } table.peertube-plugin-livechat-prosody-list-rooms td { border: 1px solid #555; color: black; padding: 4px 5px; }