AppRTC: using a footer element instead of div#footer in CSS.

R=dutton@google.com

Review URL: https://webrtc-codereview.appspot.com/2200004

git-svn-id: http://webrtc.googlecode.com/svn/trunk@4724 4adac7df-926f-26a2-2b94-8c16560cd09d

samples/js/apprtc/css/main.css

@@ -1,5 +1,5 @@
-a:link { color: #ffffff; }
+a:link { color: #FFFFFF; }
-a:visited {color: #ffffff; }
+a:visited {color: #FFFFFF; }
 html, body {
   background-color: #000000;
   height: 100%;
@@ -9,6 +9,17 @@ body {
   margin: 0;
   padding: 0;
 }
+footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 28px;
+  background-color: #3F3F3F;
+  color: #FFFFFF;
+  font-size: 13px; font-weight: bold;
+  line-height: 28px;
+  text-align: center;
+}
 #container {
   background-color: #000000;
   position: absolute;
@@ -65,17 +76,6 @@ body {
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 2s;
 }
-#footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 28px;
-  background-color: #3F3F3F;
-  color: rgb(255, 255, 255);
-  font-size: 13px; font-weight: bold;
-  line-height: 28px;
-  text-align: center;
-}
 #hangup {
  font-size: 13px; font-weight: bold;
  color: #FFFFFF;
@@ -86,7 +86,6 @@ body {
  border-color: #FFFFFF;
  margin: 2px;
 }
-
 #infoDiv {
   position: absolute;
   float: right;

samples/js/apprtc/index.html

@@ -45,7 +45,7 @@
   </div>
 </div>
 </body>
-<footer id="footer">
+<footer id="status">
 </footer>
 <div id="infoDiv"></div>
 </html>

samples/js/apprtc/js/main.js

@@ -165,7 +165,7 @@ function maybeStart() {
 }
 
 function setStatus(state) {
-  document.getElementById('footer').innerHTML = state;
+  document.getElementById('status').innerHTML = state;
 }
 
 function doCall() {