std/base.css

   1 body {
   2         line-height: 19.2px;
   3 }
   4
   5 a {
   6         text-decoration: none;
   7 }
   8
   9 tr, td, #disp_artist, #disp_album, #disp_info, p.disp, img.thumbnailart {
  10         padding: 0px;
  11         margin: 0px;
  12 }
  13
  14 .main_container {
  15         padding-left: 5px;
  16         padding-bottom: 10px;
  17 }
  18
  19 #playlist {
  20         line-height: 1em;
  21         table-layout: fixed;
  22         font-size: 0.99em;
  23         border-width: 0px;
  24         border-spacing: 0px;
  25         cursor: default;
  26 }
  27
  28 /* for konqueror */
  29 .pltemp {
  30         color: #000001;
  31 }
  32
  33 /* apply to td's in tr's following an element with id playlist */
  34 #playlist > tr > td {
  35         white-space: nowrap;
  36         height: 1.3em;
  37         border-width: 0px;
  38         padding-left: 2px;
  39 }
  40
  41 #content {
  42         margin-left: 48px;
  43         margin-top: 106px;
  44         position: relative;
  45 }
  46
  47 /* this is complicated */
  48 ul.browser_field {
  49         cursor: default;
  50         font-size: 96%;
  51         width: 30%; /* as small as possible */
  52         line-height: 1.2em;
  53         padding: 0px 0px 0px 3px;
  54         margin: 2px 3px 0px 5px;
  55         overflow: auto;
  56         /*border: 1px solid #9db2b1;*/
  57         float: left;
  58 }
  59 li {
  60         /*padding: 0px 0px 0px 3px;*/
  61         margin: 0px;
  62 }
  63 li[dirtype] {
  64         background-position: top left;
  65         background-repeat: no-repeat;
  66         padding-left: 18px;
  67 }
  68
  69 li[dirtype=parent] {
  70         padding-left: 4px;
  71 }
  72
  73 li[btype=search] {
  74         padding-bottom: 7px;
  75 }
  76
  77 li[btype=search]:last-child {
  78         padding-bottom: 0px;
  79 }
  80
  81 #posslider, #volslider {
  82         width: 150px;
  83 }
  84
  85 div.slider_main {
  86         width: 100%;
  87         height: 10px;
  88         padding: 0px;
  89         margin: 0px 5px 5px 5px;
  90 }
  91 div.slider_pointer {
  92         position: relative;
  93         left: 0px;
  94         width: 5px;
  95         height: 15px;
  96         margin: -5px -5px 0px -5px;
  97         padding: 0px 0px 5px 0px;
  98 }
  99 p.slider_txt {
 100         margin: 0px 0px 0px 10px;
 101         cursor: default;
 102 }
 103
 104 #disp_title {
 105         font-size: larger;
 106         padding: 0px;
 107         margin: 15px 2px 0px 0px ;
 108 }
 109
 110 div.overlay {
 111         position: absolute;
 112         padding: 10px;
 113         display: none;
 114 }
 115
 116 img.close {
 117         position: absolute;
 118         height: 15px;
 119         width: 15px;
 120         right: 5px;
 121         top: 5px;
 122         opacity: 0.85;
 123 }
 124
 125 img.menu_button {
 126         height: 30px;
 127         width: 30px;
 128         opacity: 0.80;
 129         display: inline;
 130 }
 131 #debugbox {
 132         position: fixed;
 133         right: 0px;
 134         bottom: 0px;
 135         height: 200px;
 136         width: 150px;
 137         overflow: auto;
 138         z-index: 100;
 139         padding-left: 5px;
 140         border: 1px solid #FFCC00;
 141         background: #FFFF99;
 142         color: black;
 143 }
 144
 145 img.diritem {
 146         height: 15px;
 147         width: 15px;
 148         position: relative;
 149         right: 2px;
 150 }
 151 div.player_control {
 152         position: fixed;
 153         left: 3px;
 154         right: 3px;
 155         top: 0px;
 156         padding: 0px 10px 0px 10px;
 157         height: 101px;
 158         z-index: 2;
 159 }
 160 div.pc_artist {
 161         width: 400px;
 162         left: 90px;
 163         position: absolute;
 164         padding-top: 5px;
 165 }
 166 div#albumart {
 167         width: 80px;
 168         height: 80px;
 169         /*border: 1px solid red;*/
 170         margin: 5px 10px 0px 0px;
 171         float: left;
 172 }
 173 div.pc_ci {
 174         position: absolute;
 175         top: 25px;
 176         left: 500px;
 177 }
 178 div.pc_sliders {
 179         position: absolute;
 180         left: 610px;
 181         top: 2px;
 182 }
 183 div.selection_menu {
 184         position: fixed;
 185         top: 106px;
 186         left: 3px;
 187         width: 40px;
 188         padding: 10px 0px 5px 5px;
 189 }
 190 #status_bar {
 191         position: fixed;
 192         left: 300px;
 193         width: 300px;
 194         top: 0px;
 195         display:none;
 196         height: 25px;
 197         z-index: 10;
 198 }
 199 #status_bar_txt {
 200         margin: 0px;
 201         padding: 0px 2px 0px 5px;
 202 }
 203 img.status_working {
 204         float: right;
 205         margin: -15px 5px 0px 0px;
 206         padding: 0px 2px 0px 5px;
 207         display: none;
 208 }
 209 img.status_working[working] {
 210         display: inline;
 211 }
 212
 213 div.pc_other {
 214         position: absolute;
 215         right: 4px;
 216         top: 0px;
 217         font-size: smaller;
 218         line-height: 13px;
 219 }
 220
 221 hr.server_settings {
 222         height: 0px;
 223         margin-left: -5px;
 224         margin-right: 0px;
 225 }
 226 div.pc_settings {
 227         position: absolute;
 228         left: 615px;
 229         top: 80px;
 230         z-index: 5;
 231         height: 20px;
 232         font-size: 0.97em;
 233 }
 234 div.settings_header {
 235         cursor: pointer;
 236         margin: 0px 0px 0px 0px;
 237         width: 152px;
 238 }
 239 div.settings_container {
 240         display: none;
 241         height: 200px;
 242         top: 21px;
 243         z-index: 5;
 244         position: absolute;
 245         width: 152px;
 246 }
 247
 248 img.server_settings {
 249         margin-bottom: -3px;
 250 }
 251 span.server_settings {
 252         cursor: default;
 253 }
 254 .nomargin {
 255         margin: 0px;
 256 }
 257 .nopadding {
 258         padding: 0px;
 259 }
 260 p#settings_content {
 261         margin: 0px;
 262         padding-left: 5px;
 263 }
 264
 265 input#quickadd {
 266         margin: 0px 0px 0px -10px;
 267         height: 13px;
 268         width: 105px;
 269 }
 270
 271 div#qa_suggestions {
 272         margin: -3px 0px 0px -10px;
 273         padding: 0px;
 274         min-width: 220px;
 275         z-index: 100;
 276         position: absolute;
 277         display: none; /* yeah I want it, but I don't want *you* to see it! :p */
 278         min-height: 15px;
 279 }
 280 p#qa_suggestions_txt {
 281         padding: 0px;
 282         margin: 0px;
 283         font-size: 12px;
 284         line-height: 1.3em;
 285 }
 286
 287 span.qa_element {
 288         display: block;
 289 }
 290
 291 img.thumbnailart:hover {
 292         cursor: pointer;
 293 }
 294
 295 div.big_albumart {
 296         position: fixed;
 297         margin: auto;
 298         left: 0px;
 299         right: 0px;
 300         bottom: 0px;
 301         top: 0px;
 302         width: 200px;
 303         height: 50px;
 304         padding: 10px;
 305         z-index: 15;
 306 }
 307 img.big_albumart {
 308         margin: auto;
 309 }
 310 div#sidebar_header {
 311         top: 104px;
 312         position: fixed;
 313         display: none;
 314         height: 20px;
 315         width: 290px;
 316         right: 3px;
 317         z-index: 1;
 318         padding: 0px 0px 0px 5px;
 319 }
 320 div#sidebar_display {
 321         top: 127px;
 322         display: none;
 323         position: fixed;
 324         right: 3px;
 325         padding: 10px 5px 5px 10px;
 326         max-width: 500px;
 327         min-width: 280px;
 328         overflow: auto;
 329         bottom: 0px;
 330         z-index: 1;
 331 }
 332
 333 #lyrics_refetch_button {
 334         position: absolute;
 335         right: 5px;
 336         font-size: 0.95em;
 337         margin: 0px;
 338 }
 339
 340 .fakelink {
 341         cursor: pointer;
 342 }
 343
 344 p.right_small {
 345         text-align: right;
 346         margin: 0px 0px 0px 0px;
 347         padding: 0px 5px 0px 0px;
 348 }
 349 p.browse_type {
 350         display: inline;
 351         margin: 0px 2px 0px 2px;
 352         padding: 0px 5px 0px 5px;
 353         cursor: default;
 354 }
 355
 356 ul#browser_act_buttons {
 357         width: 95%;
 358         clear: both;
 359         padding: 0px;
 360         margin: 0px 0px 0px 10px;
 361 }
 362
 363 li.browser_button_add {
 364         margin: 0px;
 365         padding: 0px;
 366         display: inline;
 367         padding-left: 15px;
 368         z-index: 20;
 369 }
 370
 371 /* only allow changing pos if not first elem */
 372 li.browser_button_add + li {
 373         position: relative;
 374 }
 375
 376 li.browser_button_add:hover {
 377         cursor: default;
 378 }
 379
 380 /* playlist hover, not the main playlist, playlists in the browser */
 381 div.playlist_hover {
 382         display: none;
 383         float: right;
 384 }
 385
 386 li:hover div.playlist_hover {
 387         color: red;
 388         display: inline;
 389 }
 390
 391 div.popup {
 392         position: absolute;
 393         margin-top: -10px;
 394         z-index: 10;
 395         padding: 2px 5px 5px 5px;
 396         display: none;
 397         cursor: default;
 398 }
 399
 400 .fullscreen {
 401         position: fixed;
 402         left: 0px;
 403         top: 0px;
 404         z-index: 20;
 405         background-color: red;
 406 }
 407
 408 ul.playlist_popup {
 409         margin: 0px;
 410         padding: 2px;
 411 }
 412 li.playlist_popup {
 413         display: inline;
 414         margin-right: 2px;
 415         cursor: pointer;
 416 }
 417 span.playlist_popup {
 418         cursor: pointer;
 419         margin: 2px;
 420 }
 421
 422 div.moving_box {
 423         position: relative;
 424         overflow: hidden;
 425         font-size: 0.96em;
 426         cursor: move;
 427 }
 428
 429 div#streaming_display {
 430         position: absolute;
 431         top: 2px;
 432         margin: 0px;
 433         padding: 0px;
 434         right: 120px;
 435         width: 80px;
 436         line-height: 13px;
 437 }
 438
 439 div#streaming_display li {
 440         list-style-type: none;
 441         padding-left: 4px;
 442         padding-right: 4px;
 443 }
 444
 445 div#pagination, div#pagination_options {
 446         position: fixed;
 447         bottom: 0px;
 448         left: 50px;
 449         height: 25px;
 450         padding: 0px;
 451         cursor: default;
 452         max-width: 680px;
 453         display: none;
 454 }
 455 div#pagination_options {
 456         left: 3px;
 457         width: 47px;
 458         display: block;
 459 }
 460 ul#pagination_list {
 461         padding: 0px;
 462         margin: 4px 0px 2px 2px;
 463         overflow: hidden;
 464 }
 465 ul#pagination_list > li { /* li following pagination ul */
 466         display: inline;
 467         width: 10px;
 468         margin: 2px;
 469         cursor: pointer;
 470 }
 471
 472 /* just a spacer at the bottom to avoid last row
 473  * disappearing under the pagination list */
 474 div#pagination_spacer {
 475         height: 25px;
 476 }
 477
 478 img.pagination_options {
 479         margin: 4px 0px 0px 2px;
 480         padding: 0px;
 481         cursor: pointer;
 482         opacity: 0.80;
 483 }
 484
 485 span.plse {
 486         display: block;
 487         line-height: 110%;
 488         cursor: pointer;
 489         padding-left: 20px;
 490         background-position: top left;
 491         background-repeat: no-repeat;
 492 }
 493
 494 li.menuitem {
 495         list-style-type: none;
 496         padding-left: 4px;
 497         padding-right: 4px;
 498         border-top: none;
 499 }
 500
 501
 502 ul.recommended {
 503         padding-left: 10px;
 504 }
 505
 506 ul.recommended > li {
 507         cursor: pointer;
 508 }
 509
 510 ul.recommended > li > ul {
 511         padding-left: 15px;
 512         display: none;
 513 }
 514 ul.recommended > li[open] > ul {
 515         display: block;
 516 }
 517
 518 img.menu_button:hover, img.close:hover, img.pagination_options:hover {
 519         opacity: 1.0;
 520 }