Browse Source

Support for IE8

This might me the saddest commit I've ever done :p
I replaced HTML5 tags (header, nav, footer...) by div tags to get the CSS
to be applied properly.
I added some old fashion CSS to support IE8 (opacity).
Not tested on IE7 and IE6, it could work on them too, but their marketshare
is too small to even waste time testing.

Signed-off-by: Jean-Baptiste Kempf <jb@videolan.org>
Jean-Romain Prévost 12 years ago
parent
commit
4777684c04
2 changed files with 19 additions and 14 deletions
  1. 10 10
      Resources/web/index.html
  2. 9 4
      Resources/web/style.css

File diff suppressed because it is too large
+ 10 - 10
Resources/web/index.html


+ 9 - 4
Resources/web/style.css

@@ -37,7 +37,7 @@ div.main.drop {
   border: 2px solid yellow;
 }
 
-header {
+#header {
   text-align: center;
   height: 88px;
   background-color: #c95a07;
@@ -45,7 +45,7 @@ header {
   border-top-left-radius: 14px;
   border-top-right-radius: 14px;
 }
-nav {
+.nav {
   height: 88px;
   padding: 14px;
   background-image: url(title@2x.png);
@@ -109,6 +109,10 @@ nav {
 
 #fileupload {
   opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -moz-opacity: 0;
+  -khtml-opacity: 0;
   position: absolute;
   top: 0;
   right: 0;
@@ -143,6 +147,7 @@ nav {
 .uploads .filename {
   font-size: 20px;
   line-height: 50px;
+  text-align: left;
 }
 .uploads .progress {
   height: 14px;
@@ -238,7 +243,7 @@ nav {
   padding: 1px;
 }
 
-footer {
+#footer {
   font-size: .9em;
   line-height: 1.3em;
   margin-top: 40px;
@@ -247,7 +252,7 @@ footer {
   color: rgb(120, 120, 120);
   text-shadow: 1px 1px 2px black;
 }
-footer a{
+#footer a{
   color: #c95a07;
 }