Mercurial > public > sg101

annotate static/js/jplayer/skins/blue.monday/jplayer.blue.monday.css @ 488:a747215e9a5a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
For #234, update jPlayer to 2.0.1.
author Brian Neal <bgneal@gmail.com>
date Wed, 19 Oct 2011 01:24:46 +0000
parents 9175392da056
children
rev   line source
bgneal@402 1 /*
bgneal@402 2 * Skin for jPlayer Plugin (jQuery JavaScript Library)
bgneal@402 3 * http://www.happyworm.com/jquery/jplayer
bgneal@402 4 *
bgneal@402 5 * Skin Name: Blue Monday
bgneal@402 6 *
bgneal@488 7 * Copyright (c) 2010-2011 Happyworm Ltd
bgneal@402 8 * Dual licensed under the MIT and GPL licenses.
bgneal@402 9 * - http://www.opensource.org/licenses/mit-license.php
bgneal@402 10 * - http://www.gnu.org/copyleft/gpl.html
bgneal@402 11 *
bgneal@402 12 * Author: Silvia Benvenuti
bgneal@488 13 * Skin Version: 4.0 (jPlayer 2.1.0)
bgneal@488 14 * Date: 1st September 2011
bgneal@402 15 */
bgneal@402 16
bgneal@402 17 div.jp-audio,
bgneal@402 18 div.jp-video {
bgneal@402 19
bgneal@402 20 /* Edit the font-size to counteract inherited font sizing.
bgneal@402 21 * Eg. 1.25em = 1 / 0.8em
bgneal@402 22 */
bgneal@402 23
bgneal@488 24 font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
bgneal@402 25
bgneal@402 26 font-family:Verdana, Arial, sans-serif;
bgneal@402 27 line-height:1.6;
bgneal@402 28 color: #666;
bgneal@488 29 border:1px solid #009be3;
bgneal@488 30 background-color:#eee;
bgneal@488 31 position:relative;
bgneal@402 32 }
bgneal@402 33 div.jp-audio {
bgneal@402 34 width:420px;
bgneal@402 35 }
bgneal@402 36 div.jp-video-270p {
bgneal@402 37 width:480px;
bgneal@402 38 }
bgneal@402 39 div.jp-video-360p {
bgneal@402 40 width:640px;
bgneal@402 41 }
bgneal@488 42 div.jp-video-full {
bgneal@488 43 /* Rules for IE6 (full-screen) */
bgneal@488 44 width:480px;
bgneal@488 45 height:270px;
bgneal@488 46 /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
bgneal@488 47 position:static !important; position:relative
bgneal@488 48 }
bgneal@488 49
bgneal@488 50 div.jp-video-full div.jp-jplayer {
bgneal@488 51 top: 0;
bgneal@488 52 left: 0;
bgneal@488 53 position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
bgneal@488 54 overflow: hidden;
bgneal@488 55 z-index:1000;
bgneal@488 56 }
bgneal@488 57
bgneal@488 58 div.jp-video-full div.jp-gui {
bgneal@488 59 position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
bgneal@488 60 top: 0;
bgneal@488 61 left: 0;
bgneal@488 62 width:100%;
bgneal@488 63 height:100%;
bgneal@488 64 z-index:1000;
bgneal@488 65 }
bgneal@488 66
bgneal@488 67 div.jp-video-full div.jp-interface {
bgneal@488 68 position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
bgneal@488 69 bottom: 0;
bgneal@488 70 left: 0;
bgneal@488 71 z-index:1000;
bgneal@488 72 }
bgneal@488 73
bgneal@402 74 div.jp-interface {
bgneal@402 75 position: relative;
bgneal@402 76 background-color:#eee;
bgneal@402 77 width:100%;
bgneal@402 78 }
bgneal@488 79
bgneal@402 80 div.jp-audio div.jp-type-single div.jp-interface {
bgneal@402 81 height:80px;
bgneal@402 82 }
bgneal@402 83 div.jp-audio div.jp-type-playlist div.jp-interface {
bgneal@402 84 height:80px;
bgneal@402 85 }
bgneal@488 86
bgneal@488 87 div.jp-video div.jp-interface {
bgneal@488 88 border-top:1px solid #009be3;
bgneal@402 89 }
bgneal@488 90
bgneal@488 91 /* @group CONTROLS */
bgneal@488 92
bgneal@488 93 div.jp-controls-holder {
bgneal@488 94 clear: both;
bgneal@488 95 width:440px;
bgneal@488 96 margin:0 auto;
bgneal@488 97 position: relative;
bgneal@488 98 overflow:hidden;
bgneal@488 99 top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
bgneal@402 100 }
bgneal@488 101
bgneal@402 102 div.jp-interface ul.jp-controls {
bgneal@402 103 list-style-type:none;
bgneal@488 104 margin:0;
bgneal@488 105 padding: 0;
bgneal@488 106 overflow:hidden;
bgneal@488 107 }
bgneal@488 108
bgneal@488 109 div.jp-audio ul.jp-controls {
bgneal@488 110 width: 380px;
bgneal@488 111 padding:20px 20px 0 20px;
bgneal@488 112 }
bgneal@488 113
bgneal@488 114 div.jp-video div.jp-type-single ul.jp-controls {
bgneal@488 115 width: 78px;
bgneal@488 116 margin-left: 200px;
bgneal@488 117 }
bgneal@488 118
bgneal@488 119 div.jp-video div.jp-type-playlist ul.jp-controls {
bgneal@488 120 width: 134px;
bgneal@488 121 margin-left: 172px;
bgneal@488 122 }
bgneal@488 123 div.jp-video ul.jp-controls,
bgneal@488 124 div.jp-interface ul.jp-controls li {
bgneal@488 125 display:inline;
bgneal@488 126 float: left;
bgneal@402 127 }
bgneal@488 128
bgneal@402 129 div.jp-interface ul.jp-controls a {
bgneal@488 130 display:block;
bgneal@402 131 overflow:hidden;
bgneal@402 132 text-indent:-9999px;
bgneal@402 133 }
bgneal@402 134 a.jp-play,
bgneal@402 135 a.jp-pause {
bgneal@402 136 width:40px;
bgneal@402 137 height:40px;
bgneal@402 138 }
bgneal@488 139
bgneal@402 140 a.jp-play {
bgneal@402 141 background: url("jplayer.blue.monday.jpg") 0 0 no-repeat;
bgneal@402 142 }
bgneal@402 143 a.jp-play:hover {
bgneal@402 144 background: url("jplayer.blue.monday.jpg") -41px 0 no-repeat;
bgneal@402 145 }
bgneal@402 146 a.jp-pause {
bgneal@402 147 background: url("jplayer.blue.monday.jpg") 0 -42px no-repeat;
bgneal@402 148 display: none;
bgneal@402 149 }
bgneal@402 150 a.jp-pause:hover {
bgneal@402 151 background: url("jplayer.blue.monday.jpg") -41px -42px no-repeat;
bgneal@402 152 }
bgneal@488 153
bgneal@488 154 a.jp-stop, a.jp-previous, a.jp-next {
bgneal@488 155 width:28px;
bgneal@488 156 height:28px;
bgneal@488 157 margin-top:6px;
bgneal@402 158 }
bgneal@488 159
bgneal@402 160 a.jp-stop {
bgneal@402 161 background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat;
bgneal@488 162 margin-left:10px;
bgneal@488 163 }
bgneal@488 164
bgneal@402 165 a.jp-stop:hover {
bgneal@402 166 background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;
bgneal@488 167 }
bgneal@488 168
bgneal@402 169 a.jp-previous {
bgneal@402 170 background: url("jplayer.blue.monday.jpg") 0 -112px no-repeat;
bgneal@402 171 }
bgneal@402 172 a.jp-previous:hover {
bgneal@402 173 background: url("jplayer.blue.monday.jpg") -29px -112px no-repeat;
bgneal@488 174 }
bgneal@488 175
bgneal@402 176 a.jp-next {
bgneal@402 177 background: url("jplayer.blue.monday.jpg") 0 -141px no-repeat;
bgneal@402 178 }
bgneal@402 179 a.jp-next:hover {
bgneal@402 180 background: url("jplayer.blue.monday.jpg") -29px -141px no-repeat;
bgneal@402 181 }
bgneal@488 182
bgneal@488 183 /* @end */
bgneal@488 184
bgneal@488 185 /* @group progress bar */
bgneal@488 186
bgneal@402 187 div.jp-progress {
bgneal@402 188 overflow:hidden;
bgneal@402 189 background-color: #ddd;
bgneal@402 190 }
bgneal@488 191 div.jp-audio div.jp-progress {
bgneal@488 192 position: absolute;
bgneal@402 193 top:32px;
bgneal@402 194 height:15px;
bgneal@402 195 }
bgneal@488 196 div.jp-audio div.jp-type-single div.jp-progress {
bgneal@488 197 left:110px;
bgneal@488 198 width:186px;
bgneal@488 199 }
bgneal@402 200 div.jp-audio div.jp-type-playlist div.jp-progress {
bgneal@488 201 left:166px;
bgneal@488 202 width:130px;
bgneal@402 203 }
bgneal@402 204 div.jp-video div.jp-progress {
bgneal@402 205 top:0px;
bgneal@402 206 left:0px;
bgneal@402 207 width:100%;
bgneal@402 208 height:10px;
bgneal@402 209 }
bgneal@402 210 div.jp-seek-bar {
bgneal@402 211 background: url("jplayer.blue.monday.jpg") 0 -202px repeat-x;
bgneal@402 212 width:0px;
bgneal@402 213 height:100%;
bgneal@402 214 cursor: pointer;
bgneal@402 215 }
bgneal@402 216 div.jp-play-bar {
bgneal@402 217 background: url("jplayer.blue.monday.jpg") 0 -218px repeat-x ;
bgneal@402 218 width:0px;
bgneal@402 219 height:100%;
bgneal@402 220 }
bgneal@402 221
bgneal@402 222 /* The seeking class is added/removed inside jPlayer */
bgneal@402 223 div.jp-seeking-bg {
bgneal@488 224 background: url("jplayer.blue.monday.seeking.gif");
bgneal@402 225 }
bgneal@402 226
bgneal@488 227 /* @end */
bgneal@488 228
bgneal@488 229 /* @group volume controls */
bgneal@488 230
bgneal@488 231
bgneal@402 232 a.jp-mute,
bgneal@488 233 a.jp-unmute,
bgneal@488 234 a.jp-volume-max {
bgneal@402 235 width:18px;
bgneal@488 236 height:15px;
bgneal@488 237 margin-top:12px;
bgneal@488 238 }
bgneal@488 239
bgneal@488 240 div.jp-audio div.jp-type-single a.jp-mute,
bgneal@488 241 div.jp-audio div.jp-type-single a.jp-unmute {
bgneal@488 242 margin-left: 210px;
bgneal@488 243 }
bgneal@488 244
bgneal@488 245 div.jp-audio div.jp-type-playlist a.jp-mute,
bgneal@488 246 div.jp-audio div.jp-type-playlist a.jp-unmute {
bgneal@488 247 margin-left: 154px;
bgneal@488 248 }
bgneal@488 249
bgneal@488 250 div.jp-audio a.jp-volume-max {
bgneal@488 251 margin-left: 56px;
bgneal@402 252 }
bgneal@488 253
bgneal@488 254 div.jp-video a.jp-mute,
bgneal@488 255 div.jp-video a.jp-unmute,
bgneal@488 256 div.jp-video a.jp-volume-max {
bgneal@488 257 position: absolute;
bgneal@488 258 top:12px;
bgneal@488 259 margin-top:0;
bgneal@402 260 }
bgneal@488 261
bgneal@488 262 div.jp-video a.jp-mute,
bgneal@488 263 div.jp-video a.jp-unmute {
bgneal@488 264 left: 50px;
bgneal@488 265 }
bgneal@488 266
bgneal@488 267
bgneal@488 268 div.jp-video a.jp-volume-max {
bgneal@402 269 left: 134px;
bgneal@488 270 }
bgneal@402 271
bgneal@488 272 a.jp-mute {
bgneal@402 273 background: url("jplayer.blue.monday.jpg") 0 -170px no-repeat;
bgneal@402 274 }
bgneal@402 275 a.jp-mute:hover {
bgneal@402 276 background: url("jplayer.blue.monday.jpg") -19px -170px no-repeat;
bgneal@402 277 }
bgneal@488 278 a.jp-unmute {
bgneal@402 279 background: url("jplayer.blue.monday.jpg") -60px -170px no-repeat;
bgneal@402 280 display: none;
bgneal@402 281 }
bgneal@488 282 a.jp-unmute:hover {
bgneal@488 283 background: url("jplayer.blue.monday.jpg") -79px -170px no-repeat;
bgneal@488 284 }
bgneal@488 285
bgneal@488 286 a.jp-volume-max {
bgneal@488 287 background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat;
bgneal@402 288 }
bgneal@402 289 a.jp-volume-max:hover {
bgneal@488 290 background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat;
bgneal@402 291 }
bgneal@402 292
bgneal@402 293 div.jp-volume-bar {
bgneal@402 294 position: absolute;
bgneal@402 295 overflow:hidden;
bgneal@402 296 background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x;
bgneal@402 297 width:46px;
bgneal@402 298 height:5px;
bgneal@488 299 cursor: pointer;
bgneal@402 300 }
bgneal@488 301 div.jp-audio div.jp-volume-bar {
bgneal@402 302 top:37px;
bgneal@402 303 left:330px;
bgneal@488 304 }
bgneal@488 305 div.jp-video div.jp-volume-bar {
bgneal@402 306 top:17px;
bgneal@402 307 left:72px;
bgneal@402 308 }
bgneal@402 309 div.jp-volume-bar-value {
bgneal@402 310 background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x;
bgneal@402 311 width:0px;
bgneal@488 312 height:5px;
bgneal@488 313 }
bgneal@488 314
bgneal@488 315 /* @end */
bgneal@488 316
bgneal@488 317 /* @group current time and duration */
bgneal@488 318
bgneal@488 319 div.jp-audio div.jp-time-holder {
bgneal@488 320 position:absolute;
bgneal@488 321 top:50px;
bgneal@488 322 }
bgneal@488 323 div.jp-audio div.jp-type-single div.jp-time-holder {
bgneal@488 324 left:110px;
bgneal@488 325 width:186px;
bgneal@488 326 }
bgneal@488 327 div.jp-audio div.jp-type-playlist div.jp-time-holder {
bgneal@488 328 left:166px;
bgneal@488 329 width:130px;
bgneal@402 330 }
bgneal@402 331
bgneal@488 332 div.jp-current-time,
bgneal@402 333 div.jp-duration {
bgneal@488 334 width:60px;
bgneal@488 335 font-size:.64em;
bgneal@488 336 font-style:oblique;
bgneal@488 337 }
bgneal@488 338 div.jp-current-time {
bgneal@402 339 float: left;
bgneal@402 340 display:inline;
bgneal@488 341 }
bgneal@488 342 div.jp-duration {
bgneal@402 343 float: right;
bgneal@402 344 display:inline;
bgneal@488 345 text-align: right;
bgneal@488 346 }
bgneal@488 347
bgneal@402 348 div.jp-video div.jp-current-time {
bgneal@488 349 margin-left:20px;
bgneal@488 350 }
bgneal@402 351 div.jp-video div.jp-duration {
bgneal@488 352 margin-right:20px;
bgneal@488 353 }
bgneal@488 354
bgneal@488 355 /* @end */
bgneal@488 356
bgneal@488 357 /* @group playlist */
bgneal@488 358
bgneal@488 359 div.jp-title {
bgneal@402 360 font-weight:bold;
bgneal@488 361 text-align:center;
bgneal@488 362 }
bgneal@402 363
bgneal@402 364 div.jp-title,
bgneal@402 365 div.jp-playlist {
bgneal@488 366 width:100%;
bgneal@488 367 background-color:#ccc;
bgneal@488 368 border-top:1px solid #009be3;
bgneal@488 369 }
bgneal@488 370 div.jp-type-single div.jp-title,
bgneal@402 371 div.jp-type-playlist div.jp-title,
bgneal@402 372 div.jp-type-single div.jp-playlist {
bgneal@488 373 border-top:none;
bgneal@402 374 }
bgneal@402 375 div.jp-title ul,
bgneal@402 376 div.jp-playlist ul {
bgneal@402 377 list-style-type:none;
bgneal@402 378 margin:0;
bgneal@402 379 padding:0 20px;
bgneal@402 380 font-size:.72em;
bgneal@488 381 }
bgneal@488 382
bgneal@402 383 div.jp-title li {
bgneal@402 384 padding:5px 0;
bgneal@488 385 font-weight:bold;
bgneal@402 386 }
bgneal@402 387 div.jp-playlist li {
bgneal@402 388 padding:5px 0 4px 20px;
bgneal@488 389 border-bottom:1px solid #eee;
bgneal@488 390 }
bgneal@488 391
bgneal@402 392 div.jp-playlist li div {
bgneal@488 393 display:inline;
bgneal@488 394 }
bgneal@488 395
bgneal@488 396 /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
bgneal@402 397
bgneal@402 398 div.jp-type-playlist div.jp-playlist li:last-child {
bgneal@402 399 padding:5px 0 5px 20px;
bgneal@402 400 border-bottom:none;
bgneal@402 401 }
bgneal@402 402 div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
bgneal@488 403 list-style-type:square;
bgneal@402 404 list-style-position:inside;
bgneal@402 405 padding-left:7px;
bgneal@488 406 }
bgneal@402 407 div.jp-type-playlist div.jp-playlist a {
bgneal@402 408 color: #333;
bgneal@402 409 text-decoration: none;
bgneal@402 410 }
bgneal@402 411 div.jp-type-playlist div.jp-playlist a:hover {
bgneal@402 412 color:#0d88c1;
bgneal@402 413 }
bgneal@402 414 div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
bgneal@488 415 color:#0d88c1;
bgneal@488 416 }
bgneal@488 417
bgneal@402 418 div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
bgneal@488 419 float:right;
bgneal@488 420 display:inline;
bgneal@488 421 text-align:right;
bgneal@488 422 margin-right:10px;
bgneal@488 423 font-weight:bold;
bgneal@488 424 color:#666;
bgneal@488 425 }
bgneal@488 426 div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
bgneal@488 427 color:#0d88c1;
bgneal@488 428 }
bgneal@488 429 div.jp-type-playlist div.jp-playlist span.jp-free-media {
bgneal@488 430 float:right;
bgneal@488 431 display:inline;
bgneal@488 432 text-align:right;
bgneal@488 433 margin-right:10px;
bgneal@488 434 }
bgneal@488 435 div.jp-type-playlist div.jp-playlist span.jp-free-media a{
bgneal@488 436 color:#666;
bgneal@488 437 }
bgneal@488 438 div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
bgneal@488 439 color:#0d88c1;
bgneal@488 440 }
bgneal@488 441 span.jp-artist {
bgneal@402 442 font-size:.8em;
bgneal@402 443 color:#666;
bgneal@488 444 }
bgneal@488 445
bgneal@488 446 /* @end */
bgneal@488 447
bgneal@488 448 div.jp-video-play {
bgneal@488 449 position:absolute;
bgneal@488 450 top:0;
bgneal@402 451 left:0;
bgneal@488 452 width:100%;
bgneal@402 453 cursor:pointer;
bgneal@402 454 background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
bgneal@402 455 }
bgneal@402 456 div.jp-video-270p div.jp-video-play {
bgneal@402 457 height:270px;
bgneal@402 458 }
bgneal@402 459 div.jp-video-360p div.jp-video-play {
bgneal@488 460 height:360px;
bgneal@488 461 }
bgneal@488 462 div.jp-video-full div.jp-video-play {
bgneal@488 463 height:100%;
bgneal@488 464 z-index:1000;
bgneal@488 465 }
bgneal@488 466 a.jp-video-play-icon {
bgneal@488 467 position:relative;
bgneal@488 468 display:block;
bgneal@402 469 width: 112px;
bgneal@488 470 height: 100px;
bgneal@488 471
bgneal@488 472 margin-left:-56px;
bgneal@488 473 margin-top:-50px;
bgneal@488 474 left:50%;
bgneal@488 475 top:50%;
bgneal@488 476
bgneal@488 477 background: url("jplayer.blue.monday.video.play.png") 0 0 no-repeat;
bgneal@488 478 text-indent:-9999px;
bgneal@488 479 }
bgneal@488 480 div.jp-video-play:hover a.jp-video-play-icon {
bgneal@488 481 background: url("jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
bgneal@488 482 }
bgneal@488 483
bgneal@488 484
bgneal@488 485
bgneal@488 486
bgneal@402 487
bgneal@402 488 div.jp-jplayer audio,
bgneal@402 489 div.jp-jplayer {
bgneal@402 490 width:0px;
bgneal@488 491 height:0px;
bgneal@402 492 }
bgneal@402 493
bgneal@488 494 div.jp-jplayer {
bgneal@488 495 background-color: #000000;
bgneal@488 496 }
bgneal@488 497
bgneal@488 498
bgneal@488 499
bgneal@488 500
bgneal@488 501
bgneal@488 502 /* @group TOGGLES */
bgneal@488 503
bgneal@488 504 /* The audio toggles are nested inside jp-time-holder */
bgneal@488 505
bgneal@488 506 ul.jp-toggles {
bgneal@488 507 list-style-type:none;
bgneal@488 508 padding:0;
bgneal@488 509 margin:0 auto;
bgneal@488 510 overflow:hidden;
bgneal@488 511 }
bgneal@488 512
bgneal@488 513 div.jp-audio .jp-type-single ul.jp-toggles {
bgneal@488 514 width:25px;
bgneal@488 515 }
bgneal@488 516 div.jp-audio .jp-type-playlist ul.jp-toggles {
bgneal@488 517 width:55px;
bgneal@488 518 margin: 0;
bgneal@488 519 position: absolute;
bgneal@402 520 left: 325px;
bgneal@488 521 top: 50px;
bgneal@488 522 }
bgneal@488 523
bgneal@488 524 div.jp-video ul.jp-toggles {
bgneal@488 525 margin-top:10px;
bgneal@488 526 width:100px;
bgneal@488 527 }
bgneal@488 528
bgneal@488 529 ul.jp-toggles li {
bgneal@488 530 display:block;
bgneal@488 531 float:right;
bgneal@488 532 }
bgneal@488 533
bgneal@488 534 ul.jp-toggles li a {
bgneal@488 535 display:block;
bgneal@488 536 width:25px;
bgneal@488 537 height:18px;
bgneal@488 538 text-indent:-9999px;
bgneal@488 539 line-height:100%; /* need this for IE6 */
bgneal@488 540 }
bgneal@488 541
bgneal@488 542 a.jp-full-screen {
bgneal@488 543 background: url("jplayer.blue.monday.jpg") 0 -310px no-repeat;
bgneal@488 544 margin-left: 20px;
bgneal@488 545 }
bgneal@488 546
bgneal@488 547 a.jp-full-screen:hover {
bgneal@488 548 background: url("jplayer.blue.monday.jpg") -30px -310px no-repeat;
bgneal@488 549 }
bgneal@488 550
bgneal@488 551 a.jp-restore-screen {
bgneal@488 552 background: url("jplayer.blue.monday.jpg") -60px -310px no-repeat;
bgneal@488 553 margin-left: 20px;
bgneal@488 554 }
bgneal@488 555
bgneal@488 556 a.jp-restore-screen:hover {
bgneal@488 557 background: url("jplayer.blue.monday.jpg") -90px -310px no-repeat;
bgneal@488 558 }
bgneal@488 559
bgneal@488 560 a.jp-repeat {
bgneal@488 561 background: url("jplayer.blue.monday.jpg") 0 -290px no-repeat;
bgneal@488 562 }
bgneal@488 563
bgneal@488 564 a.jp-repeat:hover {
bgneal@488 565 background: url("jplayer.blue.monday.jpg") -30px -290px no-repeat;
bgneal@488 566 }
bgneal@488 567
bgneal@488 568 a.jp-repeat-off {
bgneal@488 569 background: url("jplayer.blue.monday.jpg") -60px -290px no-repeat;
bgneal@488 570 }
bgneal@488 571
bgneal@488 572 a.jp-repeat-off:hover {
bgneal@488 573 background: url("jplayer.blue.monday.jpg") -90px -290px no-repeat;
bgneal@488 574 }
bgneal@488 575
bgneal@488 576 a.jp-shuffle {
bgneal@488 577 background: url("jplayer.blue.monday.jpg") 0 -270px no-repeat;
bgneal@488 578 margin-left: 5px;
bgneal@488 579 }
bgneal@488 580
bgneal@488 581 a.jp-shuffle:hover {
bgneal@488 582 background: url("jplayer.blue.monday.jpg") -30px -270px no-repeat;
bgneal@488 583 }
bgneal@488 584
bgneal@488 585 a.jp-shuffle-off {
bgneal@488 586 background: url("jplayer.blue.monday.jpg") -60px -270px no-repeat;
bgneal@488 587 margin-left: 5px;
bgneal@488 588 }
bgneal@488 589
bgneal@488 590 a.jp-shuffle-off:hover {
bgneal@488 591 background: url("jplayer.blue.monday.jpg") -90px -270px no-repeat;
bgneal@488 592 }
bgneal@488 593
bgneal@488 594
bgneal@488 595 /* @end */
bgneal@488 596
bgneal@488 597 /* @group NO SOLUTION error feedback */
bgneal@488 598
bgneal@488 599 .jp-no-solution {
bgneal@488 600 position:absolute;
bgneal@488 601 width:390px;
bgneal@488 602 margin-left:-202px;
bgneal@488 603 left:50%;
bgneal@488 604 top: 10px;
bgneal@488 605
bgneal@488 606 padding:5px;
bgneal@488 607 font-size:.8em;
bgneal@488 608 background-color:#eee;
bgneal@488 609 border:2px solid #009be3;
bgneal@488 610 color:#000;
bgneal@488 611 display:none;
bgneal@488 612 }
bgneal@488 613
bgneal@488 614 .jp-no-solution a {
bgneal@488 615 color:#000;
bgneal@488 616 }
bgneal@488 617
bgneal@488 618 .jp-no-solution span {
bgneal@488 619 font-size:1em;
bgneal@488 620 display:block;
bgneal@488 621 text-align:center;
bgneal@488 622 font-weight:bold;
bgneal@488 623 }
bgneal@488 624
bgneal@488 625 /* @end */