[xiph-commits] r18826 - in websites/xiph.org: css video

[xiphmont at svn.xiph.org]

Author: xiphmont
Date: 2013-02-25 13:15:46 -0800 (Mon, 25 Feb 2013)
New Revision: 18826

Modified:
   websites/xiph.org/css/videopage.css
   websites/xiph.org/video/fallback.include
Log:
One more round of fallback formatting--- centered text


Modified: websites/xiph.org/css/videopage.css
===================================================================
--- websites/xiph.org/css/videopage.css	2013-02-25 20:39:11 UTC (rev 18825)
+++ websites/xiph.org/css/videopage.css	2013-02-25 21:15:46 UTC (rev 18826)
@@ -35,16 +35,16 @@
 
 .fallback p{
   margin: 0px;
-  padding-left: 2em;
-  padding-right: 2em;
-  padding-top: 1.5em;
-  padding-bottom: 0em;
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+  padding-top: 1em;
+  padding-bottom: 1em;
   font-weight: bold;
   text-align: center;
 }
 
 .fallback div{
-  padding-top: 1.5em;
+  padding: 1em;
   margin-left: auto;
   margin-right: auto;
   width: 125px;
@@ -57,10 +57,18 @@
   margin: 0px;
   height: 100%;
   width: 100%;
-  font-size: 12px;
+  font-size: 11px;
   background-color: #d0e0f0;
+  display: table;
 }
 
+.fallback .vcenter{
+  display: table-cell;
+  vertical-align: middle; 
+  text-align: center; 
+  padding: .5em;
+}
+
 h1 {
     padding: 0px;
     margin: 1.3em 0 8px 0;

Modified: websites/xiph.org/video/fallback.include
===================================================================
--- websites/xiph.org/video/fallback.include	2013-02-25 20:39:11 UTC (rev 18825)
+++ websites/xiph.org/video/fallback.include	2013-02-25 21:15:46 UTC (rev 18826)
@@ -1,6 +1,7 @@
 
 	  <!-- dropping Cortado fallback.  Java in the browser is dead as a doornail -->
 	  <div class="fallback">
+	    <div class="vcenter">
   	    <p>
 	      Your browser doesn't seem to support HTML5 WebM&nbsp;or&nbsp;Ogg
 	      video.
@@ -8,7 +9,7 @@
 
 	    <div>
 	      <a href="//affiliates.mozilla.org/link/banner/33816">
-	        <img src="//affiliates.mozilla.org/media/uploads/banners/f5eeeddc214ed8ef15e48bc80e1f53b0da4f0574.png" alt="Download Firefox" width="125" height="125" border="0">
+	        <img src="getfirefox.png" alt="Download Firefox" width="125" height="125" border="0">
               </a>
 	    </div>
 
@@ -23,7 +24,7 @@
 	      player such as <a href="http://www.videolan.org/vlc/index.html">VLC</a> or
 	      <a href="http://www.getmiro.com/">Miro</a>.
 	    </p>
-
+            </div>
 	  </div>