diff options
Diffstat (limited to 'template/default/prog_list.html')
| -rw-r--r-- | template/default/prog_list.html | 114 |
1 files changed, 58 insertions, 56 deletions
diff --git a/template/default/prog_list.html b/template/default/prog_list.html index da18971..7dc27b1 100644 --- a/template/default/prog_list.html +++ b/template/default/prog_list.html @@ -2,23 +2,23 @@ <html> <head> - <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> + <meta http-equiv="content-type" content="text/html;<%! charset=ISO-8859-1 !%>" /> <title>VDRAdmin - <%! Channels !%></title> <link href="style.css" rel="stylesheet" media="screen" type="text/css" /> <script language="JavaScript" src="library.js"></script> </head> -<body bgcolor="#c4cdd7" leftmargin="3" marginheight="20" marginwidth="3" topmargin="20"> +<body id="prog_list"> <form action="<tmpl_var url>" method="get" name="FormName"> - <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39"> + <table width="100%" border="0" cellspacing="0" cellpadding="0" height="39" id="heading"> <tr> - <td valign="left" width="200" background="bilder/nav_button_back.gif"> - <p class="einzug_ohnetop"> - <a href="javascript:callurl('<tmpl_var switchurl>');"><b><tmpl_var progname></b></a> + <td valign="middle" width="200" background="bilder/nav_button_back.gif"> + <h1> + <a href="javascript:callurl('<tmpl_var switchurl>');"><tmpl_var progname></a> <tmpl_if stream_live_on> <a href="<tmpl_var streamurl>"><img src="bilder/stream.jpg" alt="stream" title="<%! Stream !%>" height="17" align="center" border="0" /></a> </tmpl_if> - </p> + </h1> </td> <td align="right" valign="middle" background="bilder/nav_button_back_mitte.gif"><%! Channel: !%> <select name="vdr_id" size="1" onchange="window.open('<tmpl_var url>?aktion=prog_list&vdr_id=' + this.options[this.selectedIndex].value,'main')"> @@ -26,7 +26,7 @@ <option value="<tmpl_var vdr_id>" <tmpl_if current>selected</tmpl_if>><tmpl_var name></option> </tmpl_loop> </select> - <input type="submit" name="submit" value="<%! Go! !%>" /> + <input type="submit" class="submit" name="submit" value="<%! Go! !%>" /> <a href="javascript:toolbar('<tmpl_var toolbarurl>');" target="toolbar"><img src="bilder/spacer.gif" border="0" /></a> </td> <td width="15" background="bilder/nav_button_back_end.gif"> </td> @@ -35,63 +35,65 @@ <input type="hidden" name="aktion" value="prog_list" /> </form> + <div id="content"> <tmpl_loop loop> <tmpl_if newd> - <table width="100%" border="0" cellspacing="0" cellpadding="0"> - <tr height="30"> - <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td> - <td colspan="3" background="bilder/uebersicht_oben.gif"> - <b><tmpl_var title></b> - </td> - <td align="right" background="bilder/uebersicht_oben.gif"> - <tmpl_if prev_channel><a href="<tmpl_var prev_channel>"><img src="bilder/pfeile_nachlinks.gif" border="0" /></a><tmpl_else><img src="bilder/pfeile_nachlinks_soft.gif" border="0" /></tmpl_if><tmpl_if next_channel><a href="<tmpl_var next_channel>"><img src="bilder/pfeile_nachrechts.gif" border="0" /></a><tmpl_else><img src="bilder/pfeile_nachrechts_soft.gif" border="0" /></tmpl_if> - </td> - <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td> - </tr> - <tr height="10"> - <td valign="top" width="30" height="10" background="bilder/uebersicht_links.gif"></td> - <td colspan="4" height="10" background="bilder/uebersicht_mitte.gif"></td> - <td valign="top" width="30" height="10" background="bilder/uebersicht_rechts.gif"></td> - </tr> + <table width="100%" border="0" cellspacing="0" cellpadding="0" class="group"> + <tr height="30"> + <td valign="top" width="30"><img src="bilder/uebersicht_oben_links.gif" alt="" height="30" width="30" border="0" /></td> + <td colspan="3" background="bilder/uebersicht_oben.gif"> + <h2><tmpl_var title></h2> + </td> + <td align="right" background="bilder/uebersicht_oben.gif"> + <tmpl_if prev_channel><a href="<tmpl_var prev_channel>"><img src="bilder/pfeile_nachlinks.gif" border="0" /></a><tmpl_else><img src="bilder/pfeile_nachlinks_soft.gif" border="0" /></tmpl_if><tmpl_if next_channel><a href="<tmpl_var next_channel>"><img src="bilder/pfeile_nachrechts.gif" border="0" /></a><tmpl_else><img src="bilder/pfeile_nachrechts_soft.gif" border="0" /></tmpl_if> + </td> + <td valign="top" width="30"><img src="bilder/uebersicht_oben_rechts.gif" alt="" height="30" width="30" border="0" /></td> + </tr> + <tr height="10"> + <td width="30" height="10" background="bilder/uebersicht_links.gif"></td> + <td colspan="4" height="10" background="bilder/uebersicht_mitte.gif"></td> + <td width="30" height="10" background="bilder/uebersicht_rechts.gif"></td> + </tr> <tmpl_else> <tmpl_unless endd> - <tr> - <td valign="top" width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"><a name="<tmpl_var anchor>"></a> </td> - <td valign="top" width="170" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><tmpl_var emit> - <tmpl_var duration> <%! o'clock !%></p> - </td> - <td valign="top" width="652" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> - <b><tmpl_var title></b><br /> - <i><tmpl_var subtitle></i><br /> - </p> - </td> - <td align="right" valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"> - <tmpl_if infurl> - <a href="javascript:popup('<tmpl_var infurl>');"><img src="bilder/info_button.gif" border="0" alt="info" /></a> - <tmpl_else> - <img src="bilder/info_button_disabled.gif" border="0" alt="noinfo" /> - </tmpl_if> - </p> - </td> - <td align="right" valign="top" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif"> - <p class="einzug_liste"><a class="rec" href="<tmpl_var recurl>"><img src="bilder/rec_button.gif" border="0" alt="record" /></a></p> - </td> - <td valign="top" width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"> </td> - </tr> + <tr class="list_row"> + <td width="30" background="bilder/uebersicht_links<tmpl_if __ODD__>_dark</tmpl_if>.gif"><a name="<tmpl_var anchor>"> </a></td> + <td valign="top" width="170" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="duration"> + <div><tmpl_var emit> - <tmpl_var duration> <%! o'clock !%></div> + </td> + <td valign="top" width="652" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="title"> + <div> + <h3><tmpl_var title></h3> + <tmpl_unless subtitle><br /></tmpl_unless> + <h4><tmpl_var subtitle></h4> + </div> + </td> + <td align="right" valign="middle" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="info"> + <div> + <tmpl_if infurl> + <a href="javascript:popup('<tmpl_var infurl>');"><img src="bilder/info_button.gif" border="0" alt="info" /></a> + <tmpl_else> + <img src="bilder/info_button_disabled.gif" border="0" alt="noinfo" /> + </tmpl_if> + </div> + </td> + <td align="right" valign="middle" background="bilder/uebersicht_mitte<tmpl_if __ODD__>_dark</tmpl_if>.gif" class="record"> + <div><a href="<tmpl_var recurl>"><img src="bilder/rec_button.gif" border="0" alt="record" /></a></div> + </td> + <td width="30" background="bilder/uebersicht_rechts<tmpl_if __ODD__>_dark</tmpl_if>.gif"></td> + </tr> </tmpl_unless> </tmpl_if> <tmpl_if endd> - <tr> - <td valign="top" width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td> - <td colspan="4" background="bilder/uebersicht_unten.gif"></td> - <td valign="top" width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td> - </tr> - </table> - <br /> + <tr> + <td width="30"><img src="bilder/uebersicht_unten_links.gif" alt="" height="30" width="30" border="0" /></td> + <td colspan="4" background="bilder/uebersicht_unten.gif"></td> + <td width="30"><img src="bilder/uebersicht_unten_rechts.gif" alt="" height="30" width="30" border="0" /></td> + </tr> + </table> </tmpl_if> </tmpl_loop> + </div> </body> </html> |