AmaroK playlist

# HG changeset patch # User Dan # Date 1217978001 14400 # Node ID c15f6dcc8085d11a5220e7955a252b556af213e6 # Parent 20a36fe254c968a6e9a5921b5da8326790fa16c9 Added grey theme. diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/ajax.gif Binary file themes/grey/images/ajax.gif has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/amarok.gif Binary file themes/grey/images/amarok.gif has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/next.png Binary file themes/grey/images/next.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/pause.png Binary file themes/grey/images/pause.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/play.png Binary file themes/grey/images/play.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/playbar-shadow.gif Binary file themes/grey/images/playbar-shadow.gif has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/playbar.gif Binary file themes/grey/images/playbar.gif has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/playhead.png Binary file themes/grey/images/playhead.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/position-empty.png Binary file themes/grey/images/position-empty.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/position-full.png Binary file themes/grey/images/position-full.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/prev.png Binary file themes/grey/images/prev.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/src/playbar-shadow.xcf Binary file themes/grey/images/src/playbar-shadow.xcf has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/src/playbar.xcf Binary file themes/grey/images/src/playbar.xcf has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/src/playhead.xcf Binary file themes/grey/images/src/playhead.xcf has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/src/position-empty.xcf Binary file themes/grey/images/src/position-empty.xcf has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/src/position-full.xcf Binary file themes/grey/images/src/position-full.xcf has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/stop.png Binary file themes/grey/images/stop.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/images/volume.png Binary file themes/grey/images/volume.png has changed diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/playlist.tpl --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/themes/grey/playlist.tpl Tue Aug 05 19:13:21 2008 -0400 @@ -0,0 +1,92 @@ +{** + * Template file for default Funky Monkey theme + * Web control interface script for Amarok + * Written by Dan Fuhry - 2008 + * + * This script is in the public domain. Use it for good, not evil. + *} + + + + + AmaroK playlist + + + + + {foreach from=$scripts item=script} + + {/foreach} + + +

+ + AmaroK web control

+ {if $allow_control} +

+ {/if} + + --:--/--:-- + {if $allow_control} + + Volume:

+ + + {/if} +

+ + + + + + + + + {foreach key=tid item=track from=$playlist} + {strip} + + + + + + + + {/strip} + {/foreach} +

TrackNo	Track	Artist	Album	Length
{$tid+1}	+ + {$track.title\|escape} + +	{$track.artist\|escape}	{$track.album\|escape}	{$track.length\|escape}

+ Powered by Greyhound +

+ + + diff -r 20a36fe254c9 -r c15f6dcc8085 themes/grey/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/themes/grey/style.css Tue Aug 05 19:13:21 2008 -0400 @@ -0,0 +1,146 @@ +/** + * Based upon the AmaroK WebControl interface by: + * Jonas Christian Drewsen ( kde at xspect dot dk ) + * André Kelpe ( fs111 at web dot de ) + * Peter C. Ndikuwera ( pndiku at gmail dot com ) + */ + +body { + font-family: sans-serif; + background-color: #262626; + color: #ffffff; + padding: 0 8px; + background-image: url(images/playbar-shadow.gif); + background-repeat: repeat-x; +} + +div.tblholder { + padding: 1px; + background-color: #b0b0b0; + border: 1px solid #000000; +} + +div.tblholder table { + background-color: #606060; +} + +tr th { + background-color: #505050; +} + +tr.row1 td { + background-color: #383838; +} + +tr.row2 td { + background-color: #424242; +} + +tr.current td { + background-color: #303030; + color: #ffff00; +} + +div#playbar { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 32px; + padding: 0; + margin: 0; + background-image: url(images/playbar.gif); + background-repeat: repeat-x; + background-color: #383f61; + border-bottom: 1px solid #000000; +} + +div.playbar-inner { + padding: 5px; + line-height: 22px; +} + +a img { + border-width: 0; +} + +div#playlist { + margin-top: 48px; +} + +a.tracklink { + text-decoration: none; + color: white; +} + +div#playlist tr.current a.tracklink { + color: #ffff00; +} + +span#playmeter, span#volume_wrap { + position: relative; + top: -7px; +} + +a.volume_button { + padding-right: 10px; + margin-right: 1px; + background-color: #262626; + border: 1px solid #909090; + text-decoration: none; +} + +a.volume_button_active { + background-color: #404040; + border-color: #d0d0d0; +} + +/* Position slider (playhead) */ + +div#playhead { + background-image: url(images/position-empty.png); + width: 250px; + background-repeat: no-repeat; + background-position: center center; + float: right; + margin-left: 10px; +} + +div#playhead-filler { + background-image: url(images/position-full.png); + width: 150px; + background-repeat: no-repeat; + background-position: left center; +} + +div#playhead-button { + background-image: url(images/playhead.png); + width: 16px; + height: 16px; + font-size: 1px; + position: absolute; + background-repeat: no-repeat; + background-position: center center; +} + +/* The list of colors that will be cycled through as playback takes place */ +tr.pulsar0 td { background-color: #303030; } +tr.pulsar1 td { background-color: #333333; } +tr.pulsar2 td { background-color: #363636; } +tr.pulsar3 td { background-color: #393939; } +tr.pulsar4 td { background-color: #3c3c3c; } +tr.pulsar5 td { background-color: #3f3f3f; } +tr.pulsar6 td { background-color: #424242; } +tr.pulsar7 td { background-color: #454545; } +tr.pulsar8 td { background-color: #484848; } +tr.pulsar9 td { background-color: #4b4b4b; } + +div.poweredby { + font-size: smaller; + text-align: center; + margin: 10px 0; +} + +div.poweredby a { + color: #57608a; +}