Commit 7e326833 authored by Francois Cartegnie's avatar Francois Cartegnie

web intf: fix css for mobile

parent e19f3ad9
......@@ -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{
......
......@@ -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">
......
......@@ -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">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment