]> git.sesse.net Git - vlc/commitdiff
web intf: fix css for mobile
authorFrancois Cartegnie <fcvlcdev@free.fr>
Fri, 21 Oct 2011 18:36:28 +0000 (20:36 +0200)
committerFrancois Cartegnie <fcvlcdev@free.fr>
Fri, 21 Oct 2011 20:03:05 +0000 (22:03 +0200)
share/lua/http/css/main.css
share/lua/http/index.html
share/lua/http/mobile.html

index d13e04ad473881cd0b6fc808cb379813259cbaf9..0a7df64587948b8afd510e69c0785ffde03f73f8 100644 (file)
@@ -3,6 +3,7 @@ root {
 }
 body{
 }
+
 #mainContainer{
        text-align: center;
        width: 800px;
@@ -40,15 +41,23 @@ body{
 #currentVolume{
        display: inline-block;
 }
+
 #mediaTitle{
+       overflow: hidden;
+       padding: 5px;
+}
+
+#regular_layout #mediaTitle{
        position: absolute;
        top: 60px;
        left: 0px;
        width: 500px;
        text-align: left;
-       padding: 5px;
-       overflow: hidden;
 }
+
+#mobile_layout #mediaTitle{
+}
+
 #currentTime{
        float: left;
        text-align: left;
@@ -61,14 +70,24 @@ body{
        position:relative;
        height: 150px;
 }
+
+
 #controlButtons{
+       text-align: left;
+       width: 380px;
+}
+
+/* div layout */
+#regular_layout #controlButtons{
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
-       text-align: left;
-       width: 380px;
+}
+
+/* still on table layout */
+#mobile_layout #controlButtons{
 }
 
 #buttonszone{
index 458d53d4a8b32cad8629fb77dc6359b7834f1980..f1c195d0a57b17c8268c00819871e0e3f0eaaead 100644 (file)
                //]]>
                </script>
        </head>
-       <body>
+       <body id="regular_layout">
                        <div class="centered">
                        <div id="mainContainer" class="centered">
                        <div id="controlContainer" class="ui-widget">
index d70a4affd40828bc18bec47ddc3a60f1a00f251e..8b22095027af97e06635fe2404a1aa98f2a626b4 100644 (file)
@@ -63,7 +63,7 @@
                        })
                </script>
        </head>
-       <body>
+       <body id="mobile_layout">
                <div id="main">
                        <table width="100%" cellpadding="0" cellspacing="0" style="height:100%" border="0">