FreedomBox/plinth/modules/janus/static/janus-video-room.css
James Valleroy b7a1d4bf8f
janus: Add new app for lightweight WebRTC server
- Add basic video room based on demo.

- Set port range to use for RTP.

- coturn: Add component for time-limited TURN configuration.

Signed-off-by: James Valleroy <jvalleroy@mailbox.org>
[sunil: Don't error out when coturn is not installed/configured]
[sunil: Prepend data- to custom attribute in HTML]
[sunil: Convert SVG with embedded bitmap to vector graphics]
[sunil: Hide Javascript license information in footer]
[sunil: Minor changes to comments for styling]
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2022-06-06 17:42:41 -07:00

171 lines
2.9 KiB
CSS

/*
# SPDX-License-Identifier: AGPL-3.0-or-later
# This file based on example code from Janus Demos which is licensed as
# follows.
#
# 2014-2022 Meetecho
#
# GPL-3 with OpenSSL exception
# If you modify this Program, or any covered work,
# by linking or combining it with OpenSSL
# (or a modified version of that library),
# containing parts covered by the terms of OpenSSL License,
# the licensors of this Program grant you
# additional permission to convey the resulting work.
# Corresponding Source for a non-source form of such a combination
# shall include the source code for the parts of openssl used
# as well as that of the covered work.
*/
.footer {
display: none;
}
.rounded {
border-radius: 5px;
}
.centered {
display: block;
margin: auto;
}
.relative {
position: relative;
}
.navbar-brand {
margin-left: 0px !important;
}
.navbar-default {
-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
-moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
}
.navbar-header {
padding-left: 40px;
}
.margin-sm {
margin: 5px !important;
}
.margin-md {
margin: 10px !important;
}
.margin-xl {
margin: 20px !important;
}
.margin-bottom-sm {
margin-bottom: 5px !important;
}
.margin-bottom-md {
margin-bottom: 10px !important;
}
.margin-bottom-xl {
margin-bottom: 20px !important;
}
.divider {
width: 100%;
text-align: center;
}
.divider hr {
margin-left: auto;
margin-right: auto;
width: 45%;
}
div.no-video-container {
position: relative;
}
.no-video-icon {
width: 100%;
height: 240px;
text-align: center;
}
.no-video-text {
text-align: center;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
font-size: 24px;
}
.no-video-text-sm {
text-align: center;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
font-size: 16px;
}
.meetecho-logo {
padding: 12px !important;
}
.meetecho-logo > img {
height: 26px;
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.januscon {
font-weight: bold;
animation: pulsating 1s infinite;
}
@keyframes pulsating {
30% {
color: #FFD700;
}
}
.mute-button {
position: absolute;
bottom: 0px;
left: 0px;
margin: 15px;
}
.unpublish-button {
position: absolute;
bottom: 0px;
right: 0px;
margin: 15px;
}
.resolution-label {
position: absolute;
bottom: 0px;
left: 0px;
margin: 15px;
}
.bitrate-label {
position: absolute;
bottom: 0px;
right: 0px;
margin: 15px;
}
.simulcast-button-group {
width: 100%;
}
.simulcast-button {
width: 33%;
}