<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml10/DTD/xhtml10transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+
<head>
<title>VLC media player</title>
- <link href="/style.css" title="Default" rel="stylesheet" />
+ <link href="/style.css" title="Default" rel="stylesheet" type="text/css" />
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<vlc id="if" param1="url_param"/>
<meta http-equiv="refresh" content="0;URL=/" />
<vlc id="control" param1="stop,pause,previous,next,add,sout,play,delete,empty,seek,fullscreen,keep,volume,sort,move" />
<vlc id="set" param1="sout" param2="string" />
</head>
+
<body>
+
+ <!-- left menu -->
<div class="left">
<div class="sectitle">Playback control</div>
<div class="section-controls">
<input type="submit" name="control" value="stop" />
<input type="submit" name="control" value="pause" />
<br />
- <input type="submit" name="control" value="previous" />
- <input type="submit" name="control" value="next" />
- </p>
+ <input type="submit" name="control" value="previous" />
+ <input type="submit" name="control" value="next" />
+ </p>
<input type="submit" name="seek_value" value="-1min"/><input type="hidden" name="control" value="seek"/>
<input type="submit" name="seek_value" value="+1min"/><input type="hidden" name="control" value="seek"/>
- <br />
- <input type="text" name="seek_value" size="14"/><input type="hidden" name="control" value="seek"/>
+ <br />
+ <input type="text" name="seek_value" size="14"/><input type="hidden" name="control" value="seek"/>
</form>
<br />
<span class="small">( Seek Textbox: for example "+12min 42sec", "01:13:43", "-12%" etc... )</span>
<div class="section-controls">
<form method="get" action="">
<input type="hidden" name="control" value="volume" />
- Vol: <input type="text" name="value" size="5"/>
- <input type="submit" value="Set" /><br /> (0 ->1024)<br />
+ Vol: <input type="text" name="value" size="5"/>
+ <input type="submit" value="Set" /><br /> (0 - 1024)<br /><span class="small">(for exemple: "536", "-12", "+42", "36%")</span>
</form>
- <br />
- <form method="get" action="">
+ <br />
+ <form method="get" action="">
<input type="submit" name="control" value="fullscreen" />
</form>
</div>
<div class="section">
State: <vlc id="value" param1="stream_state" /><br />
Length: <span id="length"><vlc id="value" param1="stream_length" /> s
- </span><br />
+ </span><br />
Time: <span id="time"><vlc id="value" param1="stream_time" /> s</span><br />
Volume: <span id="volume"><vlc id="value" param1="volume" /></span>
<br /><a href="info.html">Information</a>
</div>
-
- <div><a href="/admin/">Administration Page</a></div>
- </div> <!-- End left -->
+ <div class="section"><a href="/admin/">Administration Page</a></div>
+ </div>
+ <!-- end left -->
+
+ <!-- main content -->
<div class ="right">
- <h2><a href="http://www.videolan.org/">VLC media player
- <vlc id="value" param1="version" /></a> (http interface)
+ <h2 class="title"><a href="http://www.videolan.org/">VLC media player
+ <vlc id="value" param1="version" /></a> (http interface)
</h2>
<div class="sectitle">Add</div>
<tr>
<td>
<table>
- <tr>
+ <tr>
<td>
<form method="get" action="">
<input type="submit" name="control" value="sort" /> by
<option value="0">normal order</option>
<option value="1">reverse order</option>
</select>
- </form>
+ </form>
</td>
<td>
<form method="get" action="">
Move the item number
- <input type="text" name="psz_pos" size="5" /> to
- <input type="text" name="psz_newpos" size="5" />
- <input type="submit" name="control" value="move" />
+ <input type="text" name="psz_pos" size="5" /> to
+ <input type="text" name="psz_newpos" size="5" />
+ <input type="submit" name="control" value="move" />
</form>
</td>
</tr>
- </table>
+ </table>
</td>
</tr>
- <tr>
+ <tr>
<td>
<form method="get" action="">
<table>
<vlc id="rpn" param1="0"/>
<vlc id="foreach" param1="pl" param2="playlist" />
- <tr class="<vlc id="if" param1="pl.index 2 % 0 =" />ligne1<vlc id="else" />ligne2<vlc id="end" />">
+ <tr class="<vlc id="if" param1="pl.index 2 % 0 =" />line1<vlc id="else" />line2<vlc id="end" />">
<td>
<input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/>
<vlc id="if" param1="pl.current" />
</table>
</div>
</div>
- <hr/>
+ <!-- end main content -->
+
<p style="text-align:center;font-size:1.2em;"> <vlc id="value" param1="copyright" /> </p>
<script language="javascript" type="text/javascript">
-body
-{
- font-family:Verdana, Arial, Sans Serif;
- font-size:10pt;
+div {
+ padding: 0px;
+ margin: 0px;
+ border-width: 0px;
+ border-style: none;
}
-h2 { text-align:center; }
+/* page body */
+body {
+ font-family: Verdana, Arial, sans-serif;
+ font-size: 10pt;
+ padding: 5pt;
+ margin: 5pt;
+}
+
+/* left column */
+div.left {
+ float: left;
+ width: 19%;
+}
+
+/* main content */
+div.right {
+ float: right;
+ width: 80%;
+}
-h3 { text-align:left; }
+/* section bloc title */
+div.sectitle {
+ background-color: #5A5ABB;
+ color: #FFFFFF;
+ border: 1px black solid;
+ border-bottom: 0pt black none;
+ font-weight: bold;
+ padding: 0pt 5pt;
+}
-table {width:100%;}
+/* section bloc content */
+div.section {
+ background-color: #DDDDFF;
+ border: 1px black solid;
+ margin-bottom: 2em;
+ padding: 5pt;
+}
-table.add {width:100%;}
+/* section bloc controls */
+div.section-controls {
+ text-align: center;
+ background-color: #DDDDFF;
+ border: 1px black solid;
+ margin-bottom: 2em;
+ padding: 5pt;
+}
-div.section
-{
- background-color:#DDDDFF;
- border:1pt black solid;
- margin-bottom:2em;
- padding:0.5em;
+/* page title */
+h2.title {
+ text-align: center;
}
-div.section-controls
-{
- text-align:center;
- background-color:#DDDDFF;
- border:1pt black solid;
- margin-bottom:2em;
- padding:0.5em;
+h3 {
+ text-align: left;
}
+table {
+ width: 100%;
+}
-div.sectitle
-{
- background-color:#5A5ABB;
- color:#FFFFFF;
- border:1pt black solid;
- font-weight:bold;
+table.add {
+ width: 100%;
}
-tr.ligne1 { background-color:#EEEEFF; }
-tr.ligne2 { background-color:#CCCCFF; }
-div.left {
- width:15em;
- position:absolute;
- float:left;
- margin-left:0.5em;
+/* playlist line */
+tr.line1 {
+ background-color: #EEEEFF;
}
-div.right {
- margin-left:17.5em;
- float:right;
+/* playlist line */
+tr.line2 {
+ background-color: #CCCCFF;
}
+/* help text */
span.small {
- font-size:0.9em;
+ font-size: 0.9em;
}
form {
- margin:0pt;
- padding:0pt;
-}
+ margin: 0pt;
+ padding: 0pt;
+}