Cydia.app/menes/style.css

   1 /* iPhone.css - iPhone Interface Cascading Style Sheet
   2  * Copyright (C) 2007-2008  Jay Freeman (saurik)
   3 */
   4
   5 /*
   6  *        Redistribution and use in source and binary
   7  * forms, with or without modification, are permitted
   8  * provided that the following conditions are met:
   9  *
  10  * 1. Redistributions of source code must retain the
  11  *    above copyright notice, this list of conditions
  12  *    and the following disclaimer.
  13  * 2. Redistributions in binary form must reproduce the
  14  *    above copyright notice, this list of conditions
  15  *    and the following disclaimer in the documentation
  16  *    and/or other materials provided with the
  17  *    distribution.
  18  * 3. The name of the author may not be used to endorse
  19  *    or promote products derived from this software
  20  *    without specific prior written permission.
  21  *
  22  * THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS''
  23  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING,
  24  * BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
  25  * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  26  * ARE DISCLAIMED. IN NO EVENT SHALL THE AUTHOR BE
  27  * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
  28  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT
  29  * NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
  30  * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  31  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
  32  * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
  33  * TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
  34  * ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
  35  * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  36 */
  37
  38 /* .clearfix {{{ */
  39 .clearfix:after {
  40     content: ".";
  41     display: block;
  42     clear: both;
  43     visibility: hidden;
  44     line-height: 0;
  45     height: 0;
  46 }
  47
  48 .clearfix {
  49     display: block;
  50 }
  51 /* }}} */
  52
  53 * {
  54     border: 0;
  55     -moz-border-radius: 0;
  56     -webkit-border-radius: 0;
  57     box-sizing: border-box;
  58     -moz-box-sizing: border-box;
  59     -ms-box-sizing: border-box;
  60     -webkit-box-sizing: border-box;
  61     /*font-family: inherit;*/
  62     font-size: 100%;
  63     font-style: inherit;
  64     font-weight: inherit;
  65     margin: 0;
  66     outline: 0;
  67     padding: 0;
  68     text-decoration: none;
  69     vertical-align: baseline;
  70 }
  71
  72 a {
  73     color: inherit;
  74 }
  75
  76 sup {
  77     font-size: smaller;
  78     margin-top: -6px;
  79     position: relative;
  80     top: -6px;
  81 }
  82
  83 select {
  84     border: 1px solid #999999;
  85 }
  86
  87 panel {
  88     display: block;
  89     width: 320px;
  90 }
  91
  92 body {
  93     font-family: Helvetica, Arial;
  94     -webkit-text-size-adjust: none;
  95     -webkit-user-select: none;
  96     margin: 0 auto;
  97     width: 320px;
  98 }
  99
 100 body.white {
 101     background-color: #ffffff;
 102 }
 103
 104 body.pinstripe {
 105     background: #c7ced5 url(cydia://uikit-image/UIPinstripe.png);
 106     background-size: 7px 1px;
 107 }
 108
 109 dialog {
 110     display: block;
 111     position: absolute;
 112     width: 100%;
 113 }
 114
 115 dialog > panel {
 116     display: block;
 117 }
 118
 119 a {
 120     color: blue;
 121     text-underline-style: dotted;
 122 }
 123
 124 strong {
 125     font-weight: bold
 126 }
 127
 128 pre, tt {
 129     font-family: monospace;
 130 }
 131
 132 pre {
 133     letter-spacing: -2px;
 134 }
 135
 136 em {
 137     font-style: italic;
 138 }
 139
 140 .default {
 141     color: #aaaabb;
 142 }
 143
 144 .deleted {
 145     display: none;
 146 }
 147
 148 /* #toolbar {{{ */
 149 dialog > toolbar {
 150     background: url(toolbar.png) #6d84a2 repeat-x;
 151     border-bottom: 1px solid #2d3642;
 152     height: 45px;
 153     padding: 10px;
 154 }
 155
 156 dialog > toolbar > h1 {
 157     color: #ffffff;
 158     font-size: 20px;
 159     font-weight: bold;
 160     height: 100%;
 161     margin: 1px auto 0 auto;
 162     text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
 163     text-align: center;
 164     white-space: nowrap;
 165 }
 166 /* }}} */
 167 /* (back|forward)-button {{{ */
 168 dialog > toolbar > a.back-button,
 169 dialog > toolbar > a.forward-button {
 170     color: #ffffff;
 171     font-size: 12px;
 172     font-weight: bold;
 173     height: 30px;
 174     line-height: 30px;
 175     margin-top: -28px;
 176     padding: 0 3px;
 177     text-decoration: none;
 178     text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
 179     white-space: nowrap;
 180 }
 181
 182 dialog > toolbar > a.back-button {
 183     -webkit-border-image: url(backButton.png) 0 8 0 14;
 184     border-width: 0 8px 0 14px;
 185     float: left;
 186 }
 187
 188 dialog > toolbar > a.forward-button {
 189     -webkit-border-image: url(toolButton.png) 0 5 0 5;
 190     border-width: 0 5px;
 191     float: right;
 192 }
 193 /* }}} */
 194
 195 panel > block {
 196     /*background-color: #ccd1d5;*/
 197     /*background-color: white;*/
 198     /*background-color: #c7ced5;*/
 199     background-color: transparent;
 200     //background-color: #ffffff;
 201     border-bottom: 1px solid #999999;
 202     border-top: 1px solid #999999;
 203     border-left: 1px dotted #999999;
 204     border-right: 1px dotted #999999;
 205     -moz-border-radius: 9px;
 206     -webkit-border-radius: 9px;
 207     //border: 1px solid #999999;
 208     display: block;
 209     font-size: 16px;
 210     margin: 9px;
 211     padding: 0 10px;
 212 }
 213
 214 panel > fieldset > div > hr,
 215 panel > block > hr {
 216     border-top: 1px dashed #999999;
 217 }
 218
 219 panel > fieldset {
 220     background-color: #ffffff;
 221     border: 1px solid #999999;
 222     -moz-border-radius: 9px;
 223     -webkit-border-radius: 9px;
 224     font-size: 16px;
 225     margin: 9px;
 226 }
 227
 228 panel > input[type="submit"] {
 229     /*-webkit-border-image: url(whiteButton.png) 0 12 0 12;
 230     -moz-border-radius: 0;
 231     -webkit-border-radius: 0;
 232     border-width: 0px 12px;*/
 233     border: none;
 234     color: #000000;
 235     display: block;
 236     font-size: 20px;
 237     font-weight: bold;
 238     margin: 9px;
 239     height: 44px;
 240     padding: 10px;
 241     text-align: center;
 242     width: 302px;
 243 }
 244
 245 list > label {
 246     background: #a7b3bc url(cydia://uikit-image/UISectionListHeaderBackground.png);
 247     background-repeat: repeat-x no-repeat-y;
 248     margin-bottom: 0px;
 249     padding: 4px 15px 1px 15px;
 250     display: block;
 251     color: white;
 252     font-size: inherit;
 253     font-weight: bold;
 254     text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0;
 255 }
 256
 257 panel > label {
 258     display: block;
 259     margin: 13px 0 -4px 24px;
 260     line-height: 24px;
 261     font-size: inherit;
 262     font-weight: bold;
 263     color: #4d4d70;
 264     text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
 265 }
 266
 267 panel > fieldset > a,
 268 panel > fieldset > div,
 269 panel > fieldset > textarea {
 270     border-top: 1px solid #999999;
 271 }
 272
 273 /* XXX: should be a.left:nth-last-child(2) */
 274 panel > fieldset > a.left,
 275 panel > fieldset > a.middle,
 276 panel > fieldset > a:first-child,
 277 panel > fieldset > div:first-child,
 278 panel > fieldset > textarea:first-child {
 279     border-top: 0;
 280 }
 281
 282 list > fieldset > a,
 283 list > fieldset > div,
 284 list > fieldset > textarea {
 285     border-bottom: 1px solid #e0e0e0;
 286 }
 287
 288 fieldset > a:not([type="ad"]),
 289 fieldset > div,
 290 fieldset > textarea {
 291     /* XXX: small differences due to font bugs */
 292     padding: 12px 14px 10px 14px;
 293 }
 294
 295 /*fieldset > a:not([type="ad"]):last-child,
 296 fieldset > div:last-child {
 297     padding-bottom: 10px;
 298 }*/
 299
 300 fieldset > a[type="ad"] {
 301     /* XXX: small differences due to font bugs */
 302     padding: 4px 4px 2px 5px;
 303 }
 304
 305 panel > fieldset > a[type="ad"]:first-child > div:first-child,
 306 panel > fieldset > a[type="comment"]:first-child > div:first-child,
 307 panel > fieldset > a[type="profile"]:first-child > div:first-child,
 308 panel > fieldset > a[type="thumb"]:first-child > div:first-child {
 309     -moz-border-radius-topleft: 9px;
 310     -webkit-border-top-left-radius: 9px;
 311 }
 312
 313 panel > fieldset > a[type="ad"]:last-child > div:first-child,
 314 panel > fieldset > a[type="comment"]:last-child > div:first-child,
 315 panel > fieldset > a[type="profile"]:last-child > div:first-child,
 316 panel > fieldset > a[type="thumb"]:last-child > div:first-child {
 317     -moz-border-radius-bottomleft: 9px;
 318     -webkit-border-bottom-left-radius: 9px;
 319 }
 320
 321 fieldset > a[type="ad"] > div:first-child {
 322     border: 1px solid #999999;
 323 }
 324
 325 list > fieldset > a[type="comment"] > div:first-child,
 326 list > fieldset > a[type="profile"] > div:first-child,
 327 list > fieldset > a[type="thumb"] > div:first-child {
 328     border: 1px solid #e0e0e0;
 329 }
 330
 331 panel > fieldset > a[type="comment"] > div:first-child {
 332     border: 1px solid #999999;
 333     border-bottom-style: dashed;
 334 }
 335
 336 panel > fieldset > a[type="profile"] > div:first-child,
 337 panel > fieldset:not(.header) > a[type="thumb"] > div:first-child {
 338     border: 1px solid #999999;
 339 }
 340
 341 div[tile] {
 342     float: right;
 343     height: 30px;
 344     width: 30px;
 345 }
 346
 347 div[tile="app"]   { background-image: url(http://cache.saurik.com/cydia/tile/app.png);   }
 348 div[tile="call"]  { background-image: url(http://cache.saurik.com/cydia/tile/call.png);  }
 349 div[tile="map"]   { background-image: url(http://cache.saurik.com/cydia/tile/map.png);   }
 350 div[tile="media"] { background-image: url(http://cache.saurik.com/cydia/tile/media.png); }
 351 div[tile="music"] { background-image: url(http://cache.saurik.com/cydia/tile/video.png); }
 352 div[tile="site"]  { background-image: url(http://cache.saurik.com/cydia/tile/site.png);  }
 353
 354 fieldset > a[type="ad"] > div:first-child {
 355     background-repeat: no-repeat;
 356     background-position: center center;
 357     border-right: none;
 358     display: inline-block;
 359     height: 40px;
 360     line-height: 38px;
 361     /* XXX: small differences due to font bugs */
 362     /* XXX: 1px difference due to border stupidity */
 363     margin: -5px 5px -3px -6px;
 364     width: 40px;
 365 }
 366
 367 panel > fieldset > a[type="comment"] {
 368     border-bottom-style: dashed;
 369 }
 370
 371 fieldset > a[type="comment"] > div:first-child {
 372     -webkit-background-size: 44px;
 373     height: 44px;
 374     width: 44px;
 375 }
 376
 377 fieldset > a[type="header"] > div:first-child {
 378     height: 64px;
 379     width: 64px;
 380 }
 381
 382 fieldset > a[type="profile"] > div:first-child {
 383     -webkit-background-size: 50px;
 384     height: 50px;
 385     width: 50px;
 386 }
 387
 388 fieldset > a[type="thumb"] > div:first-child  {
 389     height: 64px;
 390     width: 64px;
 391 }
 392
 393 fieldset > a[type="comment"] > div:first-child,
 394 fieldset > a[type="header"] > div:first-child,
 395 fieldset > a[type="profile"] > div:first-child,
 396 fieldset > a[type="thumb"] > div:first-child {
 397     background-repeat: no-repeat;
 398     background-position: center center;
 399     display: inline-block;
 400     /* XXX: small differences due to font bugs */
 401     /* XXX: 1px difference due to border stupidity */
 402     margin: -13px 7px -11px -15px;
 403 }
 404
 405 fieldset > a > img.icon,
 406 fieldset > div > img.icon {
 407     height: auto;
 408     /* XXX: small differences due to font bugs */
 409     margin: -7px 6px -9px -8px;
 410     max-height: 30px;
 411     min-width: 30px;
 412     width: 30px;
 413 }
 414
 415 fieldset > a.sixth > img.icon {
 416     position: relative;
 417     left: 7px;
 418 }
 419
 420 panel > block > p,
 421 fieldset > div > p,
 422 panel > block > ul,
 423 fieldset > div > ul {
 424     margin: 10px 0;
 425 }
 426
 427 panel > block > ul,
 428 fieldset > div > ul {
 429     margin-left: 13px;
 430 }
 431
 432 panel > block > p,
 433 fieldset > div > p {
 434     text-align: center;
 435 }
 436
 437 fieldset > div > p:first-child,
 438 fieldset > div > ul:first-child {
 439     margin-top: 0;
 440 }
 441
 442 fieldset > div > p:last-child,
 443 fieldset > div > ul:last-child {
 444     margin-bottom: 0;
 445 }
 446
 447 fieldset > a {
 448     color: inherit;
 449     display: block;
 450 }
 451
 452 fieldset > textarea,
 453 fieldset > div > input:not([type="checkbox"]),
 454 fieldset > div > select,
 455 fieldset > div > div > select {
 456     background: none;
 457     -webkit-box-shadow: none;
 458     -webkit-appearance: none;
 459 }
 460
 461 /* Chevrons {{{ */
 462
 463 fieldset > a[href]:not([type="ad"]),
 464 fieldset > div > select,
 465 fieldset > div > div > select {
 466     background-repeat: no-repeat;
 467     background-image: url(chevron.png);
 468 }
 469
 470 /* Horizontal */
 471
 472 list > fieldset > a[href] {
 473     background-position: 295px center;
 474 }
 475
 476 panel > fieldset > a[href] {
 477     background-position: 275px center;
 478 }
 479
 480 panel > fieldset > a[href].half {
 481     background-position: 125px center;
 482 }
 483
 484 panel > fieldset > a[href].third {
 485     background-position: 75px center;
 486 }
 487
 488 panel > fieldset > a[href].sixth {
 489     background: none;
 490 }
 491
 492 list > fieldset > a:not([href]) > select,
 493 list > fieldset > div > select,
 494 list > fieldset > div > div > select {
 495     background-position: 183px center;
 496 }
 497
 498 panel > fieldset > a:not([href]) > select,
 499 panel > fieldset > div > select,
 500 panel > fieldset > div > div > select {
 501     background-position: 163px center;
 502 }
 503
 504 /* }}} */
 505
 506 fieldset > textarea,
 507 fieldset > div > input,
 508 fieldset > div > select,
 509 fieldset > div > div > select,
 510 fieldset > a > div > label + label,
 511 fieldset > div > div > label + label {
 512     color: #193250;
 513 }
 514
 515 fieldset > textarea,
 516 fieldset > div > input,
 517 fieldset > div > select,
 518 fieldset > div > div > select {
 519     font-size: 16px;
 520 }
 521
 522 fieldset > div > input {
 523     padding-left: 7px;
 524     padding-right: 14px;
 525 }
 526
 527 fieldset > div > input[type="checkbox"] {
 528     border: 1px solid #999999;
 529     -moz-border-radius: 7px;
 530     -webkit-border-radius: 7px;
 531     float: right;
 532     margin: -7px -8px;
 533     height: 30px;
 534     width: 30px;
 535 }
 536
 537 fieldset > div > select,
 538 fieldset > div > div > select,
 539 fieldset > div > input:not([type="checkbox"]) {
 540     border: none;
 541     float: right;
 542     height: 40px;
 543     margin: -11px -13px -11px -14px;
 544 }
 545
 546 panel > fieldset > div > select,
 547 panel > fieldset > div > div > select,
 548 panel > fieldset > div > input:not([type="checkbox"]) {
 549     width: 187px;
 550 }
 551
 552 list > fieldset > div > select,
 553 list > fieldset > div > div > select,
 554 list > fieldset > div > input:not([type="checkbox"]) {
 555     width: 207px;
 556 }
 557
 558 fieldset > textarea {
 559     padding: 10px;
 560     width: 320px;
 561 }
 562
 563 fieldset > div > div,
 564 fieldset > a > div {
 565     display: inline-block;
 566 }
 567
 568 fieldset > div > div {
 569     width: 273px;
 570 }
 571
 572 fieldset > a[type="ad"] > div:nth-child(2) {
 573     width: 218px;
 574 }
 575
 576 fieldset > a:not([type]) > div {
 577     width: 250px;
 578 }
 579
 580 fieldset > a:not([href]) > img.icon + div,
 581 fieldset > div > img.icon + div {
 582     width: 244px;
 583 }
 584
 585 fieldset > a[href] > img.icon + div {
 586     width: 221px;
 587 }
 588
 589 fieldset > a[type="profile"] > div:nth-child(2) > label:nth-child(1).unknown {
 590     color: #aaaabb;
 591 }
 592
 593 fieldset > a[type="profile"] > div:nth-child(2) > label:only-child {
 594     left: 4px;
 595     position: relative;
 596     top: 3px;
 597 }
 598
 599 fieldset > a[type="thumb"] > div:nth-child(2) > label:only-child {
 600     position: relative;
 601     top: 10px;
 602 }
 603
 604 fieldset > a[type="profile"] > div:nth-child(2) > label + label {
 605     display: block;
 606     font-size: 13px;
 607     margin-top: 2px;
 608 }
 609
 610 fieldset > a[type="thumb"] > div:nth-child(2) > label + label {
 611     display: block;
 612     margin-top: 2px;
 613 }
 614
 615 fieldset > a[type="profile"] > div:nth-child(2) {
 616     width: 207px;
 617 }
 618
 619 fieldset > a[type="thumb"] > div:nth-child(2) {
 620     width: 193px;
 621 }
 622
 623 fieldset > a[type="profile"] > div:nth-child(2) {
 624     margin: -5px 0;
 625 }
 626
 627 fieldset > a[type="profile"] > div:nth-child(2),
 628 fieldset > a[type="thumb"] > div:nth-child(2) {
 629     vertical-align: top;
 630 }
 631
 632 fieldset > a > label:first-child,
 633 fieldset > a > div > label:first-child,
 634 fieldset > div > label:first-child,
 635 fieldset > div > div > label:first-child {
 636     font-weight: bold;
 637 }
 638
 639 /* XXX: this doesn't handle icon offsets */
 640 list > fieldset > a:not([type]) > div > label + label,
 641 list > fieldset > div > div > label + label {
 642     margin-left: 94px;
 643 }
 644
 645 panel > fieldset > a:not([type]) > div > label + label,
 646 panel > fieldset > div > div > label + label {
 647     float: right;
 648     text-align: right;
 649 }
 650
 651 panel > img {
 652     display: block;
 653     margin: 9px auto 4px auto;
 654     height: auto;
 655     width: 300px;
 656 }
 657
 658 fieldset > a[type="ad"] {
 659 }
 660
 661 fieldset > a[type="ad"] > div:nth-child(2) {
 662     position: relative;
 663     vertical-align: top;
 664 }
 665
 666 fieldset > a[type="ad"] > div > label:first-child {
 667     color: #2d2d50;
 668     font-size: 13px;
 669     font-weight: bold;
 670     line-height: 15px;
 671 }
 672
 673 fieldset > a[type="ad"] > div > label + label {
 674     position: absolute;
 675     top: 17px;
 676     left: 156px;
 677     font-size: 9.5px;
 678     font-weight: normal;
 679 }
 680
 681 panel > fieldset > a.middle,
 682 panel > fieldset > a.right {
 683     border-left: 1px solid #999999;
 684 }
 685
 686 panel > fieldset > a.half {
 687     display: inline-block;
 688     width: 150px;
 689 }
 690
 691 panel > fieldset > a.third {
 692     display: inline-block;
 693     width: 100px;
 694 }
 695
 696 panel > fieldset > a.sixth {
 697     display: inline-block;
 698     width: 50px;
 699 }
 700
 701 fieldset.half > a {
 702     background: none;
 703     background-position: 120px center;
 704 }
 705
 706 fieldset.half > a > img.icon + div {
 707     width: 65px;
 708 }
 709
 710 fieldset.right {
 711     float: right;
 712     margin-left: 10px;
 713 }
 714
 715 block + fieldset.right,
 716 fieldset + fieldset.right {
 717     margin-top: 0;
 718 }
 719
 720 fieldset.half {
 721     width: 146px;
 722 }
 723
 724 panel > fieldset.dashed > a,
 725 panel > fieldset.dashed > div,
 726 panel > fieldset.dashed > textarea,
 727 list > fieldset.dashed > a,
 728 list > fieldset.dashed > div,
 729 list > fieldset.dashed > textarea {
 730     border-style: dashed;
 731 }
 732
 733 fieldset > a[type="thumb"]:first-child > back {
 734     -moz-border-radius-topright: 9px;
 735     -webkit-border-top-right-radius: 9px;
 736 }
 737
 738 fieldset > a[type="thumb"]:last-child > back {
 739     -moz-border-radius-bottomright: 9px;
 740     -webkit-border-bottom-right-radius: 9px;
 741 }
 742
 743 fieldset > a[type="thumb"] > back {
 744     background-repeat: no-repeat;
 745     border: 1px solid #999999;
 746     display: block;
 747     height: 64px;
 748     left: 62px;
 749     position: absolute;
 750     opacity: 0.2;
 751     top: -1px;
 752     width: 237px;
 753 }
 754
 755 .mm {
 756     border: 1px solid #999999;
 757     -moz-border-radius: 9px;
 758     -webkit-border-radius: 9px;
 759 }
 760
 761 a.mm {
 762     display: block;
 763     margin: 9px;
 764 }
 765
 766 div.mm img {
 767     height: auto;
 768     width: 300px;
 769 }
 770
 771 fieldset > a.small {
 772     font-size: 12px;
 773     padding-top: 9px;
 774 }
 775
 776 fieldset > a.small label {
 777     display: inline-block;
 778     position: relative;
 779     top: 1px;
 780 }
 781
 782 fieldset > a.small > img.icon {
 783     max-height: 22px;
 784     min-width: 22px;
 785     width: 22px;
 786 }
 787
 788 fieldset > a.small.half > img.icon + div {
 789     width: 79px;
 790 }
 791
 792 fieldset > a.small.third > img.icon + div {
 793     width: 50px;
 794 }
 795
 796 fieldset > a.small.sixth > img.icon + div {
 797     width: 0px;
 798 }
 799
 800 panel.centered > label {
 801     margin-left: 0px;
 802     margin-right: 0px;
 803     text-align: center;
 804 }
 805
 806 panel > iframe {
 807     margin: -9px 0;
 808 }
 809
 810 panel > iframe:first-child,
 811 panel > iframe + iframe {
 812     margin-top: 0;
 813 }
 814
 815 /* Rating Stars {{{ */
 816 .ratings {
 817     margin: -2px 0;
 818     text-align: center;
 819 }
 820
 821 .rated {
 822     display: inline-block;
 823 }
 824
 825 .rated.left {
 826     margin-right: 9px;
 827 }
 828
 829 .rated label {
 830     font-weight: bold;
 831     margin-right: 3px;
 832     position: relative;
 833     top: -3px;
 834 }
 835
 836 .rating {
 837     display: inline-block;
 838     width: 80px;
 839 }
 840
 841 .rating .back,
 842 .rating .fore,
 843 .rating .star {
 844     background: url(http://cache.saurik.com/crystal/16x16/actions/knewstuff.png);
 845     height: 16px;
 846 }
 847
 848 .rating .back,
 849 .rating .fore {
 850     width: 80px;
 851 }
 852
 853 .rating .star {
 854     display: inline-block;
 855     width: 16px;
 856 }
 857
 858 .rating .back {
 859     opacity: 0.2;
 860 }
 861
 862 .rating .fore {
 863     /*border-right: 1px solid #999999;*/
 864     position: absolute;
 865 }
 866 /* }}} */
 867
 868 panel > fieldset.header {
 869     background-color: transparent;
 870     border: none;
 871     margin: -5px 9px -11px 9px;
 872 }
 873
 874 panel > fieldset.header > a > div > label {
 875     color: #4d4d70;
 876     text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
 877 }