Mercurial > public > bravenewsurf

annotate bns_website/static/jplayer_skin/blue.monday/jplayer.blue.monday.css @ 79:548b9e61bd64

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