[vlc-commits] web intf: fix css for mobile

Fri Oct 21 22:47:13 CEST 2011

vlc | branch: master | Francois Cartegnie <fcvlcdev at free.fr> | Fri Oct 21 20:36:28 2011 +0200| [7e3268332bd1a976aa958e6bfb46116189b703e7] | committer: Francois Cartegnie

web intf: fix css for mobile

> http://git.videolan.org/gitweb.cgi/vlc.git/?a=commit;h=7e3268332bd1a976aa958e6bfb46116189b703e7
---

 share/lua/http/css/main.css |   27 +++++++++++++++++++++++----
 share/lua/http/index.html   |    2 +-
 share/lua/http/mobile.html  |    2 +-
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/share/lua/http/css/main.css b/share/lua/http/css/main.css
index d13e04a..0a7df64 100644
--- a/share/lua/http/css/main.css
+++ b/share/lua/http/css/main.css
@@ -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{
diff --git a/share/lua/http/index.html b/share/lua/http/index.html
index 458d53d..f1c195d 100644
--- a/share/lua/http/index.html
+++ b/share/lua/http/index.html
@@ -190,7 +190,7 @@
 		//]]>
 		</script>
 	</head>
-	<body>
+	<body id="regular_layout">
 			<div class="centered">
 			<div id="mainContainer" class="centered">
 			<div id="controlContainer" class="ui-widget">
diff --git a/share/lua/http/mobile.html b/share/lua/http/mobile.html
index d70a4af..8b22095 100644
--- a/share/lua/http/mobile.html
+++ b/share/lua/http/mobile.html
@@ -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">
 

