Download:
Patch
parent 6:33d306388e7f
7:ecb710cf56fb default tip
Anton Shestakov <engored@ya.ru>, Wed, 20 Nov 2013 19:41:52 +0900
Cosmetic changes in the template.
2 файлов изменено, 30 вставок(+), 17 удалений(-) [+]
static/css/main.css file | annotate | diff | comparison | revisions
templates/index.html file | annotate | diff | comparison | revisions 
--- a/static/css/main.css	Wed Nov 20 19:40:23 2013 +0900
+++ b/static/css/main.css	Wed Nov 20 19:41:52 2013 +0900
@@ -9,8 +9,9 @@
     width: 160px;
     height: 120px;
     background: #555;
-    margin-top: 240px;
-    margin-left: -160px;
+    bottom: 0;
+    right: 0;
+    margin-bottom: 6px;
 }
 
 footer {
@@ -22,6 +23,16 @@
     bottom: 0;
 }
 
+.container {
+    width: 480px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.videos {
+    position: relative;
+}
+
 .error {
     color: #ff9696;
 }
--- a/templates/index.html	Wed Nov 20 19:40:23 2013 +0900
+++ b/templates/index.html	Wed Nov 20 19:41:52 2013 +0900
@@ -5,25 +5,27 @@
     <title>Tornado WebRTC</title>
     <link rel="stylesheet" type="text/css" href="{{ static_url('css/kube.min.css') }}">
     <link rel="stylesheet" type="text/css" href="{{ static_url('css/main.css') }}">
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
     <script src="{{ static_url('js/webrtc-adapter.js') }}"></script>
     <script src="{{ static_url('js/main.js') }}"></script>
   </head>
   <body>
-    <section>
-      <video id="remote" autoplay></video>
-      <video id="local" autoplay muted></video>
-    </section>
-    <section class="forms">
-      <ul>
-        <li><label class="small"><input id="audio" type="checkbox" checked>Use mic</label></li>
-        <li><label class="small"><input id="video" type="checkbox" checked>Use webcam</label></li>
-        <li class="btn-group">
-          <button id="btn-call" class="btn" onclick="call()">I want to call</button>
-          <button id="btn-receive" class="btn" onclick="receive()">I want to receive a call</button>
-        </li>
-      </ul>
-    </section>
+    <div class="container">
+      <div class="videos">
+        <video id="remote" autoplay></video>
+        <video id="local" autoplay muted></video>
+      </div>
+      <div class="forms">
+        <ul>
+          <li><label class="small"><input id="audio" type="checkbox" checked>Use mic</label></li>
+          <li><label class="small"><input id="video" type="checkbox" checked>Use webcam</label></li>
+          <li class="btn-group">
+            <button id="btn-call" class="btn" onclick="call()">I want to call</button>
+            <button id="btn-receive" class="btn" onclick="receive()">I want to receive a call</button>
+          </li>
+        </ul>
+      </div>
+    </div>
     <footer>
       <span id="streaming" class="small"></span>
       <span id="status" class="small"></span>