web/lib/metadataplayer/Controller.css
author cavaliet
Wed, 23 Oct 2013 16:48:59 +0200
changeset 14 960eb22c078c
parent 0 7f8907368bd5
permissions -rwxr-xr-x
test renkan
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     1
/* Player Widget */
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     2
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     3
.Ldt-Ctrl {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     4
  font-size: 10px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     5
  background:url('img/player_gradient.png') repeat-x transparent ;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     6
  height: 25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     7
  border: 1px solid #b6b8b8;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     8
  position: relative;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     9
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    10
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    11
.Ldt-Ctrl-Left {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    12
  float:left; width: 300px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    13
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    14
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    15
.Ldt-Ctrl-Right {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    16
  float: right;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    17
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    18
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    19
.Ldt-Ctrl-button {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    20
  float: left;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    21
  width: 30px; height: 25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    22
  background: url('img/player-sprites.png');
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    23
  cursor: pointer;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    24
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    25
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    26
.Ldt-Ctrl-spacer {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    27
    float: left; width: 1px; height: 25px; background: #b6b8b8;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    28
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    29
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    30
.Ldt-Ctrl-Play {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    31
  margin: 0 15px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    32
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    33
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    34
.Ldt-Ctrl-Play-PlayState {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    35
  background-position: 0 0;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    36
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    37
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    38
.Ldt-Ctrl-Play-PlayState:hover {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    39
  background-position: 0 -25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    40
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    41
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    42
.Ldt-Ctrl-Play-PlayState:active {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    43
  background-position: 0 -50px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    44
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    45
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    46
.Ldt-Ctrl-Play-PauseState {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    47
  background-position: -30px 0;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    48
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    49
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    50
.Ldt-Ctrl-Play-PauseState:hover {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    51
  background-position: -30px -25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    52
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    53
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    54
.Ldt-Ctrl-Play-PauseState:active {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    55
  background-position: -30px -50px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    56
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    57
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    58
.Ldt-Ctrl-Annotate {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    59
  margin: 0 2px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    60
  background-position: -60px 0;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    61
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    62
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    63
.Ldt-Ctrl-Annotate:hover {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    64
  background-position: -60px -25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    65
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    66
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    67
.Ldt-Ctrl-Annotate:active {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    68
  background-position: -60px -50px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    69
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    70
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    71
.Ldt-Ctrl-SearchBtn {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    72
  margin: 0 2px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    73
  background-position: -90px 0;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    74
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    75
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    76
.Ldt-Ctrl-SearchBtn:hover {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    77
  background-position: -90px -25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    78
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    79
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    80
.Ldt-Ctrl-SearchBtn:active {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    81
  background-position: -90px -50px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    82
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    83
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    84
.Ldt-Ctrl-Search {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    85
  width: 0; float: left; overflow: hidden;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    86
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    87
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    88
input.Ldt-Ctrl-SearchInput {
14
960eb22c078c test renkan
cavaliet
parents: 0
diff changeset
    89
    border: 1px solid #8080A0;
960eb22c078c test renkan
cavaliet
parents: 0
diff changeset
    90
    border-radius: 3px 3px 3px 3px;
960eb22c078c test renkan
cavaliet
parents: 0
diff changeset
    91
    font-size: 13px;
960eb22c078c test renkan
cavaliet
parents: 0
diff changeset
    92
    height: 21px;
960eb22c078c test renkan
cavaliet
parents: 0
diff changeset
    93
    margin: 1px;
960eb22c078c test renkan
cavaliet
parents: 0
diff changeset
    94
    padding-left: 3px;
960eb22c078c test renkan
cavaliet
parents: 0
diff changeset
    95
    width: 145px;
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    96
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    97
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    98
.Ldt-Ctrl-Time {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    99
  float: left;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   100
  margin: 5px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   101
  font-size: 12px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   102
  font-family: Arial, Verdana, sans-serif;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   103
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   104
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   105
.Ldt-Ctrl-Time-Elapsed {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   106
  float: left;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   107
  color: #4a4a4a;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   108
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   109
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   110
.Ldt-Ctrl-Time-Separator {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   111
  margin: 0 4px;      
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   112
  float: left;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   113
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   114
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   115
.Ldt-Ctrl-Time-Total {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   116
  float: left;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   117
  color: #b2b2b2; 
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   118
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   119
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   120
.Ldt-Ctrl-Sound {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   121
  margin: 0 2px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   122
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   123
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   124
.Ldt-Ctrl-Sound-Full {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   125
  background-position: -120px 0;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   126
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   127
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   128
.Ldt-Ctrl-Sound-Full:hover {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   129
  background-position: -120px -25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   130
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   131
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   132
.Ldt-Ctrl-Sound-Full:active {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   133
  background-position: -120px -50px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   134
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   135
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   136
.Ldt-Ctrl-Sound-Mute {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   137
  background-position: -150px 0;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   138
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   139
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   140
.Ldt-Ctrl-Sound-Mute:hover {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   141
  background-position: -150px -25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   142
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   143
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   144
.Ldt-Ctrl-Sound-Mute:active {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   145
  background-position: -150px -50px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   146
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   147
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   148
.Ldt-Ctrl-Sound-Half {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   149
  background-position: -180px 0;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   150
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   151
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   152
.Ldt-Ctrl-Sound-Half:hover {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   153
  background-position: -180px -25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   154
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   155
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   156
.Ldt-Ctrl-Sound-Half:active {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   157
  background-position: -180px -50px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   158
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   159
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   160
.Ldt-Ctrl-Volume-Control {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   161
    display: none;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   162
  position: absolute;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   163
  background:url('img/player_gradient.png') repeat-x transparent ;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   164
  height: 25px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   165
  width: 100px; top: 25px; right: -1px; z-index: 100;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   166
  padding: 0 2px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   167
  border: 1px solid #b6b8b8;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   168
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   169
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   170
.Ldt-Ctrl-Volume-Bar { 
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   171
    height: 5px; margin: 9px 3px 0; background: #cccccc; border: 1px solid #999999; border-radius: 2px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   172
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   173
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   174
.Ldt-Ctrl-Volume-Control .ui-slider-handle {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   175
    width: 6px; height: 19px; background: #a8a8a8; border: 1px solid #999999; border-radius: 2px; top: -8px; margin-left: -4px;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   176
    cursor: pointer;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   177
}
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   178
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   179
.Ldt-Ctrl-Volume-Control:hover .ui-slider-handle {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   180
     background: #F7268E;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   181
}