diff options
| author | Karl Vollmer <vollmer@ampache.org> | 2011-04-27 09:44:18 -0300 |
|---|---|---|
| committer | Karl Vollmer <vollmer@ampache.org> | 2011-04-27 09:44:18 -0300 |
| commit | d31e301e6171d1f178eb171bf37d7c231de4d168 (patch) | |
| tree | 6754308f3fac65c06930529ab967d259f95f0b2c /themes | |
| parent | 073ea584dc49429d76f955c57639e919ce3472d8 (diff) | |
| download | ampache-d31e301e6171d1f178eb171bf37d7c231de4d168.tar.gz ampache-d31e301e6171d1f178eb171bf37d7c231de4d168.tar.bz2 ampache-d31e301e6171d1f178eb171bf37d7c231de4d168.zip | |
Add Fresh theme as a 'included' theme
Diffstat (limited to 'themes')
37 files changed, 2993 insertions, 0 deletions
diff --git a/themes/fresh/ampache.psd b/themes/fresh/ampache.psd Binary files differnew file mode 100644 index 00000000..fe207521 --- /dev/null +++ b/themes/fresh/ampache.psd diff --git a/themes/fresh/images/ajax-loader.gif b/themes/fresh/images/ajax-loader.gif Binary files differnew file mode 100644 index 00000000..b20f505f --- /dev/null +++ b/themes/fresh/images/ajax-loader.gif diff --git a/themes/fresh/images/ajax-loader2.gif b/themes/fresh/images/ajax-loader2.gif Binary files differnew file mode 100644 index 00000000..aaa180ca --- /dev/null +++ b/themes/fresh/images/ajax-loader2.gif diff --git a/themes/fresh/images/ampache.png b/themes/fresh/images/ampache.png Binary files differnew file mode 100644 index 00000000..f72b680c --- /dev/null +++ b/themes/fresh/images/ampache.png diff --git a/themes/fresh/images/blank-pixel.gif b/themes/fresh/images/blank-pixel.gif Binary files differnew file mode 100644 index 00000000..17d43908 --- /dev/null +++ b/themes/fresh/images/blank-pixel.gif diff --git a/themes/fresh/images/blankalbum.jpg b/themes/fresh/images/blankalbum.jpg Binary files differnew file mode 100644 index 00000000..33e89a0d --- /dev/null +++ b/themes/fresh/images/blankalbum.jpg diff --git a/themes/fresh/images/icons/icon_add.png b/themes/fresh/images/icons/icon_add.png Binary files differnew file mode 100755 index 00000000..da42e173 --- /dev/null +++ b/themes/fresh/images/icons/icon_add.png diff --git a/themes/fresh/images/icons/icon_add12.png b/themes/fresh/images/icons/icon_add12.png Binary files differnew file mode 100755 index 00000000..6bbba514 --- /dev/null +++ b/themes/fresh/images/icons/icon_add12.png diff --git a/themes/fresh/images/icons/icon_add2.png b/themes/fresh/images/icons/icon_add2.png Binary files differnew file mode 100755 index 00000000..11387396 --- /dev/null +++ b/themes/fresh/images/icons/icon_add2.png diff --git a/themes/fresh/images/icons/icon_add_user.png b/themes/fresh/images/icons/icon_add_user.png Binary files differnew file mode 100755 index 00000000..9f6c0f5f --- /dev/null +++ b/themes/fresh/images/icons/icon_add_user.png diff --git a/themes/fresh/images/icons/icon_admin.png b/themes/fresh/images/icons/icon_admin.png Binary files differnew file mode 100755 index 00000000..ee0c7717 --- /dev/null +++ b/themes/fresh/images/icons/icon_admin.png diff --git a/themes/fresh/images/icons/icon_all.png b/themes/fresh/images/icons/icon_all.png Binary files differnew file mode 100755 index 00000000..2dfaef50 --- /dev/null +++ b/themes/fresh/images/icons/icon_all.png diff --git a/themes/fresh/images/icons/icon_batch_download.png b/themes/fresh/images/icons/icon_batch_download.png Binary files differnew file mode 100755 index 00000000..67a3d9a1 --- /dev/null +++ b/themes/fresh/images/icons/icon_batch_download.png diff --git a/themes/fresh/images/icons/icon_delete.png b/themes/fresh/images/icons/icon_delete.png Binary files differnew file mode 100755 index 00000000..6b9fa6dd --- /dev/null +++ b/themes/fresh/images/icons/icon_delete.png diff --git a/themes/fresh/images/icons/icon_disable.png b/themes/fresh/images/icons/icon_disable.png Binary files differnew file mode 100755 index 00000000..7af3a518 --- /dev/null +++ b/themes/fresh/images/icons/icon_disable.png diff --git a/themes/fresh/images/icons/icon_edit.png b/themes/fresh/images/icons/icon_edit.png Binary files differnew file mode 100755 index 00000000..0699492c --- /dev/null +++ b/themes/fresh/images/icons/icon_edit.png diff --git a/themes/fresh/images/icons/icon_edit2.png b/themes/fresh/images/icons/icon_edit2.png Binary files differnew file mode 100755 index 00000000..7dc0d546 --- /dev/null +++ b/themes/fresh/images/icons/icon_edit2.png diff --git a/themes/fresh/images/icons/icon_enable.png b/themes/fresh/images/icons/icon_enable.png Binary files differnew file mode 100755 index 00000000..210b1a6c --- /dev/null +++ b/themes/fresh/images/icons/icon_enable.png diff --git a/themes/fresh/images/icons/icon_feed.png b/themes/fresh/images/icons/icon_feed.png Binary files differnew file mode 100755 index 00000000..cdf4e8f3 --- /dev/null +++ b/themes/fresh/images/icons/icon_feed.png diff --git a/themes/fresh/images/icons/icon_home.png b/themes/fresh/images/icons/icon_home.png Binary files differnew file mode 100755 index 00000000..622a2b73 --- /dev/null +++ b/themes/fresh/images/icons/icon_home.png diff --git a/themes/fresh/images/icons/icon_logout.png b/themes/fresh/images/icons/icon_logout.png Binary files differnew file mode 100755 index 00000000..2bc51acc --- /dev/null +++ b/themes/fresh/images/icons/icon_logout.png diff --git a/themes/fresh/images/icons/icon_next.png b/themes/fresh/images/icons/icon_next.png Binary files differnew file mode 100755 index 00000000..7ae440af --- /dev/null +++ b/themes/fresh/images/icons/icon_next.png diff --git a/themes/fresh/images/icons/icon_pause.png b/themes/fresh/images/icons/icon_pause.png Binary files differnew file mode 100755 index 00000000..af57b25d --- /dev/null +++ b/themes/fresh/images/icons/icon_pause.png diff --git a/themes/fresh/images/icons/icon_play.png b/themes/fresh/images/icons/icon_play.png Binary files differnew file mode 100755 index 00000000..2dfaef50 --- /dev/null +++ b/themes/fresh/images/icons/icon_play.png diff --git a/themes/fresh/images/icons/icon_playlist_add.png b/themes/fresh/images/icons/icon_playlist_add.png Binary files differnew file mode 100755 index 00000000..df35ed6e --- /dev/null +++ b/themes/fresh/images/icons/icon_playlist_add.png diff --git a/themes/fresh/images/icons/icon_plugin.png b/themes/fresh/images/icons/icon_plugin.png Binary files differnew file mode 100755 index 00000000..0f3736f9 --- /dev/null +++ b/themes/fresh/images/icons/icon_plugin.png diff --git a/themes/fresh/images/icons/icon_prev.png b/themes/fresh/images/icons/icon_prev.png Binary files differnew file mode 100755 index 00000000..a39522fa --- /dev/null +++ b/themes/fresh/images/icons/icon_prev.png diff --git a/themes/fresh/images/icons/icon_random.png b/themes/fresh/images/icons/icon_random.png Binary files differnew file mode 100755 index 00000000..ab3dd302 --- /dev/null +++ b/themes/fresh/images/icons/icon_random.png diff --git a/themes/fresh/images/icons/icon_stop.png b/themes/fresh/images/icons/icon_stop.png Binary files differnew file mode 100755 index 00000000..7c6af7f0 --- /dev/null +++ b/themes/fresh/images/icons/icon_stop.png diff --git a/themes/fresh/images/icons/icon_view.png b/themes/fresh/images/icons/icon_view.png Binary files differnew file mode 100755 index 00000000..b4b23129 --- /dev/null +++ b/themes/fresh/images/icons/icon_view.png diff --git a/themes/fresh/images/icons/icon_volumeup.png b/themes/fresh/images/icons/icon_volumeup.png Binary files differnew file mode 100755 index 00000000..62fcfc66 --- /dev/null +++ b/themes/fresh/images/icons/icon_volumeup.png diff --git a/themes/fresh/images/ratings/star_rating.gif b/themes/fresh/images/ratings/star_rating.gif Binary files differnew file mode 100644 index 00000000..55ac1f54 --- /dev/null +++ b/themes/fresh/images/ratings/star_rating.gif diff --git a/themes/fresh/images/ratings/star_rating.png b/themes/fresh/images/ratings/star_rating.png Binary files differnew file mode 100644 index 00000000..6c75aedc --- /dev/null +++ b/themes/fresh/images/ratings/star_rating.png diff --git a/themes/fresh/templates/default-rightbarfoot.css b/themes/fresh/templates/default-rightbarfoot.css new file mode 100644 index 00000000..68f98b67 --- /dev/null +++ b/themes/fresh/templates/default-rightbarfoot.css @@ -0,0 +1,916 @@ +/*********************************************** + General style rules +***********************************************/ +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td +{ + border:0; + outline:0; + font-size:100%; + vertical-align:baseline; + background:transparent; + margin:0; + padding:0; +} + +body +{ + line-height:1; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:12px; + color:#111; + background:#e8e8e8; +} + +blockquote,q +{ + quotes:none; +} + +blockquote:before,blockquote:after,q:before,q:after +{ + content:none; +} + +:focus +{ + outline:0; +} + +del +{ + text-decoration:line-through; +} + +table +{ + border-collapse:collapse; + border-spacing:0; +} + +.error +{ + color:#c33; +} + +a +{ + color:#111; + text-decoration:none; +} + +h3 +{ + font-size:20px; +} + +hr { + border-top: 1px solid #bbb; + border-bottom: 1px solid #eee; + border-right: 0; + border-left: 0; +} + +/*********************************************** + Wrappers +***********************************************/ +#maincontainer +{ + width:1100px; +} + +#sidebar +{ + width:140px; +} + +#content +{ + margin-top:32px; + margin-left:160px; + width:945px; +} + +.box +{ + margin-top:5px; +} + +#rightbar +{ + width:100%; + position:fixed; + clear:both; + bottom: 0; + background: #333; + z-index: 10; +} + +#footer +{ + width: 1100px; + margin-top: 20px; + margin-bottom: 120px; +} + +/*********************************************** + Header +***********************************************/ +#header +{ + background:#222; + line-height:30px; + height:50px; + padding:7px; +} + +#header .box-inside +{ + width:550px; + text-align:right; + float:right; +} + +#header .clearfix +{ + clear:none; +} + +#header .box-inside input +{ + border:2px solid #666; + border-radius:2px; + background:#000; + font-weight:700; + color:#eee; + font-size:10px; + width:120px; + padding:4px; +} + +#header input.button +{ + width:80px; + background:#222; +} + +#header #advSearchBtn +{ + color:#aaa; + padding:4px; +} + +#header #loginInfo +{ + color:#eee; +} + +#header #loginInfo a +{ + color:#ccc; +} + +/*********************************************** + Sidebar +***********************************************/ +#sidebar-page +{ + position:absolute; + padding-bottom:0.5em; + width:140px; + left:7px; +} + +#sidebar-tabs +{ + width:140px; + background:#e8e8e8; + float:left; + padding:7px; + margin-left: 8px; +} + +#sidebar-tabs li.sb1 +{ + float:left; + margin-right:5px; +} + +#sidebar-tabs .sb2 li +{ + background:#fff; + border-radius:4px; + margin-top:7px; + padding:7px; +} + +#sidebar-tabs .sb2 li h4 +{ + font-weight:700; + display:block; + border-radius:3px; + background:#ddd; + color:#222; + padding:5px; +} + +#sidebar-tabs .sb2 li ul li +{ + background:#fff; + border-radius:0; + margin-top:0; + padding:0; +} + +#sidebar-tabs .sb2 li ul li a +{ + font-weight:700; + display:block; + border-radius:3px; + padding:5px; +} + +#sidebar-tabs .sb2 li ul li a:hover +{ + background:#d2e6f9; +} + +#sidebar-tabs .sb2 #browse_filters li +{ + background:#f9f9f9; +} + +#sidebar-tabs .sb2 #browse_filters #multi_alpha_filterLabel +{ + margin:5px 3px 0; + display: block; +} + +#sidebar-tabs .sb2 #browse_filters #multi_alpha_filter +{ + border:1px solid #bbb; + border-radius:2px; + padding:4px; + width: 115px; +} + +/*********************************************** + Rightbar +***********************************************/ +#rightbar +{ + background:#ddd; + padding:7px; + border-top: 3px solid #999; +} + +#rightbar #rb_action +{ + width: 130px; + float: left; +} + +#rightbar #rb_action li +{ + display: inline; +} + +#rightbar #rb_action .submenu +{ + display:none; + position:absolute; + width:120px; + padding:0.6em; + background: #fff; +} + +#rightbar #rb_action .submenu li a { + padding: 1px; + border-bottom: 1px solid #ccc; + display: block; +} + +#rightbar #rb_action li:hover .submenu +{ + display:block; +} + +#rightbar #rb_current_playlist +{ + float: left; + width: 800px; + height: 40px; +} + + + +#rightbar #rb_current_playlist li +{ + border: 1px solid #aaa; + border-radius: 4px; + color: #333; + padding: 2px 5px; + float: left; + margin: 2px; +} + +#rightbar #rb_current_playlist li a +{ +} + +#rightbar #rb_current_playlist .even { + background: #d3d3d3; +} + +#rightbar #rb_current_playlist li img +{ +} + +#rightbar #rb_current_playlist li .delitem img { + vertical-align: top; + width: 13px; + opacity: 0.6; +} + +/*********************************************** + Content +***********************************************/ +#ajax-loading +{ + position:absolute; + background:#444; + text-align:center; + width:90px; + top:0; + color:#bbb; + margin:0 auto; + padding: 3px 1px 3px 10px; + border: 2px solid #333; + border-top: 0px; + border-left: 0px; + background: #444 url(../images/ajax-loader.gif) no-repeat 2px; + display: none; +} + +.box-content h3.box-title,#browse_content .box h3.box-title +{ + display:block; + background:#888; + color:#eee; + border-bottom:1px solid #335b0d; + border-top-right-radius:3px; + border-top-left-radius:3px; + font-weight:400; + padding:7px; +} + +#browse_content .box.browse_song h3.box-title +{ + background:#66B717; +} + +#browse_content .box.browse_album h3.box-title +{ + background:#09c; +} + +#browse_content .box.browse_artist h3.box-title +{ + background:#c60; +} + +.list-header +{ + border-left:1px solid #bbb; + border-right:1px solid #bbb; + border-bottom: 1px solid #bbb; + padding:7px; +} + +table.tabledata +{ + width:100%; + text-align:left; + border:1px solid #bbb; +} + +table.tabledata th +{ + border:1px solid #bbb; + border-left:1px solid #ccc; + border-right:1px solid #ccc; + background:#eee; + font-weight:700; + font-size:11px; + color:#444; + padding:7px 10px; +} + +#browse_content table.tabledata th, #browse_content table.tabledata +{ + border-top: 0px; +} + +table.tabledata tbody +{ + background:#fff; +} + +table .th-bottom { + border-top: 1px solid #ccc; +} + +table.tabledata tbody td +{ + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + padding:4px 10px; +} + +#browse_content table.tabledata tbody tr:hover +{ + background:#b3d6f7; +} + +table.tabledata tbody .odd +{ + background:#eee; +} + +table.tabledata tbody .cel_add +{ + width:14px; + text-align: center; +} + +table.tabledata tbody .cel_artist +{ + min-width:120px; +} + +table.tabledata tbody .cel_action +{ + width:70px; +} + +table.tabledata tbody td.cel_rating +{ + min-width:93px; + padding:4px 3px; +} + +table.tabledata tbody .cel_tags +{ + max-width:80px; +} + +table.tabledata tbody .cel_cover img +{ + border: 4px double #bbb; +} + +.box_preferences h4 +{ + font-size:15px; + background:#555; + color:#eee; + font-weight:400; + border:1px solid #333; + padding:5px; +} + +/*********************************************** + Content (info-box) +***********************************************/ +#content .info-box h3 +{ + margin-top:10px; +} + +#content .info-box .box-content div.star-rating +{ + width:150px; + max-width:150px; +} + +/* Random album (homepage) */ +#random_selection .random_album +{ + float:left; + width:125px; + margin-bottom: 10px; + text-align: center; +} + +#random_selection .random_album div { + display: inline; +} + +#random_selection .random_album img { + border: 4px double #ccc; +} + +#random_selection .random_album .star-rating +{ + float: left; +} + +#random_selection .random_album .play_album +{ + float: left; + margin-left: 7px; +} + +#random_selection .random_album .play_album a img +{ + border: 0px; +} + +#random_selection .box-bottom +{ + clear:left; +} + +/*********************************************** + Content (Tag cloud) +***********************************************/ +.box-content #tag_filter +{ + padding:5px 0px; +} + +.clearfix { + clear: left; +} + +.box-bottom { + clear: both; +} + +span.fatalerror { + color: #c60; + padding: 5px; + display: block; +} + +.box-content #tag_filter span +{ + padding: 2px 6px; + border: 1px solid #bbb; + margin: 1px; + float: left; + background: #e8e8e8; +} + +.box-content #tag_filter span:hover +{ + background: #ddd; + color: #222; + border: 1px solid #888; +} + +/*********************************************** + Content (inline edit) +***********************************************/ +.inline-edit select { + max-width: 200px; +} + + +/*********************************************** + Content (information-actions) +***********************************************/ +#information_actions +{ + margin-top:10px; + width:300px; +} + +#information_actions h3 +{ + /* only showing up in album view, so strange..bug*/ +} + +#content .info-box .box-content .album_art +{ + float: right; + border: 4px double #ccc; +} + +#information_actions ul li +{ + border-bottom:1px solid #ccc; + padding:3px 0; +} + +#information_actions .star-rating li +{ + padding:0; +} + +#information_actions li img +{ + vertical-align:top; +} + +#information_actions li a +{ + vertical-align:bottom; +} + +#information_actions li a:hover +{ + color:#09c; +} + +/************************************************/ +/* Styles for the star ratings */ +/************************************************/ +.star-rating +{ + position:relative; +} +.dynamic-star-rating +{ + width:95px; +} +.star-rating ul, +.star-rating a:hover, +.star-rating .current-rating +{ + background: url(../../../themes/fresh/images/ratings/star_rating.png) left -1000px repeat-x; +} +.star-rating ul +{ + position:relative; + width:80px; + height:15px; + overflow:hidden; + list-style:none; + margin:0; + padding:0; + background-position: left top; +} +.star-rating li +{ + display: inline; +} + +.star-rating a, .star-rating span, +.star-rating .current-rating +{ + position:absolute; + top:0; + left:0; + text-indent:-1000em; + height:15px; + line-height:15px; + outline:none; + overflow:hidden; + border:none; +} + +.star-rating .star1 { width:20%; z-index:6; } +.star-rating .star2 { width:40%; z-index:5; } +.star-rating .star3 { width:60%; z-index:4; } +.star-rating .star4 { width:80%; z-index:3; } +.star-rating .star5 { width:100%; z-index:2;} +.star-rating .current-rating { z-index:1; background-position: left bottom; } + +.star-rating a.star0 +{ + left:0px; + width:16px; + background: url(../../../images/ratings/x_off.gif) left top; +} + +.dynamic-star-rating a:hover +{ + background-position: left center; +} + +.dynamic-star-rating a:hover.star0 +{ + background: url(../../../images/ratings/x.gif) left top; +} +.dynamic-star-rating ul +{ + left:16px; +} + +/*********************************************** + Content (Track view) +***********************************************/ +dl.song_details +{ + padding: 0.5em; +} + +dl.song_details dd +{ + margin: 0 0 0 95px; + padding: 0 0 0.5em 0; +} + +dl.song_details dt +{ + float: left; + clear: left; + width: 80px; + text-align: right; + font-weight: bold; + color: #c60; +} + +dl.song_details a:hover +{ + color: #09c; + text-decoration: underline; +} + + +/*********************************************** + Footer +***********************************************/ +#footer +{ + text-align:right; +} + +#footer a:hover { + color: #09c; + text-decoration: underline; +} + +/*********************************************** + Login +***********************************************/ +#loginPage #header +{ + padding-left: 20px; + border: 1px solid #000; +} + +#loginPage #maincontainer { + width: 470px; + margin: 40px auto 0; + background: #fff; + border: 1px solid #ddd; +} + +#loginPage #loginbox { + padding: 20px; +} + +#loginPage #loginbox h2 +{ + display: none; +} + +#loginPage #loginbox label +{ + float: left; + width: 110px; + font-weight: bold; + color: #333; + text-align: right; + vertical-align: middle; + line-height: 30px; + margin-right: 20px; +} + +#loginPage #loginbox .loginfield input +{ + padding: 5px; + border: 1px solid #ccc; + width: 170px; + color: #444; + font-size: 12px; + outline: 0px; + vertical-align: middle; +} + +#loginPage #loginbox a.button +{ + color: #777; + cursor: pointer; + padding: 4px 10px; +} + +#loginPage #loginbox a:hover +{ + color: #111; +} + +#loginPage .loginfield +{ + width: 400px; +} + +#loginPage span.error +{ + display: block; + clear: left; + padding: 10px; + background: #ff9999; + border: 1px solid #cc3333; + font-weight: bold; + color: #990000; + text-align: center; + margin-bottom: 10px; +} + +#loginPage .formValidation +{ + clear: left; + background: #eee; + padding: 5px 10px; + border: 1px solid #ddd; + text-align: center; +} + +#loginPage #loginbox input.button +{ + padding: 4px 10px; + border: 1px solid #bbb; + font-weight: bold; + color: #333; + background: #e9e9e9; + cursor: pointer; +} + +#loginPage input#rememberme +{ + margin-top: 7px; +} + +#loginPage input#lostpasswordbutton +{ + margin-left: 130px; +} + +#loginPage #loginbox input.button:hover +{ + background: #ddd; + border: 1px solid #aaa; +} + +#loginPage #footer +{ + width: 470px; + margin: 10px auto; + color: #888; +} + +#loginPage #footer a +{ + color: #555; +} + +/*********************************************** + Server settings +***********************************************/ +table.tabledata .cel_php_setting, table.tabledata .cel_configuration, .cel_preference +{ + width: 200px; +} + + +/*********************************************** + Other +***********************************************/ +ol,ul,#rightbar ul +{ + list-style:none; +} + +ins,#rightbar a +{ + text-decoration:none; +} + +.clearfix,#content .info-box .box-content,#additional_information +{ + clear:both; +} + +#header #headerlogo +{ + float:left; +} + +#header .box-inside div,#header .box-inside form,#rightbar,.star-rating li +{ + display:inline; +} + +.list-header a:hover +{ + text-decoration:underline; +} + +#localplay-control span,.box-content #tag_filter span +{ + cursor:pointer; +}
\ No newline at end of file diff --git a/themes/fresh/templates/default-rtl.css b/themes/fresh/templates/default-rtl.css new file mode 100644 index 00000000..ea681c38 --- /dev/null +++ b/themes/fresh/templates/default-rtl.css @@ -0,0 +1,1012 @@ +/***********************************************
+ General style rules
+***********************************************/
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
+{
+ border:0;
+ outline:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+ margin:0;
+ padding:0;
+}
+
+body
+{
+ line-height:1;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size:12px;
+ color:#111;
+ background:#e8e8e8;
+}
+
+blockquote,q
+{
+ quotes:none;
+}
+
+blockquote:before,blockquote:after,q:before,q:after
+{
+ content:none;
+}
+
+:focus
+{
+ outline:0;
+}
+
+del
+{
+ text-decoration:line-through;
+}
+
+table
+{
+ border-collapse:collapse;
+ border-spacing:0;
+}
+
+.error
+{
+ color:#c33;
+}
+
+a
+{
+ color:#111;
+ text-decoration:none;
+}
+
+h3
+{
+ font-size:20px;
+ margin-bottom: 5px;
+}
+
+hr {
+ border-top: 1px solid #bbb;
+ border-bottom: 1px solid #eee;
+ border-right: 0;
+ border-left: 0;
+}
+
+/***********************************************
+ Wrappers
+***********************************************/
+#maincontainer
+{
+ width:1315px;
+}
+
+#sidebar
+{
+ width:140px;
+}
+
+#content
+{
+ margin-top:32px;
+ margin-left:160px;
+ width:945px;
+}
+
+.box
+{
+ margin-top:5px;
+}
+
+#rightbar
+{
+ width:180px;
+ margin-top:32px;
+ margin-left:1120px;
+ position:absolute;
+ clear:both;
+}
+
+#footer
+{
+ width: 1100px;
+ margin-top: 20px;
+ margin-bottom: 120px;
+}
+
+/***********************************************
+ Header
+***********************************************/
+#header
+{
+ background:#222;
+ line-height:30px;
+ height:50px;
+ padding:7px;
+}
+
+#header .box-inside
+{
+ width:550px;
+ text-align:right;
+ float:right;
+}
+
+#header .clearfix
+{
+ clear:none;
+}
+
+#header .box-inside input
+{
+ border:2px solid #666;
+ border-radius:2px;
+ background:#000;
+ font-weight:700;
+ color:#eee;
+ font-size:10px;
+ width:120px;
+ padding:4px;
+}
+
+#header input.button
+{
+ width:80px;
+ background:#222;
+}
+
+#header #advSearchBtn
+{
+ color:#aaa;
+ padding:4px;
+}
+
+#header #loginInfo
+{
+ color:#eee;
+}
+
+#header #loginInfo a
+{
+ color:#ccc;
+}
+
+/***********************************************
+ Sidebar
+***********************************************/
+#sidebar-page
+{
+ position:absolute;
+ padding-bottom:0.5em;
+ width:140px;
+ left:7px;
+}
+
+#sidebar-tabs
+{
+ width:140px;
+ background:#e8e8e8;
+ float:left;
+ padding:7px;
+ margin-left: 8px;
+}
+
+#sidebar-tabs li.sb1
+{
+ float:left;
+ margin-right:5px;
+}
+
+#sidebar-tabs .sb2 li
+{
+ background:#fff;
+ border-radius:4px;
+ margin-top:7px;
+ padding:7px;
+}
+
+#sidebar-tabs .sb2 li h4
+{
+ font-weight:700;
+ display:block;
+ border-radius:3px;
+ background:#ddd;
+ color:#222;
+ padding:5px;
+}
+
+#sidebar-tabs .sb2 li ul li
+{
+ background:#fff;
+ border-radius:0;
+ margin-top:0;
+ padding:0;
+}
+
+#sidebar-tabs .sb2 li ul li a
+{
+ font-weight:700;
+ display:block;
+ border-radius:3px;
+ padding:5px;
+}
+
+#sidebar-tabs .sb2 li ul li a:hover
+{
+ background:#d2e6f9;
+}
+
+#sidebar-tabs .sb2 #browse_filters li
+{
+ background:#f9f9f9;
+}
+
+#sidebar-tabs .sb2 #browse_filters #multi_alpha_filterLabel
+{
+ margin:5px 3px 0;
+ display: block;
+}
+
+#sidebar-tabs .sb2 #browse_filters #multi_alpha_filter
+{
+ border:1px solid #bbb;
+ border-radius:2px;
+ padding:4px;
+ width: 115px;
+}
+
+/***********************************************
+ Rightbar
+***********************************************/
+#rightbar
+{
+ background:#fff;
+ border-radius:4px;
+ padding:7px;
+}
+
+#rightbar #rb_action
+{
+ padding:4px;
+}
+
+#rightbar #rb_action li {
+ margin-right: 5px;
+}
+
+#rightbar li#rb_add,#rightbar li#pl_add
+{
+ position:relative;
+ z-index:10;
+}
+
+#rightbar li:hover .submenu
+{
+ display:block;
+}
+
+#rightbar .submenu
+{
+ display:none;
+ position:absolute;
+ left:-50px;
+ top:14px;
+ background:#fff;
+ border:2px solid silver;
+ width:120px;
+ padding:0.6em;
+}
+
+#rightbar #rb_action .submenu li {
+ margin: 0;
+}
+
+* html #rightbar .submenu
+{
+ right:100px;
+}
+
+/* IE6 fix */
+#rightbar .submenu a
+{
+ display:block;
+ border-bottom:1px dotted #ddd;
+ color:#5b5b5b;
+ text-decoration:none;
+ text-align:left;
+ padding:0.4em;
+}
+
+#rightbar .submenu a:hover
+{
+ color:#333;
+}
+
+#rightbar #rb_current_playlist li
+{
+ position:relative;
+ padding-right:20px;
+}
+
+#rightbar #rb_current_playlist li a
+{
+ display:block;
+ padding:0.2em;
+ color:#5b5b5b;
+ border-bottom: 1px solid #f3f3f3;
+ line-height:16px;
+}
+
+#rightbar #rb_current_playlist li a:hover
+{
+ color: #111;
+}
+
+#rightbar #rb_current_playlist li.odd
+{
+ background: #f9f9f9;
+}
+
+#rightbar .delitem
+{
+ position:absolute;
+ right:0;
+ top:0;
+}
+
+/* Rightbar Localplay Controls */
+#rightbar #localplay-control
+{
+ padding-left:5px;
+}
+
+#rightbar #localplay-control {
+ border: 1px solid #e3e3e3;
+ background: #f6f6f6;
+ padding: 5px;
+ text-align: center;
+ margin: 7px 0px;
+}
+
+#rightbar #localplay-control img {
+ vertical-align: bottom;
+}
+
+/***********************************************
+ Content
+***********************************************/
+#ajax-loading
+{
+ position:absolute;
+ background:#444;
+ text-align:center;
+ width:90px;
+ top:0;
+ color:#bbb;
+ margin:0 auto;
+ padding: 3px 1px 3px 10px;
+ border: 2px solid #333;
+ border-top: 0px;
+ border-left: 0px;
+ background: #444 url(../images/ajax-loader.gif) no-repeat 2px;
+ display: none;
+}
+
+.box-content h3.box-title,#browse_content .box h3.box-title
+{
+ display:block;
+ background:#888;
+ color:#eee;
+ border-bottom:1px solid #335b0d;
+ border-top-right-radius:3px;
+ border-top-left-radius:3px;
+ font-weight:400;
+ padding:7px;
+ margin-bottom: 0px;
+}
+
+#browse_content .box.browse_song h3.box-title
+{
+ background:#66B717;
+}
+
+#browse_content .box.browse_album h3.box-title
+{
+ background:#09c;
+}
+
+#browse_content .box.browse_artist h3.box-title
+{
+ background:#c60;
+}
+
+.list-header
+{
+ border-left:1px solid #bbb;
+ border-right:1px solid #bbb;
+ border-bottom: 1px solid #bbb;
+ padding:7px;
+}
+
+table.tabledata
+{
+ width:100%;
+ text-align:left;
+ border:1px solid #bbb;
+}
+
+table.tabledata th
+{
+ border:1px solid #bbb;
+ border-left:1px solid #ccc;
+ border-right:1px solid #ccc;
+ background:#eee;
+ font-weight:700;
+ font-size:11px;
+ color:#444;
+ padding:7px 10px;
+}
+
+#browse_content table.tabledata th, #browse_content table.tabledata
+{
+ border-top: 0px;
+}
+
+table.tabledata tbody
+{
+ background:#fff;
+}
+
+table .th-bottom {
+ border-top: 1px solid #ccc;
+}
+
+table.tabledata tbody td
+{
+ vertical-align:middle;
+ white-space:nowrap;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ padding:4px 10px;
+}
+
+#browse_content table.tabledata tbody tr:hover
+{
+ background:#b3d6f7;
+}
+
+table.tabledata tbody .odd
+{
+ background:#eee;
+}
+
+table.tabledata tbody .cel_add
+{
+ width:14px;
+ text-align: center;
+}
+
+table.tabledata tbody .cel_artist
+{
+ min-width:120px;
+}
+
+table.tabledata tbody .cel_action
+{
+ width:70px;
+}
+
+table.tabledata tbody td.cel_rating
+{
+ min-width:93px;
+ padding:4px 3px;
+}
+
+table.tabledata tbody .cel_tags
+{
+ max-width:80px;
+}
+
+table.tabledata tbody .cel_cover img
+{
+ border: 4px double #bbb;
+}
+
+.box_preferences h4
+{
+ font-size:15px;
+ background:#555;
+ color:#eee;
+ font-weight:400;
+ border:1px solid #333;
+ padding:5px;
+}
+
+/***********************************************
+ Content (info-box)
+***********************************************/
+#content .info-box h3
+{
+ margin-top:10px;
+}
+
+#content .info-box .box-content div.star-rating
+{
+ width:150px;
+ max-width:150px;
+}
+
+
+/* Random album (homepage) */
+#random_selection .random_album
+{
+ float:left;
+ width:125px;
+ margin-bottom: 10px;
+ text-align: center;
+}
+
+#random_selection .random_album div {
+ display: inline;
+}
+
+#random_selection .random_album img {
+ border: 4px double #ccc;
+}
+
+#random_selection .random_album .star-rating
+{
+ float: left;
+}
+
+#random_selection .random_album .play_album
+{
+ float: left;
+ margin-left: 7px;
+}
+
+#random_selection .random_album .play_album a img
+{
+ border: 0px;
+}
+
+#random_selection .box-bottom
+{
+ clear:left;
+}
+
+/***********************************************
+ Content (now playing)
+***********************************************/
+#now_playing {
+ margin-bottom: 20px;
+ width: 430px;
+}
+
+#now_playing .np_group {
+ float: right;
+}
+
+#now_playing .np_cell {
+ line-height: 15px;
+}
+
+#now_playing .cel_rating label {
+ display: none;
+}
+
+#now_playing .np_group label {
+ font-weight: bold;
+}
+
+#now_playing .cel_username {
+ width: 140px;
+}
+
+#now_playing .cel_song, #now_playing .cel_album, #now_playing .cel_artist {
+ width: 200px;
+}
+
+#now_playing .cel_albumart {
+ float: left;
+ width: 90px;
+}
+
+#now_playing .cel_albumart img {
+ border: 4px double #ccc;
+ float: left;
+}
+
+#now_playing .cel_lyrics {
+ margin-top: 5px;
+}
+
+#now_playing .cel_lyrics a:hover {
+ color: #0099CC;
+}
+
+/***********************************************
+ Content (Tag cloud)
+***********************************************/
+.box-content #tag_filter
+{
+ padding:5px 0px;
+}
+
+.clearfix {
+ clear: left;
+}
+
+.box-bottom {
+ clear: both;
+}
+
+span.fatalerror {
+ color: #c60;
+ padding: 5px;
+ display: block;
+}
+
+.box-content #tag_filter span
+{
+ padding: 2px 6px;
+ border: 1px solid #bbb;
+ margin: 1px;
+ float: left;
+ background: #e8e8e8;
+}
+
+.box-content #tag_filter span:hover
+{
+ background: #ddd;
+ color: #222;
+ border: 1px solid #888;
+}
+
+/***********************************************
+ Content (inline edit)
+***********************************************/
+.inline-edit select {
+ max-width: 200px;
+}
+
+
+/***********************************************
+ Content (information-actions)
+***********************************************/
+#information_actions
+{
+ margin-top:10px;
+ width:300px;
+}
+
+#information_actions h3
+{
+ /* only showing up in album view, so strange..bug*/
+}
+
+#content .info-box .box-content .album_art
+{
+ float: right;
+ border: 4px double #ccc;
+}
+
+#information_actions ul li
+{
+ border-bottom:1px solid #ccc;
+ padding:3px 0;
+}
+
+#information_actions .star-rating li
+{
+ padding:0;
+}
+
+#information_actions li img
+{
+ vertical-align:top;
+}
+
+#information_actions li a
+{
+ vertical-align:bottom;
+}
+
+#information_actions li a:hover
+{
+ color:#09c;
+}
+
+/************************************************/
+/* Styles for the star ratings */
+/************************************************/
+.star-rating
+{
+ position:relative;
+}
+.dynamic-star-rating
+{
+ width:95px;
+}
+.star-rating ul,
+.star-rating a:hover,
+.star-rating .current-rating
+{
+ background: url(../../../themes/fresh/images/ratings/star_rating.png) left -1000px repeat-x;
+}
+.star-rating ul
+{
+ position:relative;
+ width:80px;
+ height:15px;
+ overflow:hidden;
+ list-style:none;
+ margin:0;
+ padding:0;
+ background-position: left top;
+}
+.star-rating li
+{
+ display: inline;
+}
+
+.star-rating a, .star-rating span,
+.star-rating .current-rating
+{
+ position:absolute;
+ top:0;
+ left:0;
+ text-indent:-1000em;
+ height:15px;
+ line-height:15px;
+ outline:none;
+ overflow:hidden;
+ border:none;
+}
+
+.star-rating .star1 { width:20%; z-index:6; }
+.star-rating .star2 { width:40%; z-index:5; }
+.star-rating .star3 { width:60%; z-index:4; }
+.star-rating .star4 { width:80%; z-index:3; }
+.star-rating .star5 { width:100%; z-index:2;}
+.star-rating .current-rating { z-index:1; background-position: left bottom; }
+
+.star-rating a.star0
+{
+ left:0px;
+ width:16px;
+ background: url(../../../images/ratings/x_off.gif) left top;
+}
+
+.dynamic-star-rating a:hover
+{
+ background-position: left center;
+}
+
+.dynamic-star-rating a:hover.star0
+{
+ background: url(../../../images/ratings/x.gif) left top;
+}
+.dynamic-star-rating ul
+{
+ left:16px;
+}
+
+/***********************************************
+ Content (Track view)
+***********************************************/
+dl.song_details
+{
+ padding: 0.5em;
+}
+
+dl.song_details dd
+{
+ margin: 0 0 0 95px;
+ padding: 0 0 0.5em 0;
+}
+
+dl.song_details dt
+{
+ float: left;
+ clear: left;
+ width: 80px;
+ text-align: right;
+ font-weight: bold;
+ color: #c60;
+}
+
+dl.song_details a:hover
+{
+ color: #09c;
+ text-decoration: underline;
+}
+
+
+/***********************************************
+ Footer
+***********************************************/
+#footer
+{
+ text-align:right;
+}
+
+#footer a:hover {
+ color: #09c;
+ text-decoration: underline;
+}
+
+/***********************************************
+ Login
+***********************************************/
+#loginPage #header
+{
+ padding-left: 20px;
+ border: 1px solid #000;
+}
+
+#loginPage #maincontainer {
+ width: 470px;
+ margin: 40px auto 0;
+ background: #fff;
+ border: 1px solid #ddd;
+}
+
+#loginPage #loginbox {
+ padding: 20px;
+}
+
+#loginPage #loginbox h2
+{
+ display: none;
+}
+
+#loginPage #loginbox label
+{
+ float: left;
+ width: 110px;
+ font-weight: bold;
+ color: #333;
+ text-align: right;
+ vertical-align: middle;
+ line-height: 30px;
+ margin-right: 20px;
+}
+
+#usernamefield, #passwordfield, #remembermefield {
+ clear: both;
+}
+
+#loginPage #loginbox .loginfield input
+{
+ padding: 5px;
+ border: 1px solid #ccc;
+ width: 170px;
+ color: #444;
+ font-size: 12px;
+ outline: 0px;
+ vertical-align: middle;
+}
+
+#loginPage #loginbox a.button
+{
+ color: #777;
+ cursor: pointer;
+ padding: 4px 10px;
+}
+
+#loginPage #loginbox a:hover
+{
+ color: #111;
+}
+
+#loginPage .loginfield
+{
+ width: 400px;
+}
+
+#loginPage span.error
+{
+ display: block;
+ clear: left;
+ padding: 10px;
+ background: #ff9999;
+ border: 1px solid #cc3333;
+ font-weight: bold;
+ color: #990000;
+ text-align: center;
+ margin-bottom: 10px;
+}
+
+#loginPage .formValidation
+{
+ clear: left;
+ background: #eee;
+ padding: 5px 10px;
+ border: 1px solid #ddd;
+ text-align: center;
+}
+
+#loginPage #loginbox input.button
+{
+ padding: 4px 10px;
+ border: 1px solid #bbb;
+ font-weight: bold;
+ color: #333;
+ background: #e9e9e9;
+ cursor: pointer;
+}
+
+#loginPage #loginbox .loginfield input#rememberme
+{
+ margin-top: 7px;
+ width: 15px;
+}
+
+#loginPage input#lostpasswordbutton
+{
+ margin-left: 130px;
+}
+
+#loginPage #loginbox input.button:hover
+{
+ background: #ddd;
+ border: 1px solid #aaa;
+}
+
+#loginPage #footer
+{
+ width: 470px;
+ margin: 10px auto;
+ color: #888;
+}
+
+#loginPage #footer a
+{
+ color: #555;
+}
+
+/***********************************************
+ Server settings
+***********************************************/
+table.tabledata .cel_php_setting, table.tabledata .cel_configuration, .cel_preference
+{
+ width: 200px;
+}
+
+
+/***********************************************
+ Other
+***********************************************/
+ol,ul,#rightbar ul
+{
+ list-style:none;
+}
+
+ins,#rightbar a
+{
+ text-decoration:none;
+}
+
+.clearfix,#content .info-box .box-content,#additional_information
+{
+ clear:both;
+}
+
+#header #headerlogo
+{
+ float:left;
+}
+
+#header .box-inside div,#header .box-inside form,#rightbar #rb_action li,.star-rating li
+{
+ display:inline;
+}
+
+.list-header a:hover
+{
+ text-decoration:underline;
+}
+
+#localplay-control span,.box-content #tag_filter span
+{
+ cursor:pointer;
+}
\ No newline at end of file diff --git a/themes/fresh/templates/default.css b/themes/fresh/templates/default.css new file mode 100644 index 00000000..ea681c38 --- /dev/null +++ b/themes/fresh/templates/default.css @@ -0,0 +1,1012 @@ +/***********************************************
+ General style rules
+***********************************************/
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
+{
+ border:0;
+ outline:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+ margin:0;
+ padding:0;
+}
+
+body
+{
+ line-height:1;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size:12px;
+ color:#111;
+ background:#e8e8e8;
+}
+
+blockquote,q
+{
+ quotes:none;
+}
+
+blockquote:before,blockquote:after,q:before,q:after
+{
+ content:none;
+}
+
+:focus
+{
+ outline:0;
+}
+
+del
+{
+ text-decoration:line-through;
+}
+
+table
+{
+ border-collapse:collapse;
+ border-spacing:0;
+}
+
+.error
+{
+ color:#c33;
+}
+
+a
+{
+ color:#111;
+ text-decoration:none;
+}
+
+h3
+{
+ font-size:20px;
+ margin-bottom: 5px;
+}
+
+hr {
+ border-top: 1px solid #bbb;
+ border-bottom: 1px solid #eee;
+ border-right: 0;
+ border-left: 0;
+}
+
+/***********************************************
+ Wrappers
+***********************************************/
+#maincontainer
+{
+ width:1315px;
+}
+
+#sidebar
+{
+ width:140px;
+}
+
+#content
+{
+ margin-top:32px;
+ margin-left:160px;
+ width:945px;
+}
+
+.box
+{
+ margin-top:5px;
+}
+
+#rightbar
+{
+ width:180px;
+ margin-top:32px;
+ margin-left:1120px;
+ position:absolute;
+ clear:both;
+}
+
+#footer
+{
+ width: 1100px;
+ margin-top: 20px;
+ margin-bottom: 120px;
+}
+
+/***********************************************
+ Header
+***********************************************/
+#header
+{
+ background:#222;
+ line-height:30px;
+ height:50px;
+ padding:7px;
+}
+
+#header .box-inside
+{
+ width:550px;
+ text-align:right;
+ float:right;
+}
+
+#header .clearfix
+{
+ clear:none;
+}
+
+#header .box-inside input
+{
+ border:2px solid #666;
+ border-radius:2px;
+ background:#000;
+ font-weight:700;
+ color:#eee;
+ font-size:10px;
+ width:120px;
+ padding:4px;
+}
+
+#header input.button
+{
+ width:80px;
+ background:#222;
+}
+
+#header #advSearchBtn
+{
+ color:#aaa;
+ padding:4px;
+}
+
+#header #loginInfo
+{
+ color:#eee;
+}
+
+#header #loginInfo a
+{
+ color:#ccc;
+}
+
+/***********************************************
+ Sidebar
+***********************************************/
+#sidebar-page
+{
+ position:absolute;
+ padding-bottom:0.5em;
+ width:140px;
+ left:7px;
+}
+
+#sidebar-tabs
+{
+ width:140px;
+ background:#e8e8e8;
+ float:left;
+ padding:7px;
+ margin-left: 8px;
+}
+
+#sidebar-tabs li.sb1
+{
+ float:left;
+ margin-right:5px;
+}
+
+#sidebar-tabs .sb2 li
+{
+ background:#fff;
+ border-radius:4px;
+ margin-top:7px;
+ padding:7px;
+}
+
+#sidebar-tabs .sb2 li h4
+{
+ font-weight:700;
+ display:block;
+ border-radius:3px;
+ background:#ddd;
+ color:#222;
+ padding:5px;
+}
+
+#sidebar-tabs .sb2 li ul li
+{
+ background:#fff;
+ border-radius:0;
+ margin-top:0;
+ padding:0;
+}
+
+#sidebar-tabs .sb2 li ul li a
+{
+ font-weight:700;
+ display:block;
+ border-radius:3px;
+ padding:5px;
+}
+
+#sidebar-tabs .sb2 li ul li a:hover
+{
+ background:#d2e6f9;
+}
+
+#sidebar-tabs .sb2 #browse_filters li
+{
+ background:#f9f9f9;
+}
+
+#sidebar-tabs .sb2 #browse_filters #multi_alpha_filterLabel
+{
+ margin:5px 3px 0;
+ display: block;
+}
+
+#sidebar-tabs .sb2 #browse_filters #multi_alpha_filter
+{
+ border:1px solid #bbb;
+ border-radius:2px;
+ padding:4px;
+ width: 115px;
+}
+
+/***********************************************
+ Rightbar
+***********************************************/
+#rightbar
+{
+ background:#fff;
+ border-radius:4px;
+ padding:7px;
+}
+
+#rightbar #rb_action
+{
+ padding:4px;
+}
+
+#rightbar #rb_action li {
+ margin-right: 5px;
+}
+
+#rightbar li#rb_add,#rightbar li#pl_add
+{
+ position:relative;
+ z-index:10;
+}
+
+#rightbar li:hover .submenu
+{
+ display:block;
+}
+
+#rightbar .submenu
+{
+ display:none;
+ position:absolute;
+ left:-50px;
+ top:14px;
+ background:#fff;
+ border:2px solid silver;
+ width:120px;
+ padding:0.6em;
+}
+
+#rightbar #rb_action .submenu li {
+ margin: 0;
+}
+
+* html #rightbar .submenu
+{
+ right:100px;
+}
+
+/* IE6 fix */
+#rightbar .submenu a
+{
+ display:block;
+ border-bottom:1px dotted #ddd;
+ color:#5b5b5b;
+ text-decoration:none;
+ text-align:left;
+ padding:0.4em;
+}
+
+#rightbar .submenu a:hover
+{
+ color:#333;
+}
+
+#rightbar #rb_current_playlist li
+{
+ position:relative;
+ padding-right:20px;
+}
+
+#rightbar #rb_current_playlist li a
+{
+ display:block;
+ padding:0.2em;
+ color:#5b5b5b;
+ border-bottom: 1px solid #f3f3f3;
+ line-height:16px;
+}
+
+#rightbar #rb_current_playlist li a:hover
+{
+ color: #111;
+}
+
+#rightbar #rb_current_playlist li.odd
+{
+ background: #f9f9f9;
+}
+
+#rightbar .delitem
+{
+ position:absolute;
+ right:0;
+ top:0;
+}
+
+/* Rightbar Localplay Controls */
+#rightbar #localplay-control
+{
+ padding-left:5px;
+}
+
+#rightbar #localplay-control {
+ border: 1px solid #e3e3e3;
+ background: #f6f6f6;
+ padding: 5px;
+ text-align: center;
+ margin: 7px 0px;
+}
+
+#rightbar #localplay-control img {
+ vertical-align: bottom;
+}
+
+/***********************************************
+ Content
+***********************************************/
+#ajax-loading
+{
+ position:absolute;
+ background:#444;
+ text-align:center;
+ width:90px;
+ top:0;
+ color:#bbb;
+ margin:0 auto;
+ padding: 3px 1px 3px 10px;
+ border: 2px solid #333;
+ border-top: 0px;
+ border-left: 0px;
+ background: #444 url(../images/ajax-loader.gif) no-repeat 2px;
+ display: none;
+}
+
+.box-content h3.box-title,#browse_content .box h3.box-title
+{
+ display:block;
+ background:#888;
+ color:#eee;
+ border-bottom:1px solid #335b0d;
+ border-top-right-radius:3px;
+ border-top-left-radius:3px;
+ font-weight:400;
+ padding:7px;
+ margin-bottom: 0px;
+}
+
+#browse_content .box.browse_song h3.box-title
+{
+ background:#66B717;
+}
+
+#browse_content .box.browse_album h3.box-title
+{
+ background:#09c;
+}
+
+#browse_content .box.browse_artist h3.box-title
+{
+ background:#c60;
+}
+
+.list-header
+{
+ border-left:1px solid #bbb;
+ border-right:1px solid #bbb;
+ border-bottom: 1px solid #bbb;
+ padding:7px;
+}
+
+table.tabledata
+{
+ width:100%;
+ text-align:left;
+ border:1px solid #bbb;
+}
+
+table.tabledata th
+{
+ border:1px solid #bbb;
+ border-left:1px solid #ccc;
+ border-right:1px solid #ccc;
+ background:#eee;
+ font-weight:700;
+ font-size:11px;
+ color:#444;
+ padding:7px 10px;
+}
+
+#browse_content table.tabledata th, #browse_content table.tabledata
+{
+ border-top: 0px;
+}
+
+table.tabledata tbody
+{
+ background:#fff;
+}
+
+table .th-bottom {
+ border-top: 1px solid #ccc;
+}
+
+table.tabledata tbody td
+{
+ vertical-align:middle;
+ white-space:nowrap;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ padding:4px 10px;
+}
+
+#browse_content table.tabledata tbody tr:hover
+{
+ background:#b3d6f7;
+}
+
+table.tabledata tbody .odd
+{
+ background:#eee;
+}
+
+table.tabledata tbody .cel_add
+{
+ width:14px;
+ text-align: center;
+}
+
+table.tabledata tbody .cel_artist
+{
+ min-width:120px;
+}
+
+table.tabledata tbody .cel_action
+{
+ width:70px;
+}
+
+table.tabledata tbody td.cel_rating
+{
+ min-width:93px;
+ padding:4px 3px;
+}
+
+table.tabledata tbody .cel_tags
+{
+ max-width:80px;
+}
+
+table.tabledata tbody .cel_cover img
+{
+ border: 4px double #bbb;
+}
+
+.box_preferences h4
+{
+ font-size:15px;
+ background:#555;
+ color:#eee;
+ font-weight:400;
+ border:1px solid #333;
+ padding:5px;
+}
+
+/***********************************************
+ Content (info-box)
+***********************************************/
+#content .info-box h3
+{
+ margin-top:10px;
+}
+
+#content .info-box .box-content div.star-rating
+{
+ width:150px;
+ max-width:150px;
+}
+
+
+/* Random album (homepage) */
+#random_selection .random_album
+{
+ float:left;
+ width:125px;
+ margin-bottom: 10px;
+ text-align: center;
+}
+
+#random_selection .random_album div {
+ display: inline;
+}
+
+#random_selection .random_album img {
+ border: 4px double #ccc;
+}
+
+#random_selection .random_album .star-rating
+{
+ float: left;
+}
+
+#random_selection .random_album .play_album
+{
+ float: left;
+ margin-left: 7px;
+}
+
+#random_selection .random_album .play_album a img
+{
+ border: 0px;
+}
+
+#random_selection .box-bottom
+{
+ clear:left;
+}
+
+/***********************************************
+ Content (now playing)
+***********************************************/
+#now_playing {
+ margin-bottom: 20px;
+ width: 430px;
+}
+
+#now_playing .np_group {
+ float: right;
+}
+
+#now_playing .np_cell {
+ line-height: 15px;
+}
+
+#now_playing .cel_rating label {
+ display: none;
+}
+
+#now_playing .np_group label {
+ font-weight: bold;
+}
+
+#now_playing .cel_username {
+ width: 140px;
+}
+
+#now_playing .cel_song, #now_playing .cel_album, #now_playing .cel_artist {
+ width: 200px;
+}
+
+#now_playing .cel_albumart {
+ float: left;
+ width: 90px;
+}
+
+#now_playing .cel_albumart img {
+ border: 4px double #ccc;
+ float: left;
+}
+
+#now_playing .cel_lyrics {
+ margin-top: 5px;
+}
+
+#now_playing .cel_lyrics a:hover {
+ color: #0099CC;
+}
+
+/***********************************************
+ Content (Tag cloud)
+***********************************************/
+.box-content #tag_filter
+{
+ padding:5px 0px;
+}
+
+.clearfix {
+ clear: left;
+}
+
+.box-bottom {
+ clear: both;
+}
+
+span.fatalerror {
+ color: #c60;
+ padding: 5px;
+ display: block;
+}
+
+.box-content #tag_filter span
+{
+ padding: 2px 6px;
+ border: 1px solid #bbb;
+ margin: 1px;
+ float: left;
+ background: #e8e8e8;
+}
+
+.box-content #tag_filter span:hover
+{
+ background: #ddd;
+ color: #222;
+ border: 1px solid #888;
+}
+
+/***********************************************
+ Content (inline edit)
+***********************************************/
+.inline-edit select {
+ max-width: 200px;
+}
+
+
+/***********************************************
+ Content (information-actions)
+***********************************************/
+#information_actions
+{
+ margin-top:10px;
+ width:300px;
+}
+
+#information_actions h3
+{
+ /* only showing up in album view, so strange..bug*/
+}
+
+#content .info-box .box-content .album_art
+{
+ float: right;
+ border: 4px double #ccc;
+}
+
+#information_actions ul li
+{
+ border-bottom:1px solid #ccc;
+ padding:3px 0;
+}
+
+#information_actions .star-rating li
+{
+ padding:0;
+}
+
+#information_actions li img
+{
+ vertical-align:top;
+}
+
+#information_actions li a
+{
+ vertical-align:bottom;
+}
+
+#information_actions li a:hover
+{
+ color:#09c;
+}
+
+/************************************************/
+/* Styles for the star ratings */
+/************************************************/
+.star-rating
+{
+ position:relative;
+}
+.dynamic-star-rating
+{
+ width:95px;
+}
+.star-rating ul,
+.star-rating a:hover,
+.star-rating .current-rating
+{
+ background: url(../../../themes/fresh/images/ratings/star_rating.png) left -1000px repeat-x;
+}
+.star-rating ul
+{
+ position:relative;
+ width:80px;
+ height:15px;
+ overflow:hidden;
+ list-style:none;
+ margin:0;
+ padding:0;
+ background-position: left top;
+}
+.star-rating li
+{
+ display: inline;
+}
+
+.star-rating a, .star-rating span,
+.star-rating .current-rating
+{
+ position:absolute;
+ top:0;
+ left:0;
+ text-indent:-1000em;
+ height:15px;
+ line-height:15px;
+ outline:none;
+ overflow:hidden;
+ border:none;
+}
+
+.star-rating .star1 { width:20%; z-index:6; }
+.star-rating .star2 { width:40%; z-index:5; }
+.star-rating .star3 { width:60%; z-index:4; }
+.star-rating .star4 { width:80%; z-index:3; }
+.star-rating .star5 { width:100%; z-index:2;}
+.star-rating .current-rating { z-index:1; background-position: left bottom; }
+
+.star-rating a.star0
+{
+ left:0px;
+ width:16px;
+ background: url(../../../images/ratings/x_off.gif) left top;
+}
+
+.dynamic-star-rating a:hover
+{
+ background-position: left center;
+}
+
+.dynamic-star-rating a:hover.star0
+{
+ background: url(../../../images/ratings/x.gif) left top;
+}
+.dynamic-star-rating ul
+{
+ left:16px;
+}
+
+/***********************************************
+ Content (Track view)
+***********************************************/
+dl.song_details
+{
+ padding: 0.5em;
+}
+
+dl.song_details dd
+{
+ margin: 0 0 0 95px;
+ padding: 0 0 0.5em 0;
+}
+
+dl.song_details dt
+{
+ float: left;
+ clear: left;
+ width: 80px;
+ text-align: right;
+ font-weight: bold;
+ color: #c60;
+}
+
+dl.song_details a:hover
+{
+ color: #09c;
+ text-decoration: underline;
+}
+
+
+/***********************************************
+ Footer
+***********************************************/
+#footer
+{
+ text-align:right;
+}
+
+#footer a:hover {
+ color: #09c;
+ text-decoration: underline;
+}
+
+/***********************************************
+ Login
+***********************************************/
+#loginPage #header
+{
+ padding-left: 20px;
+ border: 1px solid #000;
+}
+
+#loginPage #maincontainer {
+ width: 470px;
+ margin: 40px auto 0;
+ background: #fff;
+ border: 1px solid #ddd;
+}
+
+#loginPage #loginbox {
+ padding: 20px;
+}
+
+#loginPage #loginbox h2
+{
+ display: none;
+}
+
+#loginPage #loginbox label
+{
+ float: left;
+ width: 110px;
+ font-weight: bold;
+ color: #333;
+ text-align: right;
+ vertical-align: middle;
+ line-height: 30px;
+ margin-right: 20px;
+}
+
+#usernamefield, #passwordfield, #remembermefield {
+ clear: both;
+}
+
+#loginPage #loginbox .loginfield input
+{
+ padding: 5px;
+ border: 1px solid #ccc;
+ width: 170px;
+ color: #444;
+ font-size: 12px;
+ outline: 0px;
+ vertical-align: middle;
+}
+
+#loginPage #loginbox a.button
+{
+ color: #777;
+ cursor: pointer;
+ padding: 4px 10px;
+}
+
+#loginPage #loginbox a:hover
+{
+ color: #111;
+}
+
+#loginPage .loginfield
+{
+ width: 400px;
+}
+
+#loginPage span.error
+{
+ display: block;
+ clear: left;
+ padding: 10px;
+ background: #ff9999;
+ border: 1px solid #cc3333;
+ font-weight: bold;
+ color: #990000;
+ text-align: center;
+ margin-bottom: 10px;
+}
+
+#loginPage .formValidation
+{
+ clear: left;
+ background: #eee;
+ padding: 5px 10px;
+ border: 1px solid #ddd;
+ text-align: center;
+}
+
+#loginPage #loginbox input.button
+{
+ padding: 4px 10px;
+ border: 1px solid #bbb;
+ font-weight: bold;
+ color: #333;
+ background: #e9e9e9;
+ cursor: pointer;
+}
+
+#loginPage #loginbox .loginfield input#rememberme
+{
+ margin-top: 7px;
+ width: 15px;
+}
+
+#loginPage input#lostpasswordbutton
+{
+ margin-left: 130px;
+}
+
+#loginPage #loginbox input.button:hover
+{
+ background: #ddd;
+ border: 1px solid #aaa;
+}
+
+#loginPage #footer
+{
+ width: 470px;
+ margin: 10px auto;
+ color: #888;
+}
+
+#loginPage #footer a
+{
+ color: #555;
+}
+
+/***********************************************
+ Server settings
+***********************************************/
+table.tabledata .cel_php_setting, table.tabledata .cel_configuration, .cel_preference
+{
+ width: 200px;
+}
+
+
+/***********************************************
+ Other
+***********************************************/
+ol,ul,#rightbar ul
+{
+ list-style:none;
+}
+
+ins,#rightbar a
+{
+ text-decoration:none;
+}
+
+.clearfix,#content .info-box .box-content,#additional_information
+{
+ clear:both;
+}
+
+#header #headerlogo
+{
+ float:left;
+}
+
+#header .box-inside div,#header .box-inside form,#rightbar #rb_action li,.star-rating li
+{
+ display:inline;
+}
+
+.list-header a:hover
+{
+ text-decoration:underline;
+}
+
+#localplay-control span,.box-content #tag_filter span
+{
+ cursor:pointer;
+}
\ No newline at end of file diff --git a/themes/fresh/theme.cfg.php b/themes/fresh/theme.cfg.php new file mode 100644 index 00000000..f8e71450 --- /dev/null +++ b/themes/fresh/theme.cfg.php @@ -0,0 +1,53 @@ +;;;;;;;;;;;;;;;;;; +;<?php exit(); ?>; +;;;;;;;;;;;;;;;;;; +; Copyright (c) 2001 - 2007 Ampache.org +; All rights reserved. +; +; This program is free software; you can redistribute it and/or +; modify it under the terms of the GNU General Public License v2 +; as published by the Free Software Foundation. +; +; This program is distributed in the hope that it will be useful, +; but WITHOUT ANY WARRANTY; without even the implied warranty of +; MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +; GNU General Public License for more details. +; +; You should have received a copy of the GNU General Public License +; along with this program; if not, write to the Free Software +; Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. +; +;;;;;;;;;;;;;;;;;;;;;;;;;;; +; Fresh Ampache Theme +;;;;;;;;;;;;;;;;;;;;;;;;;;; + +; Theme Name +; This is the actual name of the theme that +; will be displayed in the preferences screen +; DEFAULT: ampache-theme +name = "Fresh" + +; Theme Author +; This is just a way of giving credit to the +; person who actually created this theme +; DEFAULT: N/A +author = "eigan" + +; Theme Maintainer +; This is just a way of listing who is responsible for +; maintaining this theme incase it's not working right +; please include an e-mail address so you can be contacted +; DEFAULT: N/A +maintainer = "eigan - einargangso@gmail.com" + +; Orientation +; This was added as of 3.3.2-Alpha4, this tells Ampache if this theme +; uses vertical or horizontal orientation of the menu, if this is a horizontal +; theme then it will not show the quick search and quick random play forms +orientation = "vertical" + +; Submenu +; If this is set to simple the sub menu's will only be shown when you're on one of the +; respective pages. If you want to make the menu's something like the classic theme +; comment this out +;submenu = "simple" |
