mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-09 21:00:42 +02:00
73 lines
1.3 KiB
CSS
73 lines
1.3 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
/* Conversation window styles */
|
|
|
|
.conversation .controls {
|
|
background: #f2f2f2;
|
|
padding: .5em;
|
|
}
|
|
|
|
.conversation .media video {
|
|
background: #eee;
|
|
}
|
|
|
|
/* Nested video elements */
|
|
|
|
.conversation .media.nested {
|
|
position: relative;
|
|
}
|
|
|
|
.conversation .media.nested .remote {
|
|
width: 100%;
|
|
}
|
|
|
|
.conversation .media.nested .local {
|
|
position: absolute;
|
|
bottom: .8em;
|
|
right: .8em;
|
|
width: 30%;
|
|
max-width: 140px;
|
|
}
|
|
|
|
/* Side by side video elements */
|
|
|
|
.conversation .media.side-by-side .remote {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.conversation .media.side-by-side .local {
|
|
width: 50%;
|
|
}
|
|
|
|
/**
|
|
* Overriden SDK styles; .OT_video-container is using absolute positioning
|
|
* therefore moves the video elements it contains outside of the current
|
|
* viewport.
|
|
*/
|
|
.conversation .OT_video-container {
|
|
position: inherit;
|
|
}
|
|
|
|
/* Call ended view */
|
|
.call-ended p {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Incoming call */
|
|
.incoming-call {
|
|
text-align: center;
|
|
min-height: 200px;
|
|
}
|
|
|
|
.incoming-call h2 {
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
margin-top: 3em;
|
|
}
|
|
|
|
.incoming-call button {
|
|
margin-right: .2em;
|
|
}
|