diff options
| author | Thomas Keil <tkeil (at) datacrystal (dot) de> | 2007-01-08 00:08:51 +0000 |
|---|---|---|
| committer | Thomas Keil <tkeil (at) datacrystal (dot) de> | 2007-01-08 00:08:51 +0000 |
| commit | b8478173a72e6f202bd3cd4e1e8024620e2ae0bd (patch) | |
| tree | ae9ad08e3670a46a24f372292ad00344d8210e16 | |
| parent | 9b0557c2c31dbc95b040ac79b17804f6da6c5dcb (diff) | |
| download | vdr-plugin-live-b8478173a72e6f202bd3cd4e1e8024620e2ae0bd.tar.gz vdr-plugin-live-b8478173a72e6f202bd3cd4e1e8024620e2ae0bd.tar.bz2 | |
fixed styles on whats_on
| -rw-r--r-- | css/styles.css | 141 | ||||
| -rw-r--r-- | pages/whats_on.ecpp | 39 |
2 files changed, 100 insertions, 80 deletions
diff --git a/css/styles.css b/css/styles.css index 352936e..4155a35 100644 --- a/css/styles.css +++ b/css/styles.css @@ -58,11 +58,17 @@ div.domTTOverlib .contents { div.left_area { width: 150px; float: left; +} + +div.left_area img.logo { margin: 5px; } -div.inhalt { +div.right_area { float: left; +} + +div.inhalt { margin: 5px; } @@ -75,6 +81,7 @@ div.menu { border: 1px solid #6D96A9; color: #6D96A9; padding: 5px; + margin: 5px; } div.menu a { @@ -142,64 +149,102 @@ table td.buttonpanel { text-align: right; } -table.event { - width: 250px; - height: 250px; + +/* ################ + # Event + ################ +*/ +div.event { + width: 255px; + height: 255px; + padding: 0; float: left; - margin: 2px; - padding: 0px; } -table.event tr td.tools { +div.event div.station { + margin: 0; + padding: 0; + width: 250px; +} + +div.station div { + margin: 0; + padding: 0; + background: url(/bg_box_l.png) top left no-repeat; + height: 23px; +} + +div.station div div { + background: url(/bg_box_r.png) top right no-repeat; +} + +div.station div div div { + background: url(/bg_box_h.png) repeat-x; + vertical-align: middle; + text-align: left; + margin-right: 3px; + margin-left: 3px; + padding-left: 5px; + color: white; + font-weight: bold; +} + + + +div.tools { + float: left; + width: 26px; + height: 220px; + margin: 0; + padding: 0; + background: #DEE6EE; - padding: 10px 2px 10px 2px; - width: 25px; text-align: center; vertical-align: top; border-left: 1px solid #000000; border-bottom: 1px solid #000000; } -table.event tr td.tools img { - cursor: pointer; -} - - -table.event tr td.content { - width: 225px; - float: left; - padding: 5px; +div.content { + width: 224px; + height: 220px; + padding: 0; + margin: 0; + margin-left: 25px; + border-right: 1px solid #000000; border-bottom: 1px solid #000000; } +div.tools img { + margin: 5px 2px; +} + div.description { - height: 150px; - overflow: auto; - margin-top: 10px; + margin: 5px; } div.info { text-align: right; - margin-bottom: 3px; -} - -table.event tr td.station { - margin: 0; - padding: 0; - height: 23px; + padding: 5px; } -table.event tr td.content .title { +div.title { font-weight: bold; - height: 15px; + margin: 5px; } -table.event tr td.content .short { - height: 40px; - overflow: hidden; +div.short { + font-weight: normal; + margin: 5px; } + +/* ############# + # Timers + ############# +*/ + table.timers { margin-top: 10px; border: 1px solid #6D96A9; @@ -360,33 +405,3 @@ table.edit tr.active { background: #DEE6EE; } -/* - - Buttons -*/ - -td.station div { - margin: 0; - padding: 0; - height: 23px; - background: url(/bg_box_l.png) top left no-repeat; - cursor: pointer; - color: white; - font-weight: bold; - text-align: center; -} - -td.station div div { - background: url(/bg_box_r.png) top right no-repeat; - margin-left: 3px; - height: 23px; -} - -td.station div div div { - margin: 0 3px 0 0px; - padding: 2px; - background: url(/bg_box_h.png) repeat-x; - height: 23px; - vertical-align: middle; - text-align: left; -} diff --git a/pages/whats_on.ecpp b/pages/whats_on.ecpp index 82ca0a7..16c34f5 100644 --- a/pages/whats_on.ecpp +++ b/pages/whats_on.ecpp @@ -27,6 +27,7 @@ if (type == "now") { } }> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>VDR-Live - <$ head $></title> @@ -39,10 +40,12 @@ if (type == "now") { </head> <body> <div class="left_area"> - <img src="logo.png" alt="VDR Live!" border="0" /> + <img src="logo.png" alt="VDR Live!" class="logo"/> <& menu > </div> - <div class="inhalt"> + + <div class="right_area"> + <div class="inhalt"> <& pageelems.header_box content=(head) &> <{ @@ -66,26 +69,27 @@ if (type == "now") { std::string start_m(FormatDateTime( "%M", Event->StartTime())); std::string end_m(FormatDateTime( "%M", Event->EndTime())); - + if (description.length() > 300) { + description = description.substr(0,250) + "..."; + } }> - <table class="event" cellpadding="0" cellspacing="0"> - <tr> - <td class="station" colspan="2"> + <div class="event"> + <div class="station"> <div><div><div><$ channel_name $></div></div></div> - </td> - </tr> - <tr> - <td class="tools"> - <a href="edit_timer.html?channel=<$ channel_id $>&title=<$ title $>&start_h=<$ start_h $>&end_h=<$ end_h $>&start_m=<$ start_m $>&end_m=<$ end_m $>"><img src="/record.png" alt="" <& tooltip_widget tooltip=(tr("Record this")) &> border="0"/></a> - </td> - <td class="content"> + </div> + <div class="tools"> + <a href="edit_timer.html?channel=<$ channel_id $>&title=<$ title $>&start_h=<$ start_h $>&end_h=<$ end_h $>&start_m=<$ start_m $>&end_m=<$ end_m $>"><img src="/record.png" alt="" <& tooltip_widget tooltip=(tr("Record this")) &> border="0" /></a> + </div> + <div class="content"> <div class="info"><$ start $> - <$ end $></div> <div class="title"><$ title $></div> <div class="short"><$ short_description $></div> - <div class="description"><$ description $></div> - </td> - </tr> - </table> + <div class="description"> + <$ description $> + </div> + </div> + </div> + <{ } @@ -94,6 +98,7 @@ if (type == "now") { } } }> + </div> </div> </body> </html> |