theme/default/theme.css

   1 /* top right bottom left */
   2 body {
   3         font-size: 12.4px;
   4         font-family: sans-serif;
   5         background-color: #f7f7f7;
   6 }
   7
   8 a {
   9         color: black;
  10 }
  11
  12 select, input  {
  13         font-size: 0.95em;
  14         line-height: 1.2em;
  15         border: 1px solid #BFCFCC;
  16 }
  17
  18 hr.server_settings {
  19         color: #9db2b1;
  20         background-color: #9db2b1;
  21 }
  22
  23 .main_container, #playlist {
  24         border: 1px solid #e2e2e2;
  25         background: #f1f1f1;
  26 }
  27
  28 #playlist {
  29         cursor: default;
  30 }
  31
  32 tr.playlist {
  33         border: 0px;
  34 }
  35
  36 div.moving_box {
  37         background-color: #f1f1f1;
  38         border: 1px solid #65869E;
  39 }
  40
  41 tr.moving {
  42         border-top: 1px solid #b0bdec;
  43         color: gray;
  44 }
  45
  46 li[dirtype=file] { background-image: url(images/audio_li.png); }
  47 li[dirtype=directory] { background-image: url(images/folder_li.png); }
  48 li[dirtype=artist] { background-image: url(images/media-artist_li.png); }
  49 li[dirtype=album] { background-image: url(images/media-album_li.png); }
  50 li[dirtype=playlist] { background-image: url(images/playlist_li.png); }
  51
  52 /* used to signify that this is a search result and is used in std/browser.js */
  53 li[btype=search] { }
  54
  55 /* used to select the filename */
  56 li[btype=search] > span {
  57         color: gray;
  58 }
  59
  60 div.slider_main, div.popup {
  61         border: 1px solid #B0BDEC;
  62         background-color: #DEE7F7;
  63 }
  64
  65 div.slider_pointer {
  66         border:         1px solid #a20000;
  67         background-color: #ffcccc;
  68 }
  69
  70 [slider_moving] {
  71         cursor: move;
  72 }
  73
  74 img.act_button {
  75         height: 25px;
  76         width: 25px;
  77         opacity: 0.70;
  78 }
  79 img.act_button:hover {
  80         opacity: 1.0;
  81 }
  82
  83 #status_bar {
  84         border: 1px solid #BDD8DA;
  85         background: #DFEFF0;
  86 }
  87
  88 div.settings_container, div.settings_header,
  89 div.player_control, div#streaming_display {
  90         border: 1px solid #9db2b1;
  91         background: #e7e7e7;
  92 }
  93 div.settings_header {
  94         border-bottom: 0px;
  95 }
  96
  97 input#quickadd {
  98         font-size: 12px;
  99         color: gray;
 100         background: #f1f1f1;
 101 }
 102
 103 input#quickadd:hover, input#quickadd:focus {
 104         background: white;
 105         border: 1px solid #9db2b1;
 106 }
 107 input#quickadd:focus {
 108         color: black;
 109 }
 110
 111 div#qa_suggestions {
 112         background: white;
 113         border: 1px solid #ccc;
 114 }
 115
 116 span.qa_element[qa_selected] {
 117         background-color: #A5F2F3;
 118 }
 119
 120 div.big_albumart {
 121         background-color: black;
 122 }
 123
 124 p#albumart_txt {
 125         color: white;
 126 }
 127
 128 div#sidebar_header {
 129         background: #f1f1f1;
 130         border: 1px solid #9db2b1;
 131         font-size: 0.9em;
 132 }
 133
 134 div#sidebar_display {
 135         border: 1px solid black;
 136         background-color: #ffffff;
 137         border: 1px solid #9db2b1;
 138         font-size: 0.992em;
 139         line-height: 1.3em;
 140 }
 141
 142
 143 /* for browser action buttons */
 144
 145 /* match add buttons */
 146 li.browser_button_add {
 147         background: url(images/add_15.png) no-repeat top left;
 148 }
 149
 150 li.playlist_popup,
 151 span.playlist_popup {
 152         border: 1px solid #B0BDEC;
 153 }
 154
 155 div#pagination, div#pagination_options,
 156 div.overlay, div.selection_menu {
 157         border: 1px solid #bfcfcc;
 158         background: #f1f1f1;
 159 }
 160
 161 ul#pagination_list > li,
 162 ul.browser_field,
 163 .browse_type {
 164         border: 1px solid #bfcfcc;
 165 }
 166
 167 /* current page on the pagination list */
 168 li[cpage] {
 169         background-color: green;
 170 }
 171
 172 span.plse {
 173         background-image: url(images/audio_li.png);
 174 }
 175
 176 span.plse:hover,
 177 ul.recommended > li > ul > li:hover ,
 178 [selected],
 179 li.menuitem:hover,
 180 #streaming_display li:hover
 181 {
 182         background-color: #DEE7F7;
 183 }
 184
 185 li.menuitem {
 186         border: 1px solid #9DB2B1;
 187         border-top: none;
 188         background-color: #f1f1f1;
 189 }