Parcourir la 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 il y a 12 ans
Parent
commit
4777684c04
2 fichiers modifiés avec 19 ajouts et 14 suppressions
  1. 10 10
      Resources/web/index.html
  2. 9 4
      Resources/web/style.css

Fichier diff supprimé car celui-ci est trop grand
+ 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;
 }