OLD | NEW |
(Empty) | |
| 1 /* |
| 2 * Copyright (c) 2015 The WebRTC project authors. All Rights Reserved. |
| 3 * |
| 4 * Use of this source code is governed by a BSD-style license |
| 5 * that can be found in the LICENSE file in the root of the source |
| 6 * tree. |
| 7 */ |
| 8 button { |
| 9 margin: 0 20px 25px 0; |
| 10 vertical-align: top; |
| 11 width: 134px; |
| 12 } |
| 13 div#getUserMedia { |
| 14 padding: 0 0 8px 0; |
| 15 } |
| 16 section#statistics div { |
| 17 display: inline-block; |
| 18 font-family: 'Inconsolata', 'Courier New', monospace; |
| 19 vertical-align: top; |
| 20 width: 308px; |
| 21 } |
| 22 section#statistics div#senderStats { |
| 23 margin: 0 20px 0 0; |
| 24 } |
| 25 section#constraints > div { |
| 26 margin: 0 0 20px 0; |
| 27 } |
| 28 div.input { |
| 29 display: inline-block; |
| 30 margin: 0 4px 0 0; |
| 31 vertical-align: top; |
| 32 width: 310px; |
| 33 } |
| 34 div.input > div { |
| 35 margin: 0 0 20px 0; |
| 36 vertical-align: top; |
| 37 } |
| 38 div.output { |
| 39 background-color: #eee; |
| 40 display: inline-block; |
| 41 font-family: 'Inconsolata', 'Courier New', monospace; |
| 42 font-size: 0.9em; |
| 43 padding: 10px 10px 10px 25px; |
| 44 position: relative; |
| 45 top: 10px; |
| 46 white-space: pre; |
| 47 width: 270px; |
| 48 } |
| 49 section#video > div { |
| 50 display: inline-block; |
| 51 margin: 0 20px 0 0; |
| 52 vertical-align: top; |
| 53 width: calc(50% - 22px); |
| 54 } |
| 55 section#video > div div { |
| 56 font-size: 0.9em; |
| 57 margin: 0 0 0.5em 0; |
| 58 width: 320px; |
| 59 } |
| 60 h2 { |
| 61 margin: 0 0 1em 0; |
| 62 } |
| 63 section#constraints label { |
| 64 display: inline-block; |
| 65 width: 156px; |
| 66 } |
| 67 section { |
| 68 margin: 0 0 20px 0; |
| 69 padding: 0 0 15px 0; |
| 70 } |
| 71 |
| 72 section#video { |
| 73 width: calc(100% + 20px); |
| 74 } |
| 75 video { |
| 76 height: 225px; |
| 77 margin: 0 0 10px 0; |
| 78 } |
| 79 |
| 80 @media screen and (max-width: 720px) { |
| 81 button { |
| 82 font-weight: 500; |
| 83 height: 56px; |
| 84 line-height: 1.3em; |
| 85 width: 90px; |
| 86 } |
| 87 div#getUserMedia { |
| 88 padding: 0 0 40px 0; |
| 89 } |
| 90 section#statistics div { |
| 91 width: calc(50% - 14px); |
| 92 } |
| 93 video { |
| 94 height: 96px; |
| 95 } |
| 96 } |
OLD | NEW |