Commit 180ca722 authored by Antoine Cellerier's avatar Antoine Cellerier

* some style fixes (now displays menu under IE)

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