themes/grey/style.css
author Dan
Mon, 01 Sep 2008 13:05:52 -0400
changeset 39 38dbcda3cf20
parent 28 c15f6dcc8085
child 50 1b4288399b1f
permissions -rw-r--r--
Fixed scroll-to-current-track being about 30 pixels off under iPhone
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
28
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     1
/**
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     2
 * Based upon the AmaroK WebControl interface by:
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     3
 *    Jonas Christian Drewsen ( kde at xspect dot dk )
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     4
 *    André Kelpe ( fs111 at web dot de )
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     5
 *    Peter C. Ndikuwera ( pndiku at gmail dot com )
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     6
 */
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     7
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     8
body {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
     9
  font-family: sans-serif;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    10
  background-color: #262626;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    11
  color: #ffffff;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    12
  padding: 0 8px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    13
  background-image: url(images/playbar-shadow.gif);
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    14
  background-repeat: repeat-x;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    15
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    16
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    17
div.tblholder {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    18
  padding: 1px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    19
  background-color: #b0b0b0;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    20
  border: 1px solid #000000;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    21
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    22
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    23
div.tblholder table {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    24
  background-color: #606060;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    25
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    26
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    27
tr th {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    28
  background-color: #505050;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    29
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    30
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    31
tr.row1 td {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    32
  background-color: #383838;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    33
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    34
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    35
tr.row2 td {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    36
  background-color: #424242;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    37
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    38
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    39
tr.current td {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    40
  background-color: #303030;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    41
  color: #ffff00;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    42
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    43
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    44
div#playbar {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    45
  position: fixed;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    46
  top: 0;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    47
  left: 0; 
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    48
  width: 100%;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    49
  height: 32px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    50
  padding: 0;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    51
  margin: 0;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    52
  background-image: url(images/playbar.gif);
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    53
  background-repeat: repeat-x;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    54
  background-color: #383f61;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    55
  border-bottom: 1px solid #000000;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    56
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    57
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    58
div.playbar-inner {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    59
  padding: 5px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    60
  line-height: 22px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    61
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    62
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    63
a img {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    64
  border-width: 0;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    65
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    66
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    67
div#playlist {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    68
  margin-top: 48px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    69
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    70
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    71
a.tracklink {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    72
  text-decoration: none;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    73
  color: white;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    74
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    75
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    76
div#playlist tr.current a.tracklink {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    77
  color: #ffff00;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    78
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    79
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    80
span#playmeter, span#volume_wrap {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    81
  position: relative;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    82
  top: -7px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    83
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    84
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    85
a.volume_button {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    86
  padding-right: 10px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    87
  margin-right: 1px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    88
  background-color: #262626;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    89
  border: 1px solid #909090;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    90
  text-decoration: none;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    91
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    92
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    93
a.volume_button_active {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    94
  background-color: #404040;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    95
  border-color: #d0d0d0;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    96
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    97
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    98
/* Position slider (playhead) */
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
    99
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   100
div#playhead {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   101
  background-image: url(images/position-empty.png);
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   102
  width: 250px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   103
  background-repeat: no-repeat;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   104
  background-position: center center;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   105
  float: right;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   106
  margin-left: 10px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   107
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   108
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   109
div#playhead-filler {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   110
  background-image: url(images/position-full.png);
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   111
  width: 150px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   112
  background-repeat: no-repeat;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   113
  background-position: left center;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   114
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   115
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   116
div#playhead-button {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   117
  background-image: url(images/playhead.png);
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   118
  width: 16px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   119
  height: 16px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   120
  font-size: 1px;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   121
  position: absolute;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   122
  background-repeat: no-repeat;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   123
  background-position: center center;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   124
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   125
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   126
/* The list of colors that will be cycled through as playback takes place */
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   127
tr.pulsar0 td { background-color: #303030; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   128
tr.pulsar1 td { background-color: #333333; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   129
tr.pulsar2 td { background-color: #363636; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   130
tr.pulsar3 td { background-color: #393939; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   131
tr.pulsar4 td { background-color: #3c3c3c; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   132
tr.pulsar5 td { background-color: #3f3f3f; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   133
tr.pulsar6 td { background-color: #424242; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   134
tr.pulsar7 td { background-color: #454545; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   135
tr.pulsar8 td { background-color: #484848; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   136
tr.pulsar9 td { background-color: #4b4b4b; }
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   137
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   138
div.poweredby {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   139
  font-size: smaller;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   140
  text-align: center;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   141
  margin: 10px 0;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   142
}
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   143
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   144
div.poweredby a {
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   145
  color: #57608a;
c15f6dcc8085 Added grey theme.
Dan
parents:
diff changeset
   146
}