Index: tools/perf/page_sets/webrtc_cases/peerconnection_files/main(1).css |
diff --git a/tools/perf/page_sets/webrtc_cases/peerconnection_files/main(1).css b/tools/perf/page_sets/webrtc_cases/peerconnection_files/main(1).css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2424c7bd312ef984c35d45ea3770495a2677aeb0 |
--- /dev/null |
+++ b/tools/perf/page_sets/webrtc_cases/peerconnection_files/main(1).css |
@@ -0,0 +1,96 @@ |
+/* |
+ * Copyright (c) 2015 The WebRTC project authors. All Rights Reserved. |
+ * |
+ * Use of this source code is governed by a BSD-style license |
+ * that can be found in the LICENSE file in the root of the source |
+ * tree. |
+ */ |
+button { |
+ margin: 0 20px 25px 0; |
+ vertical-align: top; |
+ width: 134px; |
+} |
+div#getUserMedia { |
+ padding: 0 0 8px 0; |
+} |
+section#statistics div { |
+ display: inline-block; |
+ font-family: 'Inconsolata', 'Courier New', monospace; |
+ vertical-align: top; |
+ width: 308px; |
+} |
+section#statistics div#senderStats { |
+ margin: 0 20px 0 0; |
+} |
+section#constraints > div { |
+ margin: 0 0 20px 0; |
+} |
+div.input { |
+ display: inline-block; |
+ margin: 0 4px 0 0; |
+ vertical-align: top; |
+ width: 310px; |
+} |
+div.input > div { |
+ margin: 0 0 20px 0; |
+ vertical-align: top; |
+} |
+div.output { |
+ background-color: #eee; |
+ display: inline-block; |
+ font-family: 'Inconsolata', 'Courier New', monospace; |
+ font-size: 0.9em; |
+ padding: 10px 10px 10px 25px; |
+ position: relative; |
+ top: 10px; |
+ white-space: pre; |
+ width: 270px; |
+} |
+section#video > div { |
+ display: inline-block; |
+ margin: 0 20px 0 0; |
+ vertical-align: top; |
+ width: calc(50% - 22px); |
+} |
+section#video > div div { |
+ font-size: 0.9em; |
+ margin: 0 0 0.5em 0; |
+ width: 320px; |
+} |
+h2 { |
+ margin: 0 0 1em 0; |
+} |
+section#constraints label { |
+ display: inline-block; |
+ width: 156px; |
+} |
+section { |
+ margin: 0 0 20px 0; |
+ padding: 0 0 15px 0; |
+} |
+ |
+section#video { |
+ width: calc(100% + 20px); |
+} |
+video { |
+ height: 225px; |
+ margin: 0 0 10px 0; |
+} |
+ |
+@media screen and (max-width: 720px) { |
+ button { |
+ font-weight: 500; |
+ height: 56px; |
+ line-height: 1.3em; |
+ width: 90px; |
+ } |
+ div#getUserMedia { |
+ padding: 0 0 40px 0; |
+ } |
+ section#statistics div { |
+ width: calc(50% - 14px); |
+ } |
+ video { |
+ height: 96px; |
+ } |
+} |