From e855988af2850d8d8105b56bc0ce9eae8b7d9dc0 Mon Sep 17 00:00:00 2001 From: spocky Date: Wed, 24 Oct 2007 21:15:58 +0000 Subject: renamed a few files (missing php extension) updated most of the tables so that every column is independently customizable by css rules --- themes/classic/templates/default.css | 373 +++++++++++++++--------------- themes/greysme/templates/default.css | 433 ++++++++++++++++------------------- 2 files changed, 388 insertions(+), 418 deletions(-) (limited to 'themes') diff --git a/themes/classic/templates/default.css b/themes/classic/templates/default.css index 43eb479f..f826c8b1 100644 --- a/themes/classic/templates/default.css +++ b/themes/classic/templates/default.css @@ -22,10 +22,12 @@ /************************************************/ /* Unify default browsers style rules */ /************************************************/ -:link,:visited { text-decoration:underline; } 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 */ +ol, ul { list-style: none; } +table { border-collapse: separate; border-spacing: 0; } +caption, th, td { text-align: left; font-weight: normal; } +* { margin: 0; padding: 0; } /* White space reset */ +a img, :link img, :visited img { border: 0; } /* no blue linked image borders */ /************************************************/ @@ -53,6 +55,7 @@ th { padding-right: 10px; font-family: Verdana, Helvetica, sans-serif; font-size:13px; + font-weight:bold; } input, select, textarea{ font: 12px Verdana, Helvetica, sans-serif; @@ -61,7 +64,6 @@ input, select, textarea{ } input { font-weight: bold; - margin: 2px 2px 2px 0; } /************************************************/ @@ -70,28 +72,30 @@ input { /************************************************/ body { behavior:url("csshover2.htc"); } +/************************************************/ +/* XSPF Player */ +/************************************************/ +.xspf_player { + right: 20px; + position: absolute; +} + /************************************************/ /* Header */ /************************************************/ -#topbar { +#header { height: 85px; padding: 3px 0 0 10px; } -#topbarright { +#headerbox { float: right; font-size: 10px; } -#topbarleft, #topbarleft a{ +#headerlogo, #headerlogo a{ float: left; } -/************************************************/ -/* XSPF Player */ -/************************************************/ - -.xspf_player { - right: 20px; - position: absolute; -} +.box_headerbox {display:table;} +.box_headerbox #loginInfo {font-weight:bold;display:block;text-align:right;margin-bottom:.3em;} /************************************************/ /* Footer */ @@ -106,139 +110,22 @@ body { behavior:url("csshover2.htc"); } /************************************************/ /* Buttons */ /************************************************/ -#sb_Subsearch input{ margin:0; padding:0; } -.smallbutton { +.button, input[type=button], input[type=submit], .text-action a { border: 1px solid #f0f0f0; border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0; + background: #d0d0d0; padding: 0 1px; - margin:0; font-size: 11px; - cursor: pointer; font-weight:bold; - background: #d0d0d0; -} -.smallbutton:active { - border: 1px solid #f0f0f0; - border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0; -} -a.smallbutton { - text-decoration:none; - padding:1px 2px; -} - - -/************************************************/ -/* Tables (songs lists...) */ -/************************************************/ -.table-header { - font-size:1.1em; - vertical-align: top; - text-align:center; -} -.odd, .odd td { - font-size: 12px; - border-bottom:1px dotted #c0c0c0; -} -.even, .even td { - font-size: 12px; - border-bottom:1px dotted #c0c0c0; -} -.even:hover, .odd:hover { - background:#99ccff; -} -.border { background: #000; } - -/************************************************/ -/* Content block */ -/************************************************/ -#content { - margin: 20px 135px 20px 135px; -} -h3#content_title{ - font: 12px/32px Arial,Helvetica,Sans-Serif; - background:#8b8b8b url(../images/content_corner.gif) no-repeat right top; - color:#fff; -} -h3#content_title span { - text-align:left; -} - -/************************************************/ -/* Rightbar */ -/************************************************/ -#rightbar { - width:120px; - background:#fff; - padding-top:28px; - background:#c0c0c0 url(../images/rightbar_top.jpg) no-repeat; - float:right; - font-family: Verdana,Helvetica,sans-serif; - clear:both; -} -#rightbar ul { list-style:none; } -#rightbar a { text-decoration:none; } - - -/* Rightbar Menu */ -#rightbar #rb_action { - border-top:1px solid #8b8b8b; - padding:4px; -} -#rightbar #rb_action li { display:inline; } - -#rightbar li#rb_add, #rightbar li#pl_add { position:relative; z-index:10;} -#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#99ccff; } -/* Rightbar AddItems SubMenu */ -#rightbar li:hover .submenu { display:block; } -#rightbar .submenu { - display:none; - position:absolute; - right:0px; - top:18px; - background:#fff; - border:2px solid #c0c0c0; - width:120px; - font-size:0.7em; - padding:0.3em; -} -* html #rightbar .submenu {right:100px;} /* IE6 fix */ - -#rightbar .submenu a { - display:block; - padding:0.1em; - border-bottom:1px dotted #c0c0c0; - color:#5b5b5b; - text-decoration:none; - text-align:right; -} - -#rightbar .submenu a:hover, -#rightbar #rb_current_playlist a:hover { background:#99ccff; color:#fff; } - -/* Rightbar playlist */ -#rightbar #rb_current_playlist { - background: #fff url(../images/bottom.gif) 0 100% repeat-x; - padding-bottom:0.5em; - border-left:2px solid #c0c0c0; - border-right:2px solid #c0c0c0; + text-decoration:none; + cursor: pointer; } -#rightbar #rb_current_playlist li { position:relative; font-size:0.6em;line-height:14px; color:#5b5b5b; padding-right:20px;} -#rightbar #rb_current_playlist li a { display:block; padding:0.2em;} -#rightbar .delitem { position:absolute;right:0;top:0; } - -/* Rightbar Localplay Controls */ -#rightbar #localplay-control { - padding-left: 5px; -} -#localplay-control span { - cursor: pointer; -} +a.button{padding:1px} /************************************************/ /* Sidebar */ /************************************************/ #sidebar{ - /*float:left;*/ position:absolute; top:100px; left:0; @@ -352,7 +239,6 @@ h3#content_title span { /* SIDEBAR : Localplay */ /***********************/ - .active_instance { background:#99ccff; } @@ -370,58 +256,76 @@ h3#content_title span { } - /************************************************/ -/* Albums of the moment */ +/* Rightbar */ /************************************************/ +#rightbar { + width:120px; + background:#fff; + padding-top:28px; + background:#c0c0c0 url(../images/rightbar_top.jpg) no-repeat; + float:right; + font-family: Verdana,Helvetica,sans-serif; + clear:both; +} +#rightbar ul { list-style:none; } +#rightbar a { text-decoration:none; } -.random_album -{ - position:relative; - float:left; - padding:8px; - width:80px; -} -.random_album .play_album -{ - display:none; +/* Rightbar Menu */ +#rightbar #rb_action { + border-top:1px solid #8b8b8b; + padding:4px; } +#rightbar #rb_action li { display:inline; } -/************************************************/ -/* Now Playing Styles */ -/************************************************/ -#nowplaying{ - clear: both; - width: 600px; +#rightbar li#rb_add, #rightbar li#pl_add { position:relative; z-index:10;} +#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#99ccff; } +/* Rightbar AddItems SubMenu */ +#rightbar li:hover .submenu { display:block; } +#rightbar .submenu { + display:none; + position:absolute; + right:0px; + top:18px; + background:#fff; + border:2px solid #c0c0c0; + width:120px; + font-size:0.7em; + padding:0.3em; } +* html #rightbar .submenu {right:100px;} /* IE6 fix */ -#np_container1{ - width: 260px; - height: 18px; - background: #fff url(../images/tb_tab.jpg) no-repeat top left; +#rightbar .submenu a { + display:block; + padding:0.1em; + border-bottom:1px dotted #c0c0c0; + color:#5b5b5b; + text-decoration:none; + text-align:right; } -#np_container1 h1{ - font-size: 10px; - font-weight: bold; - padding: 2px; -} +#rightbar .submenu a:hover, +#rightbar #rb_current_playlist a:hover { background:#99ccff; color:#fff; } -#np_container2{ - border: 1px solid #999; - border-color:#ddd #999 #999 #ccc; - padding: 6px; - font: 10px/12px Verdana, sans-serif; - background: #d6d6d4 url(../images/bg_row.jpg) repeat top left; - color: #000; -} -.np_row { - padding: 3px 0; -} -.np_cell, .np_cell_left, .np_cell_m, .np_cell_right { - margin: 10px; +/* Rightbar playlist */ +#rightbar #rb_current_playlist { + background: #fff url(../images/bottom.gif) 0 100% repeat-x; + padding-bottom:0.5em; + border-left:2px solid #c0c0c0; + border-right:2px solid #c0c0c0; } +#rightbar #rb_current_playlist li { position:relative; font-size:0.6em;line-height:14px; color:#5b5b5b; padding-right:20px;} +#rightbar #rb_current_playlist li a { display:block; padding:0.2em;} +#rightbar .delitem { position:absolute;right:0;top:0; } + +/* Rightbar Localplay Controls */ +#rightbar #localplay-control { + padding-left: 5px; +} +#localplay-control span { + cursor: pointer; +} /************************************************/ @@ -483,6 +387,7 @@ h3#content_title span { background: url(../../../images/ratings/x.gif) left top; } + /************************************************/ /* Box Related Styles */ /************************************************/ @@ -551,8 +456,108 @@ h3#content_title span { .box_newest_albums {} .box_newest_artists {clear:none;} .box_newest_genres {clear:none;} -.box_topbarright {display:table;} -.box_topbarright #loginInfo {font-weight:bold;display:block;text-align:right;margin-bottom:.3em;} + +/************************************************/ +/* Tables (songs lists...) */ +/************************************************/ +.tabledata .th-top, .tabledata .th-bottom { + font-size:1.1em; + vertical-align: top; + text-align:center; +} +.odd, .odd td { + font-size: 12px; + border-bottom:1px dotted #c0c0c0; +} +.even, .even td { + font-size: 12px; + border-bottom:1px dotted #c0c0c0; +} +.even:hover, .odd:hover { + background:#99ccff; +} +.border { background: #000; } + +/* specific cells */ +.cel_cover{padding:6px;} +.cel_select, .cel_action, .cel_date, .cel_applytoall, .cel_level {text-align:center;} + +/* specific boxes */ +#recently_played .th-bottom {display:none;} + +/************************************************/ +/* Content block */ +/************************************************/ +#content { + margin: 20px 135px 20px 135px; +} +h3#content_title{ + font: 12px/32px Arial,Helvetica,Sans-Serif; + background:#8b8b8b url(../images/content_corner.gif) no-repeat right top; + color:#fff; +} +h3#content_title span { + text-align:left; +} + + + + + + +/************************************************/ +/* Albums of the moment */ +/************************************************/ + +.random_album +{ + position:relative; + float:left; + padding:8px; + width:80px; +} + +.random_album .play_album +{ + display:none; +} + +/************************************************/ +/* 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 Verdana, sans-serif; + background: #d6d6d4 url(../images/bg_row.jpg) repeat top left; + color: #000; +} +.np_row { + padding: 3px 0; +} +.np_cell, .np_cell_left, .np_cell_m, .np_cell_right { + margin: 10px; +} + + /************************************************/ /* List Header Styles */ /************************************************/ @@ -613,12 +618,6 @@ div#Header{ margin-left: 10px; } -/************************************************/ -/* "Browse by" */ -/************************************************/ -.br_td_cover{padding:6px;} - - /************************************************/ /* Styles for Login template */ /************************************************/ @@ -762,7 +761,7 @@ td.user_disabled { text-decoration:line-through; } #maincontainer{} -table.tabledata {} +.tabledata input, .tabledata select{ margin:2px 0;} .display {} diff --git a/themes/greysme/templates/default.css b/themes/greysme/templates/default.css index 591c68ae..308972a8 100644 --- a/themes/greysme/templates/default.css +++ b/themes/greysme/templates/default.css @@ -40,19 +40,22 @@ /************************************************/ -/* General style rules */ +/* Unify default browsers style rules */ /************************************************/ - -body, html, fieldset { border: 0; } 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 */ -* { margin: 0; padding: 0; } /* White space reset */ - +ol, ul { list-style: none; } +table { border-collapse: separate; border-spacing: 0; } +caption, th, td { text-align: left; font-weight: normal; } +* { margin: 0; padding: 0; border:0; } /* White space reset */ +a img, :link img, :visited img { border: 0; } /* no blue linked image borders */ +/************************************************/ +/* General style rules */ +/************************************************/ html{ font-size: 62.5%; } body{ - font-size: 1.1em; + font-size:1.1em; font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; background: #2b293d url(../images/background.jpg) 0 0 repeat-x fixed; min-width:90em; @@ -62,31 +65,23 @@ body{ ol { list-style-type: decimal-leading-zero; } li { list-style-position: inside; } p { color: #e9ad51; } -a { color: #74718a; text-decoration: none; } +a { color: #74718a; text-decoration: none; } td { padding: 0 8px; color: #e9ad51; } -th { } +th { font-weight:bold; padding: 0 .3em;} input, select { font-size:1em; + font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; color: #e9ad51; background-color: #111; border: 1px solid #8b3e38; - margin:0 0 1px 0; -} - -input{ - padding:0 2px; + margin:0 0 0px 0; } +input{ padding:0 2px; } input:focus, select:focus { border-style: dotted; } - -textarea { - background-color: #111; - color: #e9ad51; -} - -.link { cursor:pointer; } +textarea { background-color: #111; color: #e9ad51; } /************************************************/ /* IE6 behaviors */ @@ -94,176 +89,60 @@ textarea { /************************************************/ body { behavior:url("csshover2.htc"); } -/************************************************/ -/* Styles for Site Header */ -/************************************************/ - -#topbar { padding: 0 0; } -#topbarright { font-size: 0.9em; text-align: right; color: #e9ad51; position: absolute; top: 0px; right: 0; padding: 3px; } -#topbarright b { font-weight: normal } -#topbarright a { color: #e9ad51;} -#topbarleft { text-align: center; background: url(../images/ampache_back.gif) 0 0 repeat-x;} -#topbarleft a { } - /************************************************/ /* XSPF Player */ /************************************************/ - .xspf_player { right: 20px; position: absolute; } +/************************************************/ +/* Header */ +/************************************************/ +#header { padding: 0 0; } +#headerbox { font-size: 0.9em; text-align: right; color: #e9ad51; position: absolute; top: 0; right: 0; padding: 3px; } +#headerbox b { font-weight: normal } +#headerbox a { color: #e9ad51;} +#headerlogo { text-align: center; background: url(../images/ampache_back.gif) 0 0 repeat-x;} +#headerlogo a { } +.box_topbarright {display:table;} + /************************************************/ /* Footer */ /************************************************/ #footer { clear:both; text-align:center; + font-size:.8em; padding:3px; - font-size:0.8em; } /************************************************/ /* Buttons */ /************************************************/ -.smallbutton { - border: 0px; - padding: 0 1px; - cursor: pointer; -} -input.button, input[type=button], input[type=submit], .text-action a, .text-action span, .smallbutton { + +.button, input[type=button], input[type=submit], .text-action a { background:#8b3e38 url(../images/button_back2.png) 0 100% repeat-x !important; background:#8b3e38; - color:#c98d31; + color:#e9ad51; padding:0px 0.5em; margin:4px 0 0 0; - border:none; + border:0; + cursor:pointer; } -.text-action span -{ - display:block; cursor: pointer; -} -input.button:hover, input[type=button]:hover, input[type=submit]:hover, div.text-action a:hover, div.text-action span:hover,.smallbutton:hover { +.button:hover, input[type=button]:hover, input[type=submit]:hover, div.text-action a:hover { background:#74718a url(../images/button_back2.png) 0 100% repeat-x !important; background:#74718a; - color:#e9ad51; -} - -input[type=checkbox]{border:none;background:none;} - -/************************************************/ -/* Tables (songs lists...) */ -/************************************************/ - -.table-header { - background: #111; - vertical-align: top; -} -.table-header th { - color:#8b3e38; - font-variant:small-caps; - font-weight:normal; - border-right:1px solid #000; -} -.table-header th a { - color:#8b3e38; - padding-right:10px; - background: url(../images/sort_off.gif) 100% 50% no-repeat; - display:block; -} -.table-header td a:hover, .table-header th a:hover { - color:#8b3e38; - background-color:transparent; - background-image:url(../images/sort_on.gif); -} - -.odd, .even { background: url(../images/list_back.png) 0 50% repeat-x !important; background-image: none;} -.odd { background-color: #111 !important;} -.even { } -.odd:hover, .even:hover { background-color: #2b293d !important;} -/* -.odd td img, .even td img { border: 2px solid transparent; } -.odd:hover td img, .even:hover td img { border-color: #e9ad510; } -*/ -/* todo : quand col, mettre sur les a:hover de la col action un background-color:none;*/ -.odd td a img:hover, .even td a img:hover {opacity:0.5;} - -.border { background: #000; } - - - -/************************************************/ -/* Content block */ -/************************************************/ - -#content {margin:10px 14em 10px 13.5em;} - -/* Center things on supporting browsers */ -#content>table,#content>table .box { margin-left: auto; margin-right: auto; } - -h3#content_title{} /* Doesn't exist anymore (?) */ -h3#content_title span {} /* Doesn't exist anymore (?) */ - - -/************************************************/ -/* Rightbar */ -/************************************************/ -#rightbar { - width:13em; - background:#2b293d; - float:right; -} -#rightbar ul { list-style:none; } -#rightbar a { text-decoration:none; } - - -/* Rightbar Menu */ -#rightbar #rb_action { - padding:4px; -} -#rightbar #rb_action li { display:inline; } -#rightbar li#rb_add,#rightbar li#pl_add { position:relative; z-index:10;} -#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#e9ad51; } -/* Rightbar AddItems SubMenu */ -#rightbar li:hover .submenu { display:block; } -#rightbar .submenu { - display:none; - position:absolute; - right:0px; - top:15px; - background: #050505 url(../images/button_back.png) 0 100% repeat-x !important; - background: #050505; - border:2px solid #e9ad51; - width:15em; - padding:0.3em; - font-size:0.8em; - } -* html #rightbar .submenu {right:100px;} /* IE6 fix */ -#rightbar .submenu a { - display:block; - padding:0.1em; - color:#8b3e38; - text-decoration:none; - text-align:right; -} -#rightbar .submenu a:hover, -#rightbar #rb_current_playlist a:hover { color:#e9ad51; } +a.button { padding:1px .5em; } +input[type=checkbox] {border:0;background:none;} +.text-action span { display:block; } -/* Rightbar playlist */ -#rightbar #rb_current_playlist { - background: #111; - padding-bottom:0.5em; -} -#rightbar #rb_current_playlist li { position:relative;font-size:0.9em;;line-height:14px; color:#5b5b5b; padding-right:20px;} -#rightbar #rb_current_playlist li a { display:block; padding:0.2em;} -#rightbar .delitem { position:absolute;right:0;top:0; } /************************************************/ /* Sidebar */ /************************************************/ - #sidebar { float:left: position:relative; @@ -278,7 +157,6 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ *>div#sidebar{ position: fixed; } #sidebar select { width: 95%; } -#sidebar .smallbutton { margin: 0; } #sidebar ul { list-style:none; } /* For sidebar tabs */ @@ -296,7 +174,6 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ border-right:1px solid #000;width:16px; } #sidebar-tabs li.active { - /*background: #faf url(../images/top.gif) repeat-x 0 0;*/ border-top-color: #e9ad51; } #sidebar-tabs li:hover.sb1 @@ -316,24 +193,23 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ color:#8b3e38; } #sidebar-page ul.sb2 { - /*padding:2px 4px;*/ } #sidebar-page ul.sb2 li{ margin:1em auto; padding-bottom: 0.5em; - /*border-bottom: 1px solid #fff;*/ } #sidebar-page ul.sb2 h4{ - padding:0.2em 0.5em 0.5em 0; + padding:.2em .5em .5em 0; font-style:italic; font-weight:normal; - letter-spacing:0.2em; + font-size:1em; + letter-spacing:.2em; text-align:right; border-bottom:1px dotted #e9ad51; text-decoration: overline; background: url(../images/puce.gif) -8px -8px no-repeat; color:#e9ad51; - } +} #sidebar-page ul.sb2 li:hover h4{ background-color:#000; } @@ -351,8 +227,8 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ border-bottom: 1px solid #000; } * html #sidebar-page ul.sb3 li{display:inline;background:#111;} /* fix ie6 */ -#sidebar-page .sb3 a, #sidebar-page .sb3 div{ - padding:0.2em 0.6em; +#sidebar-page .sb3 a, #sidebar-page .sb3 div{ + padding:.2em .6em; border-left: .5em solid #8b3e38; } #sidebar-page .sb3 a:hover{ @@ -374,10 +250,7 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ /********************/ .alphabet { background:transparent; /* fix ie bug */ - /*font-size:0.95em;*/ - /*font-weight:normal;*/ margin: 0.3em auto; - /*color:#5b5b5b;*/ } .alphabet span.link { cursor: pointer; @@ -395,7 +268,6 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ /***********************/ .active_instance { - } /* SIDEBAR : Preferences */ @@ -410,67 +282,60 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ border:none; } - /************************************************/ -/* Albums of the moment */ -/************************************************/ - -.random_album -{ - position:relative; - float:left; - padding:8px; -} - -.random_album .play_album -{ - position:absolute; - top:10px; - right:0; -} -/************************************************/ -/* Styles for Now Playing */ +/* Rightbar */ /************************************************/ +#rightbar { + width:13em; + background:#2b293d; + float:right; +} +#rightbar ul { list-style:none; } +#rightbar a { text-decoration:none; } -#nowplaying{ - clear: both; -} -#np_container1{ - height: 18px; -} -#np_container1 h1{ - font-weight: bold; - padding: 2px; -} -#np_container2{ - border-width: 1px; - border-style: solid; - border-color:#ddd #999 #999 #ccc; - padding: 6px; - color: #000; -} -.np_row { - padding-top: 3px; - padding-bottom: 3px; - display: block; +/* Rightbar Menu */ +#rightbar #rb_action { + padding:4px; } -.np_cell { - margin: 10px; +#rightbar #rb_action li { display:inline; } +#rightbar li#rb_add,#rightbar li#pl_add { position:relative; z-index:10;} +#rightbar li#rb_add:hover, #rightbar li#pl_add:hover { background:#e9ad51; } +/* Rightbar AddItems SubMenu */ +#rightbar li:hover .submenu { display:block; } +#rightbar .submenu { + display:none; + position:absolute; + right:0px; + top:15px; + background: #050505 url(../images/button_back.png) 0 100% repeat-x !important; + background: #050505; + border:2px solid #e9ad51; + width:15em; + padding:0.3em; + font-size:0.8em; + } +* html #rightbar .submenu {right:100px;} /* IE6 fix */ -/************************************************/ -/* Footer */ -/************************************************/ -#footer { - margin-left: 150px; - margin-bottom: 10px; +#rightbar .submenu a { + display:block; + padding:0.1em; + color:#8b3e38; + text-decoration:none; + text-align:right; } +#rightbar .submenu a:hover, +#rightbar #rb_current_playlist a:hover { color:#e9ad51; } -#footer p { - color:#999; - font-size:10px; +/* Rightbar playlist */ +#rightbar #rb_current_playlist { + background: #111; + padding-bottom:0.5em; } +#rightbar #rb_current_playlist li { position:relative;font-size:0.9em;;line-height:14px; color:#5b5b5b; padding-right:20px;} +#rightbar #rb_current_playlist li a { display:block; padding:0.2em;} +#rightbar .delitem { position:absolute;right:0;top:0; } /************************************************/ @@ -534,7 +399,6 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ } - /************************************************/ /* Box Related Styles */ /************************************************/ @@ -556,7 +420,6 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ } /* Enclosing Boxes Styles */ - .box, .info-box { margin-top: 5px; margin-right: 3px; @@ -614,9 +477,122 @@ h3#content_title span {} /* Doesn't exist anymore (?) */ .box_newest_albums {} .box_newest_artists {clear:none;} .box_newest_genres {clear:none;} -.box_topbarright {display:table;} + .info-box th {color:#8b3e38;} + +/************************************************/ +/* Tables (songs lists...) */ +/************************************************/ +.tabledata .th-top, .tabledata .th-bottom { + background: #111; + vertical-align: top; +} +.tabledata th { + color:#8b3e38; + font-variant:small-caps; + font-weight:normal; + border-right:1px solid #000; + text-align:center; +} +.tabledata th a { + color:#8b3e38; + padding-right:10px; + background: url(../images/sort_off.gif) 100% 50% no-repeat; + display:block; +} +.tabledata th a:hover { + color:#8b3e38; + background-color:transparent; + background-image:url(../images/sort_on.gif); +} + +.odd, .even { background: url(../images/list_back.png) 0 50% repeat-x !important; background-image: none;} +.odd { background-color: #111 !important;} +.even { } +.odd:hover, .even:hover { background-color: #2b293d !important;} + +.odd td a img:hover, .even td a img:hover {opacity:0.5;} + +.border { background: #000; } + +/* specific cells */ +.cel_cover{padding:6px;} +.cel_select, .cel_action, .cel_date, .cel_applytoall, .cel_level {text-align:center;} + +td.cel_track {text-align:right;} + +/* specific boxes */ +#recently_played .th-bottom {display:none;} + +/************************************************/ +/* Content block */ +/************************************************/ + +#content {margin:10px 14em 10px 13.5em;} + +/* Center things on supporting browsers */ +#content>table,#content>table .box { margin-left: auto; margin-right: auto; } + +h3#content_title{} /* Doesn't exist anymore (?) */ +h3#content_title span {} /* Doesn't exist anymore (?) */ + + + + +/************************************************/ +/* Albums of the moment */ +/************************************************/ + +.random_album +{ + position:relative; + float:left; + padding:8px; +} + +.random_album .play_album +{ + position:absolute; + top:10px; + right:0; +} +/************************************************/ +/* Styles for Now Playing */ +/************************************************/ + +#nowplaying{ + clear: both; +} +#np_container1{ + height: 18px; +} +#np_container1 h1{ + font-weight: bold; + padding: 2px; +} +#np_container2{ + border-width: 1px; + border-style: solid; + border-color:#ddd #999 #999 #ccc; + padding: 6px; + color: #000; +} + +.np_row { + padding-top: 3px; + padding-bottom: 3px; + display: block; +} +.np_cell { + margin: 10px; +} + + + + + + /************************************************/ /* List Header Styles */ /************************************************/ @@ -792,11 +768,6 @@ input.text_input { margin-left:5px; } -/************************************************/ -/* "Browse by" */ -/************************************************/ -.br_td_cover{padding:6px;} - /************************************************/ /* Misc */ /************************************************/ @@ -841,7 +812,7 @@ input.text_input { text-align: left; } -/*table.tabledata {width:100%}*/ +.tabledata input, .tabledata select{ margin:0 0 2px 0;} .header1 { color: #8b3e38; -- cgit