diff options
Diffstat (limited to 'templates/default.css')
-rw-r--r-- | templates/default.css | 697 |
1 files changed, 8 insertions, 689 deletions
diff --git a/templates/default.css b/templates/default.css index e084e2ca..6d4fafc2 100644 --- a/templates/default.css +++ b/templates/default.css @@ -1,4 +1,3 @@ -<!-- /* Copyright (c) 2001 - 2006 Ampache.org @@ -18,693 +17,13 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. */ ---> -p { - color: #000000; -} -a { - color: #000000; - font-family: Verdana, Helvetica, sans-serif; -} -a:visited - { - color: #000000; - font-family: Verdana, Helvetica, sans-serif; - } -a:active { - color: #000000; - font-family: Verdana, Helvetica, sans-serif; -} -.text-box { - display: table-cell; - padding-left:5px; - padding-top:5px; - padding-right:5px; - margin-bottom:10px; - background-color: #bbbbbb; - border-right:2px solid #000000; - border-bottom:2px solid #000000; - border-left:2px solid #000000; - border-top:2px solid #000000; -} -.selected_button { - background-color: black;color:white; -} -.unselected_button { - /* there really isn't anything for this */ -} -.display {} - -#mpdpl td { - padding: 0px 2px 0px 2px; - text-align: left; -} -table.tabledata {} -td { - padding: 0px 8px 0px 8px; - color: #000000; - font-family: Verdana, Helvetica, sans-serif; - font-size: 12px; -} -th { - padding-right: 10px; -} -input { - color: #000000; - font-family: Verdana, Helvetica, sans-serif; - font-size: 12px; - font-weight: bold; - background-color: #dddddd; - margin: 2px 2px 2px 2px; -} -select { - color: #000000; - font-family: Verdana, Helvetica, sans-serif; - font-size: 12px; - background-color: #dddddd; -} -textarea { - background-color: #dddddd; - color: #000000; - font-family: Verdana, Helvetica, sans-serif; - font-size: 12px; -} -.table-header { - background: url(../themes/classic/images/ampache-light-bg.gif) #dddddd repeat-x; - vertical-align: top; -} - .header1 - { - color: #000000; - font-family: Verdana, Helvetica, sans-serif; - font-size: 18px; - font-weight: 900; - } - .header2 - { - color: #000000; - font-family: Verdana, Helvetica, sans-serif; - font-size: 14px; - font-weight: 900; - } - .headrow - { - background:#cccccc; - font-size: 12px; - } - .odd - { - background:#bbbbbb; - font-size: 12px; - } - .even - { - background:#dddddd; - font-size: 12px; - } -.blank { - background: #fff; -} -.border { - background:#000000; -} -.header { - font-size: 12px; -} -.error { - color: #990033; -} -.fatalerror { - padding-top: 3px; - padding-left: 3px; - padding-right: 3px; - display: table-cell; - padding-bottom: 3px; - color: #990033; - font-weight:bold; - border-right:2px solid #990033; - border-bottom:2px solid #990033; - border-left:2px solid #990033; - border-top:2px solid #990033; -} -#container div.fatalerror { - background:none; - height:auto; - padding:5px; - margin:10px; - display:block; -} -.disabled { - text-decoration: line-through; -} -.smallbutton { - border:0px; - padding-left:1px; - padding-right:1px; - font-size: 11px; - cursor: pointer; -} - -/* ////////////////////////////////////////////////////////////////*/ -/* De aqui pa'bajo, ros esta creando una hoja de estilos unica para todo Ampache */ - -/* General style rules */ -body{ - padding-top: 0px; - margin-top: 0px; - margin-left: 0px; - margin-right: 0px; - background-color:#d3d3d3; - font-family:Arial, Helvetica, Sans-Serif; -} - -#maincontainer{ - margin: 0px; -} - -.alphabet { - margin: 10px; - font-size: 10px; - font-weight: normal; -} - -/* Content block */ -#content { - top:90px; - float: none; - margin-top:7px; - margin-left:135px; - /*float:left; use for horizontal menu; comment out otherwise */ - /* background:#fff url("../themes/classic/images/bg_content.gif") repeat-y right top; */ -} - -h3#content_title{ - font-family:Arial,Helvetica,Sans-Serif; - font-size:12px; - line-height:32px; - color:#fff; - margin:0px; - padding:0px; - background:#8B8B8B url("../themes/classic/images/content_corner.gif") no-repeat right top; -} - -h3#content_title span { - text-align:left; -} - -/* Styles for Header */ -div#Header{ - height:80px; - margin-bottom:3px; - padding:0px; -} - -#Header h1 { - background: transparent url("../themes/classic/images/bg_login_0.jpg") no-repeat top left; - border:0px; - width: 439px; - height: 84px; - float: left; - margin:0px; - padding:0px; -} - -#Header h1 span { - display:none -} - -#Header h2 { - background: transparent url(001/h2.gif) no-repeat top left; - margin-top: 75px; - width: 200px; - height: 18px; - float: right; -} - -#Header h2 span { - font-size:10px; - margin-left:10px; -} - - -/* Sidebar */ -/** - * Experimental for menus (Thx Sigger) - * TO DO: Fill in 1px border around menus & submenu items - * Make padding apply to the li, not just an a. Moving padding: to li throws off the dropdown menu alignment. - */ - - -#sidebar{ - clear:both; - position:absolute; - left:5px; - top:87px; -} - -#sidebar select { - width: 95%; -} - -#sidebar h3 { - border:0; - width: 120px; - height: 28px; - margin:0; - padding:0; - background: transparent url(../themes/classic/images/sidebar_top.jpg) no-repeat left; -} - -#sidebar h3 span { - display:none -} - -#sidebar ul { - list-style: none; - font-family:Arial, Helvetica, Sans-Serif; - font-size: 10px; - margin: 0; - padding: 0; - line-height: 1em; -} +/* + Nothing left here + + - This gives more flexibility for making new themes (no parameters + redefinition needed anymore) + - Use "Classic Ampache" css file (\themes\classic\templates\default.css) + as a base if you don't want to start from scratch -#sidebar ul.subnavside { - display: none; - position: absolute; - width: 9em; - top: -1px; - left: 11.5em; - font-size: 1em; - z-index: 1; -} - -#sidebar li { - float: left; - clear: both; - display: inline; /* IE6 Patch */ - position: relative; - width: 13em; - width: /**/11.5em; /* Only IE5.5 can't see this */ - margin: 0; - border-bottom: 1px solid #8B8B8B; - border-left: 1px solid #8B8B8B; - border-right: 4px solid #B4B4B4; - border-top: 1px solid #8B8B8B; - background:#fff; -} - -#sidebar ul.subnavside li { - border-right: 1px solid #B4B4B4; -} - -#sidebar a, #sidebar .navbutton { - display: block; - position: relative; - text-decoration: none; - padding: .5em 0 .5em 1em; -} - -#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside { - display:block; -} - -#sidebar li:hover, #sidebar li.sfhover, #sidebar li.activetopmenu { - color:#000; - background-color:#ddd; -} - -#sidebar li.hover:active { - background-color:#ccc; - 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_home a { } -#sidebar_admin a { } -#sidebar_prefs a { } -#sidebar_browse a { } -#sidebar_plists a { } -#sidebar_stats a { } -#sidebar_search a { } -#sidebar #sidebar_subsearch { } -#sidebar_random a { } -#sidebar_form { } -#sidebar_localplay a { } -#sidebar_localplay_ctrl { } -#sidebar_logout a { } - -#sidebar_admin_users a { } -#sidebar_admin_mail_users a { } -#sidebar_admin_catalog a { } -#sidebar_admin_config a { } -#sidebar_admin_access_list a { } - -#sidebar_browse_albums a { } -#sidebar_browse_artists a { } -#sidebar_browse_genre a { } -#sidebar_browse_song_title a { } -#sidebar_browse_lists a { } - - -/* Styles for Now Playing */ -#nowplaying{ - clear: both; - width: 625px; -} - -#np_container1{ - width: 260px; - height: 18px; - padding: 0px; - margin: 0px; - background: #fff url("../themes/classic/images/tb_tab.jpg") no-repeat top left; -} - -#np_container1 h1{ - font-size: 10px; - font-weight: bold; - padding: 2px; -} - -#np_container2{ - border-width: 1px 1px 1px 1px; - border-style: solid; - border-color:#ddd #999 #999 #ccc; - padding: 6px; - font-family: Verdana, sans-serif; - font-size: 10px; - line-height: 12px; - color: #000; - background: #D6D6D4 url("../themes/classic/images/bg_row.jpg") repeat top left; -} - - -/* Styles for Login template */ -#container{ - margin:100px auto 0px auto; - width:437px; - font-size: 12px; - text-align:center; -} -#container h1{ - background:url("../themes/classic/images/bg_login_0.jpg") no-repeat; - height:81px; - margin-bottom:8px; -} -#container h1 span{ - display:none; -} -#container div{ - background:url("../themes/classic/images/bg_login_1.jpg") no-repeat; - height:285px; -} -#loginp_0{ - color:#333; - margin-top:0px; - 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; -} -/* Footer */ -#footer { - margin-left: 150px; - margin-bottom: 10px; -} - -#footer p { - color:#999999; - font-size:10px; -} -#topbar { - height: 80px; - padding-top:3px; - padding-left:10px; -} -#topbarright { - float: right; - font-size: 10px; -} -#topbarleft, #topbarleft a{ - float: left; -} -/* styles for the star ratings */ -.star-rating{ - list-style:none; - margin: 0px; - padding:0px; - width: 80px; - height: 15px; - position: relative; - background: url(../images/ratings/star_rating.gif) top left repeat-x; -} -.star-rating li{ - padding:0px; - margin:0px; - float: right; -} -.star-rating li span{ - display:block; - width:16px; - height: 15px; - text-decoration: none; - text-indent: -9000px; - z-index: 20; - position: absolute; - padding: 0px; -} -.star-rating li span:hover{ - background: url(../images/ratings/star_rating.gif) left center; - z-index: 2; - left: 0px; -} -li.zero-stars span:hover { - background: url(../images/ratings/x.gif); - height: 15px; - left: 80px; - display: block; -} -span.zero-stars { - background: url(../images/ratings/x_off.gif); - height: 15px; - left: 80px; - display: block; -} -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; -} -li.current-rating{ - background: url(../images/ratings/star_rating.gif) left bottom; - position: absolute; - height: 15px; - display: block; - text-indent: -9000px; - z-index: 1; -} -/* Box Related Styles */ -.box { - padding:0px; - background: #f7f7f7; -} -.box-title { - border-bottom: solid 1px #000000; - font-size: 1.05em; - font-weight: bold; -} -.box-left-top { - background: url(../themes/classic/images/topleft.gif) no-repeat; - height:16px; -} -.box-left-bottom { - background: url(../themes/classic/images/bottomleft.gif) no-repeat; - height:18px; -} -.box-left { - background: url(../themes/classic/images/left.gif); -} -.box-bottom { - background: url(../themes/classic/images/bottom.gif); - height:18px; -} -.box-right-bottom { - background: url(../themes/classic/images/bottomright.gif) no-repeat; -} -.box-right-top { - background: url(../themes/classic/images/topright.gif) no-repeat; -} -.box-right { - background: url(../themes/classic/images/right.gif); -} -.box-top { - background: url(../themes/classic/images/top.gif); -} -/* List Header Styles */ -.list-header { - text-decoration: none; -} -.list-header:hover { - color:#071fd4; -} - - -.confirmation-box { - padding-left:5px; - padding-top:5px; - padding-right:5px; - margin-bottom:10px; - display: table-cell; - background-color: #bbbbbb; - border-right:2px solid #000000; - border-bottom:2px solid #000000; - border-left:2px solid #000000; - border-top:2px solid #000000;} - -.text-action, .text-action li { - margin-top:5px; - list-style: none; - margin-bottom:5px; - padding-left:0px; - text-wrap: none; -} -.text-action a, .text-action span { - background: #dddddd; - border:1px solid #000000; - padding-left:2px; - padding-right:2px; - text-decoration: none; - text-wrap: none; -} -.text-action #pt_active { - background: #000000; - color: #ffffff; - border:1px solid #dddddd; - text-wrap: none; -} -#nowplaying { - width:600px; -} -.np_row { - padding-top: 3px; - padding-bottom: 3px; - display: block; -} -.np_cell { - margin: 10px; -} - -/* 'Tab' Preferences, used by preferences.php */ - -#tablist { - padding: 3px 0; - margin: 12px 0 0 0; - font: bold 12px Verdana, sans-serif; -} - -#tablist li { - list-style: none; - margin: 0; - display: inline; -} - -#tablist li a { - padding: 3px 0.5em; - margin-left: 3px; - border: 1px solid #cccccc; - border-bottom: none; - background: #dddddd; - text-decoration: none; -} - -#tablist li a:link { color: #222222; } -#tablist li a:visited { color: #000000; } - -#tablist li a:hover { - color: #000000; - background: #bbbbbb; - border-color: #000000; -} - -#tablist li a#current { - color: #000000; - background: #bbbbbb; - border-color: #000000; - border-bottom: 1px solid #000000; -} - - - -/* TV Page Related Styles */ -#tv_np { - float:right; -} -#tv_np .box { - text-align:right; -} -#tv_left { - float:left; -} - -/* Localplay Styles */ -.lp_current { - font-weight: bold; -} - -/* User Online/Offline style, used in users.php */ -td.user_online { - background-color: green; -} -td.user_offline { - background-color: #7f0000; -} -td.user_disabled { - background-color: gray; -} +*/ |