Skip to content

V
vlc-2-2
Commit 6c18d169 authored by Francois Cartegnie's avatar Francois Cartegnie
Browse files
Options

luahttp: fix and move style to css

parent 83466705
Hide whitespace changes
Inline Side-by-side
Showing with 38 additions and 9 deletions
share/lua/http/css/main.css
View file @ 6c18d169
...@@ -52,7 +52,31 @@ body{ ...@@ -52,7 +52,31 @@ body{
} }
#controlButtons{ #controlButtons{
text-align: left; text-align: left;
width: 380px;
} }
#buttonszone{
width: 42px;
vertical-align: top;
}
#volumesliderzone{
margin-left: 20px;
}
#volumeSlider{
width: 200px;
}
#artszone{
width: 141px;
vertical-align: top;
}
#seekContainer{
vertical-align: bottom;
}
.button48{ .button48{
width: 48px; width: 48px;
height: 48px; height: 48px;
...@@ -132,4 +156,9 @@ body{ ...@@ -132,4 +156,9 @@ body{
.footer{ .footer{
text-align: center; text-align: center;
font-size: 11px; font-size: 11px;
} }
\ No newline at end of file
div.centered{
margin-left: auto;
margin-right: auto;
}
share/lua/http/index.html
View file @ 6c18d169
...@@ -188,15 +188,15 @@ ...@@ -188,15 +188,15 @@
</script> </script>
</head> </head>
<body> <body>
<div align="center"> <div class="centered">
<div id="mainContainer" align="center"> <div id="mainContainer" class="centered">
<div id="controlContainer" class="ui-widget"> <div id="controlContainer" class="ui-widget">
<div class="ui-widget-header" style="text-align: left;"> <div class="ui-widget-header" style="text-align: left;">
<img src="images/vlc16x16.png" alt="VLC" width="16" height="16"/> Controls <img src="images/vlc16x16.png" alt="VLC" width="16" height="16"/> Controls
</div> </div>
<table width="100%" border="0" cellspacing="0" id="controlTable" class="ui-widget-content"> <table width="100%" border="0" cellspacing="0" id="controlTable" class="ui-widget-content">
<tr> <tr>
<td id="controlButtons" width="380px"> <td id="controlButtons">
<div id="buttonPrev" class="button48 ui-corner-all" title="Previous"></div> <div id="buttonPrev" class="button48 ui-corner-all" title="Previous"></div>
<div id="buttonPlay" class="button48 ui-corner-all" title="Play"></div> <div id="buttonPlay" class="button48 ui-corner-all" title="Play"></div>
<div id="buttonNext" class="button48 ui-corner-all" title="Next"></div> <div id="buttonNext" class="button48 ui-corner-all" title="Next"></div>
...@@ -205,7 +205,7 @@ ...@@ -205,7 +205,7 @@
<div id="buttonFull" class="button48 ui-corner-all" title="Full Screen"></div> <div id="buttonFull" class="button48 ui-corner-all" title="Full Screen"></div>
<div id="buttonSout" class="button48 ui-corner-all" title="Easy Stream"></div> <div id="buttonSout" class="button48 ui-corner-all" title="Easy Stream"></div>
</td> </td>
<td valign="top" width="42px"> <td id="buttonszone">
<div id="buttonPlayList" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Library" style="float: left;"><span class="ui-icon ui-icon-note"></span></div> <div id="buttonPlayList" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Library" style="float: left;"><span class="ui-icon ui-icon-note"></span></div>
<div id="buttonViewer" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Viewer" style="float: left;"><span class="ui-icon ui-icon-video"></span></div> <div id="buttonViewer" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Viewer" style="float: left;"><span class="ui-icon ui-icon-video"></span></div>
<div id="buttonStreams" class="button ui-widget ui-state-default ui-corner-all" title="Manage Streams" style="float: left;"><span class="ui-icon ui-icon-script"></span></div> <div id="buttonStreams" class="button ui-widget ui-state-default ui-corner-all" title="Manage Streams" style="float: left;"><span class="ui-icon ui-icon-script"></span></div>
...@@ -214,12 +214,12 @@ ...@@ -214,12 +214,12 @@
<div id="buttonBatch" class="button ui-widget ui-state-default ui-corner-all" title="VLM Batch Commands" style="float: left;"><span class="ui-icon ui-icon-suitcase"></span></div> <div id="buttonBatch" class="button ui-widget ui-state-default ui-corner-all" title="VLM Batch Commands" style="float: left;"><span class="ui-icon ui-icon-suitcase"></span></div>
</td> </td>
<td> <td>
<div style="margin-left:20px;"> <div id="volumesliderzone">
<div id="volumeSlider" title="Volume" style="width:200px"><img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/></div> <div id="volumeSlider" title="Volume"><img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/></div>
<div id="currentVolume" class="dynamic">50%</div> <div id="currentVolume" class="dynamic">50%</div>
</div> </div>
</td> </td>
<td rowspan="3" valign="top" width="141px"> <td id="artszone" rowspan="3">
<img id="albumArt" src="/art" width="141px" height="130px" alt="Album Art"/> <img id="albumArt" src="/art" width="141px" height="130px" alt="Album Art"/>
</td> </td>
</tr> </tr>
...@@ -229,7 +229,7 @@ ...@@ -229,7 +229,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td id="seekContainer" valign="bottom" colspan="3"> <td id="seekContainer" colspan="3">
<div id="seekSlider" title="Seek Time" style="width:98%; margin-left:10px;"></div> <div id="seekSlider" title="Seek Time" style="width:98%; margin-left:10px;"></div>
<table width="100%"> <table width="100%">
<tr> <tr>
......
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