Mercurial > public > sg101

annotate static/js/jplayer/skins/blue.monday/jplayer.blue.monday.css @ 917:0365fdbb4d78

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fix app conflict with messages. Django's messages app label conflicts with our messages app. We can't easily rename our label as that will make us rename database tables. Since our app came first we'll just customize Django messages label. For Django 1.7.7 upgrade.
author Brian Neal <bgneal@gmail.com>
date Mon, 06 Apr 2015 20:02:25 -0500
parents a747215e9a5a
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 */