|
- * {
- margin: 0;
- padding: 0;
- }
-
- html, body {
- height: 100%;
- }
-
- button {
- padding: 1px 6px;
- }
-
- video {
- background: #222;
- margin: 0 0 0 0;
- width: 320px;
- height: 240px;
- }
-
- .container {
- display: flex;
- height: 100%;
- flex-direction: column;
- }
-
- .top {
- margin: 0.5em;
- }
-
- .middle {
- flex: 1;
- overflow: auto;
- margin: 0 0.5em;
- }
-
- .log {
- overflow: scroll;
- width: 30em;
- height: 100%;
- background-color: #eeeeee;
- float: left;
- }
-
- .preview {
- width: auto;
- height: 100%;
- float: left;
- }
-
- .local {
- margin: 0.5em 0.5em;
- float: left;
- }
-
- .remote {
- margin: 0.5em 0.5em 0.5em 0;
- float: left;
- }
-
- .sdp {
- width: 320px;
- height: 200px;
- margin: 0;
- resize: none;
- }
-
- .bottom {
- margin: 0.5em;
- }
|