diff options
Diffstat (limited to 'contrib/themes/Piano/templates/default.css')
| -rw-r--r-- | contrib/themes/Piano/templates/default.css | 937 |
1 files changed, 0 insertions, 937 deletions
diff --git a/contrib/themes/Piano/templates/default.css b/contrib/themes/Piano/templates/default.css deleted file mode 100644 index 1128b54f..00000000 --- a/contrib/themes/Piano/templates/default.css +++ /dev/null @@ -1,937 +0,0 @@ -/* - - Copyright (c) 2001 - 2006 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. - -*/ - - -/************************************************/ -/* Unify default browsers style rules */ -/************************************************/ -:link,:visited { text-decoration:none; } -h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */ -a img, :link img, :visited img { border: none; } /* no blue linked image borders */ -ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* White space reset */ - - -/************************************************/ -/* General style rules */ -/************************************************/ -body { -/* background: #FFF; */ -/* background: #FFF url(../images/partitur_back.png); */ - background: transparent url(../images/partitur_back_a3.png) left repeat-y; -/* background: #FFF url(../images/jazzbar_s.gif) no-repeat fixed bottom right; */ -/* background-image: "../images/partitur_back.png"; */ - font-family:Arial, Helvetica, Sans-Serif; - color: #666; -} -p { - color: #666; - margin:1em 0; -} -a, a:visited, a:active{ - color: #000; - font-family: Arial, Helvetica, sans-serif; - text-decoration: none; -} -/*a:hover { - padding: 8px; - background: transparent url(../images/mbw-btn2.gif) no-repeat right; -}*/ -td { - padding: 0 8px; - color: #666; - font:10px Arial, Helvetica, sans-serif; /*12*/ -} -th { - padding-right: 10px; -} -/*input, select, textarea{ - font: 12px Verdana, Helvetica, sans-serif; - background: #ddd; - color: #000; -} -input { - font-weight: bold; - margin: 2px 2px 2px 0; -}*/ -input, textarea { -/* color: #71571A; */ -/* font-family: Georgia, Helvetica, Arial, sans-serif; */ - font-size: 10px; - padding-left: 2px; - padding-right: 2px; - background-color: #ECEEF1; - margin: 2px 2px 2px 2px; - border: 1px solid #585857; -} -select { -/* color: #71571A; */ -/* font-family: Georgia, Helvetica, Arial, sans-serif; */ - font-size: 10px; - padding: 0px; - background-color: #ECEEF1; - margin: 1px 0px 1px 1px; - border: 1px solid #585857; -} -input[type="checkbox"]{ -/* color: #71571A; */ - background-color: #ECEEF1; - border: 1px solid #585857; - padding: 0px; -} -input[type="text"]{ - padding-left: 2px; - padding-right: 2px; - padding-top: 1px; - padding-right: 1px; -} -input[type="radio"] { - border: none; - padding: 0; -} -/************************************************/ -/* Header */ -/************************************************/ -#topbar { - height: 80px; - padding: 5px 0 10px 10px; - background: transparent url(../images/top_shade2.png) repeat-x; -} -#topbarright { - color: #000; - position: absolute; -/* clear: both; */ -/* float: left; */ - font-size: 10px; - top: 20px; -/* writing-mode: tb-rl; */ - left: 190px; - height: 60px; - background: transparent url(../images/mbw-bar_a.png) no-repeat; - padding-left: 510px; - padding-top: 25px; - filter:alpha(opacity=50); - opacity: 0.5; -} -#topbarleft { -/* background: transparent url(../images/left_shade2.png) repeat-y; */ -/* position: absolute; */ -/* height: 1000px; */ -/* width: 70px; */ -/* top: 0px; */ -/* left: 0px; */ -/* z-index: 1000; */ -} -#topbarleft, #topbarleft a{ -/* float: left; */ -} - -/*#topbar_ctrl{ - position: absolute; - clear: both; - top: 261px; - z-index: 100; - left: 8px; -}*/ -/************************************************/ -/* XSPF Player */ -/************************************************/ - -.xspf_player { - right: 20px; - position: absolute; -} - -/************************************************/ -/* Footer */ -/************************************************/ -#footer { - margin: 0 0 10px 150px; -/* height: 40px; */ -/* z-index: 10000; */ -} -#footer p { - color:#999; - font-size:10px; -} - - -/************************************************/ -/* Buttons */ -/************************************************/ -.selected_button { - background: #000; - color: #fff; -} -.unselected_button { -} -.smallbutton { - border:0; - padding: 0 1px; - font-size: 10px; /*11*/ - cursor: pointer; -} - - -/************************************************/ -/* Tables (songs lists...) */ -/************************************************/ -.table-header { -/* background: #8b8b8b url(../images/topheader.png) repeat-x; */ - background: #F0F3F5; -/* height: 16px; */ - vertical-align: top; - text-align: center; -/* color: #FFF; */ - text-decoration: underline; - border-top: 1px dotted #000; - border-bottom: 1px dotted #000; -} -.table-header a { -/* color: #FFF; */ -} -.table-header td{ - border-top: 1px dotted #000; - border-bottom: 1px dotted #000; -/* font-size: 10px; */ -} -.odd { - font-size: 10px; /*12*/ - color: #FFFFFF; - background:#F0F3F5; -/* border: 1px dotted #c0c0c0; */ -} -.even { - font-size: 10px; /*12*/ - color: #000000; - background:#FFFFFF; - border: 1px dotted #c0c0c0; -} -.headrow { /*headline in boxes*/ - font-size: 12px; -/* background:#ccc; */ - padding: 3px; - margin-bottom: 3px; -} -.blank { - background: #fff; -} -.border { - background: #000; -} -.header { - font-size: 10px; /*12*/ -} -.header1 { - color:#000; - font:bold 12px Arial, Helvetica, sans-serif; -} -.header2 { - color:#000; - font:bold 12px Arial, Helvetica, sans-serif; -} -/************************************************/ -/* Content block */ -/************************************************/ -#content { - top:90px; - float: none; - margin:7px 0 0 165px; -/* padding-left: 100px; */ -/* background: transparent url(../images/partitur_back_a.png) repeat-y; */ - /* background:#fff url(../images/bg_content.gif) repeat-y right top; */ -} -h3#content_title{ - font: 12px Arial,Helvetica,Sans-Serif; /*12 32*/ - background: #000; /*#8b8b8b url(../images/topheader.png) repeat-x;*/ - color:#fff; -} -h3#content_title span { - text-align:left; -} - - -/************************************************/ -/* Sidebar */ -/************************************************/ -#sidebar{ - clear:both; - position:absolute; - left: 5px; - top: 320px; - height: auto;/*500px;*/ - width: 160px; - border-left: 5px solid #000; -/* filter:alpha(opacity=85); */ -/* opacity: 0.85; */ -/* background: transparent url(../images/left_shade2.png) repeat-y; */ -} -#sidebar select { - width: 95%; -} -#sidebar h3 { - width: 150px; - height: 16px; /*28*/ - background: transparent url(../images/rahmen_o.png) no-repeat left; -} -#sidebar h3 span { - display:none -} -#sidebar ul { - list-style: none; - font: 10px/1em Arial, Helvetica, Sans-Serif; -} -#sidebar ul.subnavside { - display: none; - position: absolute; - top: -1px; - left: 13.5em; - font-size: 1em; - z-index: 1000; - border: 3px solid #000; -/* background: #FFF; */ -/* filter:alpha(opacity=75); - opacity: 0.75; - -moz-opacity: 0.75; */ -} -#sidebar li { - float: left; - clear: both; - display: block; /* IE6 Patch */ - position: relative; - height: 27px; - width: 150px; - border-top: 1px #4B4843; -/* border-bottom: 1px solid #4B4843; */ -/* border-right: 1px #c0c0c0; */ -/* border-left: 1px solid #000; */ -/* background:#fff; */ - background: transparent url(../images/bar_b.png) no-repeat left; - text-align: right; -/* margin-right: 10px; */ -} -#sidebar li a { - padding-top: 1px; -} -#sidebar ul.subnavside li { - height: 25px; - width: 12em; /*60px;*/ - border-top: 1px dotted #4B4843; - background: transparent;/*#ECEEF1;*/ - padding-right: 0px; - margin-right: 10px; -} -#sidebar a, #sidebar .navbutton { - display: block; - position: relative; - text-decoration: none; - padding: 0em 0 .5em 1em; - text-align: right; - padding-right: 50px; - padding-bottom: 15px; -} -#sidebar ul.subnavside li a{ -/* background:#FFF; */ - text-align: left; - margin-left: 5px; - padding-right: 0px; -} -#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside { - display: block; - background: #FFFFFF; -/* text-align: left; */ -} -#sidebar li:hover, #sidebar li.sfhover, #sidebar li.activetopmenu { - color:#000; -/* background:#ddd; */ - background: #FFFFFF url(../images/bar_1e_p.png) no-repeat left; -} -#sidebar li.activetopmenu a{ - right: -25px; -} -#sidebar li.activetopmenu ul.subnavside a{ - right: 0px; -} -#sidebar li.hover:active { - background:#FFFFFF; - z-index:30; -} - -/* For horizontal menu */ -.horizontal_menu #content { margin:3em 0 0 2em; } -.horizontal_menu #sidebar { width: auto; top: 85px;} -.horizontal_menu #sidebar h3 { display: none; } -.horizontal_menu #sidebar li { clear: none; border:1px solid #8b8b8b; } -.horizontal_menu #sidebar ul.subnavside { left: 0; top: 2em; } - - -/* Menu Elements Display (icons, visibility...) */ -#sidebar li#sidebar_home { -/* background: transparent url(../images/bar_blank.png) no-repeat left; */ -} -#sidebar li#sidebar_admin { -/* background: transparent url(../images/bar_1b.png) no-repeat left; */ -} -#sidebar li#sidebar_prefs { -/* background: transparent url(../images/bar_2.png) no-repeat left; */ -} -#sidebar li#sidebar_browse { -/* background: transparent url(../images/bar_3.png) no-repeat left; */ -} -#sidebar li#sidebar_plists { -/* background: transparent url(../images/bar_4.png) no-repeat left; */ -} -#sidebar li#sidebar_stats { -/* background: transparent url(../images/bar_1b.png) no-repeat left; */ -} -#sidebar_search { -/* position: absolute; - left: 0px; - top: 400px; */ -} -#sidebar #sidebar_subsearch { /*input*/ -/* position: absolute; - left: 0px; - top: 500px; */ -} -#sidebar #sidebar_subsearch input { /*input field*/ -/* margin-left: 80px; */ - top: 2px; - width: 4em; - height: 2em; -} -#sidebar #sidebar_subsearch .smallbutton { /*without "search"*/ -/* display: none; */ - height: 14px; - float: left; - color: #FFFFFF; - background: transparent; - z-index: 10000; - -} -#sidebar li#sidebar_random { -/* background: transparent url(../images/bar_3.png) no-repeat left; */ -} -#sidebar li#sidebar_form { /*lp_input incl background */ - height: 156px; -/* clear: both; */ -/* background: none; */ - background: transparent url(../images/piano_rahmen_med7.png) no-repeat; - border-left: 5px solid #000; - position: absolute; - left: -5px; - top: -180px; -/* top: 100px; */ - text-align: left; -/* display: none; */ -} -.localplaycontrol{ - position: absolute; - clear: both; - top: -345px; - z-index: 100; - left: 0px; -} -#sidebar li#sidebar_form form { /*lp_input */ - position: relative; - top: 16px; -} -#sidebar li#sidebar_form form .smallbutton{ /*lp_input play button*/ - height: 16px; - width: 93px; - color: #000; - background: #ECEEF1; - border: 1px solid #888888; /*dotted #000;*/ -} -#sidebar li#sidebar_form select { /*lp_input selectbuttons */ -/* background: none; */ - width: 95px;/*135px;*/ - height: 18px; - text-align: right; -} - -#sidebar_localplay { -} -#sidebar_localplay_ctrl { - display: none; -} -#sidebar li#play_type_switch { - height: 52px; -} -#sidebar li #play_type_switch { - width: 95px; -} -#play_type_switch { - display: none; /*couldn't get it in same position in all browsers*/ - text-align: right; - clear: both; - position: absolute; - height: 18px; - width: 95px; - top: -385px; - left: 0px; -} -/*#play_type_switch select{ - width: 95px; - height: 18px; - text-align: right; -}*/ -#sidebar li#sidebar_logout { - height: 43px; - background: transparent url(../images/bar_logout.png) no-repeat left; -} - -#sidebar li#sidebar_logout li:hover, #sidebar li#sidebar_logout li:hover, #sidebar li#sidebar_logout li.sfhover { - background: transparent url(../images/bar_logout_p.png) no-repeat left; -} -/*#sidebar_admin_users li { - background:#FFF; - text-align: left; -} -#sidebar_admin_mail_users li { - background:#FFF; - text-align: left; -} -#sidebar_admin_catalog li { - background:#FFF; - text-align: left; -} -#sidebar_admin_config li { - background:#FFF; - text-align: left; -} -#sidebar_admin_access_list li { - background:#FFF; - text-align: left; -}*/ - -#sidebar_browse_albums a { } -#sidebar_browse_artists a { } -#sidebar_browse_genre a { } -#sidebar_browse_song_title a { } -#sidebar_browse_lists a { } - - -/************************************************/ -/* Now Playing Styles */ -/************************************************/ -#nowplaying{ - clear: both; - width: 600px; -} - -#np_container1{ - width: 260px; - height: 18px; -/* background: #fff url(../images/tb_tab.jpg) no-repeat top left; */ -} - -#np_container1 h1{ - font-size: 10px; - font-weight: bold; - padding: 2px; -} - -#np_container2{ - border: 1px solid #999; - border-color:#ddd #999 #999 #ccc; - padding: 6px; - font: 10px/12px Arial, sans-serif; -/* background: #d6d6d4 url(../images/bg_row.jpg) repeat top left; */ - color: #000; -} -.np_row { - padding: 3px 0; -} -/* the following cells need a modified show_now_playing.inc (included) to work */ -.np_cell, .np_cell_left, .np_cell_2, .np_cell_m, .np_cell_right { - border-bottom: 1px dotted #71571A; - border-top: 1px dotted #71571A; -} -.np_cell { - margin: 10px; -} -.np_cell_left { /*username and rating*/ - width: 120px; - padding: 2px; - text-align: left; -} -.np_cell_2 { - padding: 0; - text-align: center; -} -.np_cell_m { /*artist and album name*/ - width: 150px; - padding: 2px; - text-align: right; -} -.np_cell_2 ul, .np_cell_m ul { - margin-left: auto; - margin-right: auto; -} -.np_cell_right { /*album image*/ - width: 75px; - padding: 0; - text-align: center; -} -/************************************************/ -/* Styles for the star ratings */ -/************************************************/ -.star-rating{ - position: relative; - list-style:none; - width: 80px; - height: 15px; - background: url(../images/ratings/star_rating.gif) top left repeat-x; -} -.star-rating li{ - float: right; -} -li.current-rating{ - display: block; - position: absolute; - height: 15px; - background: url(../images/ratings/star_rating.gif) left bottom; - text-indent: -9000px; - z-index: 1; -} -.star-rating li span{ - position: absolute; - display:block; - width:16px; - height: 15px; - text-decoration: none; - text-indent: -9000px; - z-index: 20; -} -.star-rating li span:hover{ - background: url(../images/ratings/star_rating.gif) left center; - z-index: 2; - left: 0; -} -li.zero-stars span:hover { - display: block; - left: 80px; - height: 15px; - background: url(../images/ratings/x.gif); -} -span.zero-stars { - display: block; - left: 80px; - height: 15px; - background: url(../images/ratings/x_off.gif); -} -span.one-stars { left: 0px; } -span.one-stars:hover { width:16px; } -span.two-stars { left:16px; } -span.two-stars:hover { width: 32px; } -span.three-stars { left: 32px; } -span.three-stars:hover{ width: 48px; } -span.four-stars { left: 48px; } -span.four-stars:hover { width: 64px; } -span.five-stars { left: 64px; } -span.five-stars:hover { width: 80px; } - - -/************************************************/ -/* Box Related Styles */ -/************************************************/ -.box { -/* background: #F2F2F2; */ -/* background: #FFF url(../images/partitur_back.png); */ - margin: 5px; /*5px*/ - padding: 5px; -} -.box-title { - border-bottom: solid 1px #000; - font-size: 12px; - color: #000; - font-weight: bold; -} -.box-list { - padding-right: 10px; - padding-left: 15px; - padding-bottom: 5px; -/* margin-bottom: 15px; */ -/* filter:alpha(opacity=60); - opacity: 0.6;*/ -} - -/* Enclosing Boxes Styles */ -.box-left-top { -/* display: none; */ - background: transparent url(../images/e_ol8.png) no-repeat right; - height:16px; /*16*/ -/* width: 0px; */ -/* margin-left: -5px; */ -} -.box-left-bottom { - background: transparent url(../images/e_ul8.png) no-repeat right; - height:16px; /*16*/ -} -.box-left { - background: transparent url(../images/r_l8.png) repeat-y right; -} -.box-bottom { - background: transparent url(../images/r_u.png); - height:16px; -} -.box-right-bottom { - background: transparent url(../images/e_ur8.png) no-repeat; -} -.box-right-top { - background: transparent url(../images/e_or8.png) no-repeat; -} -.box-right { - background: transparent url(../images/r_r8.png) repeat-y left; -} -.box-top { - background: transparent url(../images/r_o.png); -} - -.text-box, .confirmation-box { -/* display:table-cell; */ - padding:5px 5px 5px 5px; - margin-bottom:10px; - background:#FFFFFF; - border:3px solid #000000; -/* filter:alpha(opacity=75); - opacity: 0.75;*/ -} -/************************************************/ -/* List Header Styles */ -/************************************************/ -.list-header { - text-decoration: none; -/* border-bottom: 1px dotted #000; */ -} -.list-header:hover { - color:#071fd4; -} - - -/************************************************/ -/* Text Action Styles */ -/************************************************/ -.text-action, .text-action li { - list-style: none; - margin:5px 0; - padding-left:0px; -} -.text-action a, .text-action span { - padding: 0 2px; - background: #ECEEF1; - border:1px solid #000; - text-decoration: none; -} -.text-action #pt_active { - background: #000; - color: #fff; - border:1px solid #ECEEF1; -} - - -/************************************************/ -/* Tabs (for preferences) */ -/************************************************/ -#tablist { - padding: 3px 0; - margin: 12px 5px 0 0; - font: bold 10px Verdana, sans-serif; /*12*/ -} -#tablist li { - list-style: none; - display: inline; -} -#tablist li a { - padding: 3px 0.5em; - margin-right: 5px; - border: 1px solid #ccc; - border-bottom: none; - background: #F0F3F5; - text-decoration: none; -} -#tablist li a:link { color: #222; } -#tablist li a:visited { color: #000; } -#tablist li a:hover { - color: #FFF; - background: #000; - border-color: #000; -} -#tablist li a#current { - color: #F0F3F5; - background: #000; - border-color: #000; - border-bottom: 1px solid #000; -} - - -/************************************************/ -/* Styles for Header */ -/*(for ampache admin : installation, update...) */ -/************************************************/ -div#Header{ - height:80px; - margin-bottom:3px; -} -#Header h1 { - width: 439px; - height: 84px; - float: left; - border:0; - background: transparent url(../images/bg_login_0.jpg) no-repeat top left; -} -#Header h1 span { - display:none -} -#Header h2 { - float: right; - margin-top: 75px; - width: 200px; - height: 18px; -/* background: transparent url(001/h2.gif) no-repeat top left; */ -} -#Header h2 span { - font-size: 10px; - margin-left: 10px; -} - - -/************************************************/ -/* Styles for Login template */ -/************************************************/ -#container{ - margin:100px auto 0 auto; - width:437px; - font-size:12px; - text-align:center; -} -#container h1{ - background:url(../images/bg_login_0.jpg) no-repeat; - height:81px; - margin-bottom:8px; -} -#container h1 span{ - display:none; -} -#container div.fatalerror { - display:block; - height:auto; - padding:5px; - margin:10px; - background:none; -} -#container div{ - background:url(../images/bg_login_1.jpg) no-repeat; - height:285px; -} -#loginp_0{ - color:#333; - margin-top:0; - padding-top:60px; -} -.loginp_1{ - text-align:right; - padding-right:100px; -} -.loginp_1 span{ - font-weight:bold; -} -.loginp_1 input{ - border:1px solid #999; -} -input.text_input{ -width:12em; -} -.loginp_1 input.check_input{ -margin-right:5em; -} - - -/************************************************/ -/* TV Page Related Styles */ -/************************************************/ -#tv_np{ - float:right; -} -#tv_left{ - float:left; - clear:right; -} -#tv_playlist{ - clear:both; -} - - -/************************************************/ -/* User Online/Offline style, used in users.php */ -/************************************************/ - -td.user_online{ - text-align: center; - background: url(../../../images/icon_add_user.png) no-repeat; -} - - -/************************************************/ -/* Misc */ -/************************************************/ - -.alphabet { - margin:10px; - font-size:10px; - font-weight:normal; -} -input[type="text"]#match{ - width: 5em; -} -#mpdpl td { - padding:0 2px 0 2px; - text-align:left; -} - -.tabledata .header2 { - display: none; -} -.error { - color:#903; -} -.fatalerror { - display:table-cell; - padding:3px; - color: #903; - font-weight:bold; - border:2px solid #903; -} -.disabled { - text-decoration:line-through; -} -#maincontainer{} -table.tabledata {} -.display {} - -.lp_box_ctrl { - padding-top: 5px; -} -.lp_box_vol { - padding-left: 7px; -} -#lp_box_ctrl { - display: none; -} |