Explorar o código

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 %!s(int64=12) %!d(string=hai) anos
pai
achega
4777684c04
Modificáronse 2 ficheiros con 19 adicións e 14 borrados
  1. 10 10
      Resources/web/index.html
  2. 9 4
      Resources/web/style.css

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 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;
 }