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     -webkit-border-radius: 0;
  56     box-sizing: border-box;
  57     -moz-box-sizing: border-box;
  58     -ms-box-sizing: border-box;
  59     -webkit-box-sizing: border-box;
  60     font-family: inherit;
  61     font-size: 100%;
  62     font-style: inherit;
  63     font-weight: inherit;
  64     margin: 0;
  65     outline: 0;
  66     padding: 0;
  67     text-decoration: none;
  68     vertical-align: baseline;
  69 }
  70
  71 a {
  72     color: inherit;
  73 }
  74
  75 sup {
  76     font-size: smaller;
  77     margin-top: -6px;
  78     position: relative;
  79     top: -6px;
  80 }
  81
  82 select {
  83     border: 1px solid #999999;
  84 }
  85
  86 body {
  87     width: 320px;
  88     font-family: Helvetica;
  89     -webkit-text-size-adjust: none;
  90     -webkit-user-select: none;
  91 }
  92
  93 body.white {
  94     background-color: #ffffff;
  95 }
  96
  97 body.pinstripe {
  98     background: #c7ced5 url(cydia://uikit-image/UIPinstripe.png);
  99 }
 100
 101 dialog {
 102     display: block;
 103     position: absolute;
 104     width: 100%;
 105 }
 106
 107 dialog > panel {
 108     display: block;
 109 }
 110
 111 a {
 112     color: blue;
 113     text-underline-style: dotted;
 114 }
 115
 116 strong {
 117     font-weight: bold
 118 }
 119
 120 pre, tt {
 121     font-family: monospace;
 122 }
 123
 124 pre {
 125     letter-spacing: -2px;
 126 }
 127
 128 em {
 129     font-style: italic;
 130 }
 131
 132 .default {
 133     color: #aaaabb;
 134 }
 135
 136 /* #toolbar {{{ */
 137 dialog > toolbar {
 138     background: url(toolbar.png) #6d84a2 repeat-x;
 139     border-bottom: 1px solid #2d3642;
 140     height: 45px;
 141     padding: 10px;
 142 }
 143
 144 dialog > toolbar > h1 {
 145     color: #ffffff;
 146     font-size: 20px;
 147     font-weight: bold;
 148     height: 100%;
 149     margin: 1px auto 0 auto;
 150     text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
 151     text-align: center;
 152     white-space: nowrap;
 153 }
 154 /* }}} */
 155 /* (back|forward)-button {{{ */
 156 dialog > toolbar > a.back-button,
 157 dialog > toolbar > a.forward-button {
 158     color: #ffffff;
 159     font-size: 12px;
 160     font-weight: bold;
 161     height: 30px;
 162     line-height: 30px;
 163     margin-top: -28px;
 164     padding: 0 3px;
 165     text-decoration: none;
 166     text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
 167     white-space: nowrap;
 168 }
 169
 170 dialog > toolbar > a.back-button {
 171     -webkit-border-image: url(backButton.png) 0 8 0 14;
 172     border-width: 0 8px 0 14px;
 173     float: left;
 174 }
 175
 176 dialog > toolbar > a.forward-button {
 177     -webkit-border-image: url(toolButton.png) 0 5 0 5;
 178     border-width: 0 5px;
 179     float: right;
 180 }
 181 /* }}} */
 182
 183 panel > block {
 184     background-color: #c7ced5;
 185     border-bottom: 1px solid #999999;
 186     border-top: 1px solid #999999;
 187     display: block;
 188     font-size: 16px;
 189     margin: 9px 10px;
 190     padding: 0 10px;
 191 }
 192
 193 panel > fieldset > div > hr,
 194 panel > block > hr {
 195     border-top: 1px dashed #999999;
 196 }
 197
 198 panel > fieldset {
 199     background-color: #ffffff;
 200     border: 1px solid #999999;
 201     -webkit-border-radius: 9px;
 202     font-size: 16px;
 203     margin: 9px;
 204 }
 205
 206 panel > input[type="submit"] {
 207     /*-webkit-border-image: url(whiteButton.png) 0 12 0 12;
 208     -webkit-border-radius: 0;
 209     border-width: 0px 12px;*/
 210     border: none;
 211     color: #000000;
 212     display: block;
 213     font-size: 20px;
 214     font-weight: bold;
 215     margin: 9px;
 216     height: 44px;
 217     padding: 10px;
 218     text-align: center;
 219     width: 302px;
 220 }
 221
 222 list > label {
 223     background: #a7b3bc url(cydia://uikit-image/UISectionListHeaderBackground.png);
 224     background-repeat: repeat-x no-repeat-y;
 225     margin-bottom: 0px;
 226     padding: 4px 15px 1px 15px;
 227     display: block;
 228     color: white;
 229     font-size: inherit;
 230     font-weight: bold;
 231     text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0;
 232 }
 233
 234 panel > label {
 235     display: block;
 236     margin: 13px 0 -4px 24px;
 237     line-height: 24px;
 238     font-size: inherit;
 239     font-weight: bold;
 240     color: #4d4d70;
 241     text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
 242 }
 243
 244 panel > fieldset > a,
 245 panel > fieldset > div,
 246 panel > fieldset > textarea {
 247     border-bottom: 1px solid #999999;
 248 }
 249
 250 panel > fieldset > a.left:nth-last-child(2),
 251 panel > fieldset > a:last-child,
 252 panel > fieldset > div:last-child,
 253 panel > fieldset > textarea:last-child {
 254     border-bottom: 0;
 255 }
 256
 257 list > fieldset > a,
 258 list > fieldset > div,
 259 list > fieldset > textarea {
 260     border-bottom: 1px solid #e0e0e0;
 261 }
 262
 263 fieldset > a:not([type="ad"]),
 264 fieldset > div,
 265 fieldset > textarea {
 266     /* XXX: small differences due to font bugs */
 267     padding: 12px 14px 10px 14px;
 268 }
 269
 270 fieldset > a:not([type="ad"]):first-child,
 271 fieldset > div:first-child {
 272     padding-top: 13px;
 273 }
 274
 275 /*fieldset > a:not([type="ad"]):last-child,
 276 fieldset > div:last-child {
 277     padding-bottom: 10px;
 278 }*/
 279
 280 fieldset > a[type="ad"] {
 281     /* XXX: small differences due to font bugs */
 282     padding: 4px 4px 2px 5px;
 283 }
 284
 285 panel > fieldset > a[type="ad"]:first-child > div:first-of-type,
 286 panel > fieldset > a[type="comment"]:first-child > div:first-of-type,
 287 panel > fieldset > a[type="profile"]:first-child > div:first-of-type,
 288 panel > fieldset > a[type="thumb"]:first-child > div:first-of-type {
 289     -webkit-border-top-left-radius: 9px;
 290 }
 291
 292 panel > fieldset > a[type="ad"]:last-child > div:first-of-type,
 293 panel > fieldset > a[type="comment"]:last-child > div:first-of-type,
 294 panel > fieldset > a[type="profile"]:last-child > div:first-of-type,
 295 panel > fieldset > a[type="thumb"]:last-child > div:first-of-type {
 296     -webkit-border-bottom-left-radius: 9px;
 297 }
 298
 299 fieldset > a[type="ad"] > div:first-of-type {
 300     border: 1px solid #999999;
 301 }
 302
 303 list > fieldset > a[type="comment"] > div:first-of-type,
 304 list > fieldset > a[type="profile"] > div:first-of-type,
 305 list > fieldset > a[type="thumb"] > div:first-of-type {
 306     border: 1px solid #e0e0e0;
 307 }
 308
 309 panel > fieldset > a[type="comment"] > div:first-of-type {
 310     border: 1px solid #999999;
 311     border-bottom-style: dashed;
 312 }
 313
 314 panel > fieldset > a[type="profile"] > div:first-of-type,
 315 panel > fieldset > a[type="thumb"] > div:first-of-type {
 316     border: 1px solid #999999;
 317 }
 318
 319 div[tile] {
 320     float: right;
 321     height: 30px;
 322     width: 30px;
 323 }
 324
 325 div[tile="app"]   { background-image: url(http://cache.saurik.com/cydia/tile/app.png);   }
 326 div[tile="call"]  { background-image: url(http://cache.saurik.com/cydia/tile/call.png);  }
 327 div[tile="map"]   { background-image: url(http://cache.saurik.com/cydia/tile/map.png);   }
 328 div[tile="media"] { background-image: url(http://cache.saurik.com/cydia/tile/media.png); }
 329 div[tile="music"] { background-image: url(http://cache.saurik.com/cydia/tile/video.png); }
 330 div[tile="site"]  { background-image: url(http://cache.saurik.com/cydia/tile/site.png);  }
 331
 332 fieldset > a[type="ad"] > div:first-of-type {
 333     background-repeat: no-repeat;
 334     background-position: center center;
 335     border-right: none;
 336     display: inline-block;
 337     height: 40px;
 338     line-height: 38px;
 339     /* XXX: small differences due to font bugs */
 340     /* XXX: 1px difference due to border stupidity */
 341     margin: -5px 5px -3px -6px;
 342     width: 40px;
 343 }
 344
 345 panel > fieldset > a[type="comment"] {
 346     border-bottom-style: dashed;
 347 }
 348
 349 fieldset > a[type="comment"] > div:first-of-type {
 350     -webkit-background-size: 44px;
 351     height: 44px;
 352     width: 44px;
 353 }
 354
 355 fieldset > a[type="profile"] > div:first-of-type {
 356     height: 50px;
 357     width: 50px;
 358 }
 359
 360 fieldset > a[type="thumb"] > div:first-of-type  {
 361     height: 64px;
 362     width: 64px;
 363 }
 364
 365 fieldset > a[type="comment"] > div:first-of-type,
 366 fieldset > a[type="profile"] > div:first-of-type,
 367 fieldset > a[type="thumb"] > div:first-of-type {
 368     background-repeat: no-repeat;
 369     background-position: center center;
 370     display: inline-block;
 371     /* XXX: small differences due to font bugs */
 372     /* XXX: 1px difference due to border stupidity */
 373     margin: -14px 7px -11px -15px;
 374 }
 375
 376 fieldset > a > img.icon,
 377 fieldset > div > img.icon {
 378     height: auto;
 379     /* XXX: small differences due to font bugs */
 380     margin: -7px 6px -9px -8px;
 381     max-height: 30px;
 382     min-width: 30px;
 383     width: 30px;
 384 }
 385
 386 panel > block > p,
 387 fieldset > div > p,
 388 panel > block > ul,
 389 fieldset > div > ul {
 390     margin: 11px 0;
 391 }
 392
 393 panel > block > ul,
 394 fieldset > div > ul {
 395     margin-left: 13px;
 396 }
 397
 398 panel > block > p,
 399 fieldset > div > p {
 400     text-align: center;
 401 }
 402
 403 fieldset > div > p:first-child,
 404 fieldset > div > ul:first-child {
 405     margin-top: 0;
 406 }
 407
 408 fieldset > div > p:last-child,
 409 fieldset > div > ul:last-child {
 410     margin-bottom: 0;
 411 }
 412
 413 fieldset > a {
 414     color: inherit;
 415     display: block;
 416 }
 417
 418 fieldset > textarea,
 419 fieldset > div > input,
 420 fieldset > div > select {
 421     background: none;
 422     -webkit-box-shadow: none;
 423     -webkit-appearance: none;
 424 }
 425
 426 /* Chevrons {{{ */
 427
 428 fieldset > a[href]:not([type="ad"]),
 429 fieldset > div > select {
 430     background-repeat: no-repeat;
 431     background-image: url(chevron.png);
 432     background-position-y: center;
 433 }
 434
 435 /* Horizontal */
 436
 437 list > fieldset > a[href] {
 438     background-position-x: 295px;
 439 }
 440
 441 panel > fieldset > a[href] {
 442     background-position-x: 275px;
 443 }
 444
 445 panel > fieldset > a[href].half {
 446     background-position-x: 125px;
 447 }
 448
 449 list > fieldset > a:not([href]) > select,
 450 list > fieldset > div > select {
 451     background-position-x: 183px;
 452 }
 453
 454 panel > fieldset > a:not([href]) > select,
 455 panel > fieldset > div > select {
 456     background-position-x: 163px;
 457 }
 458
 459 /* }}} */
 460
 461 fieldset > textarea,
 462 fieldset > div > input,
 463 fieldset > div > select,
 464 fieldset > a > div > label:nth-of-type(2),
 465 fieldset > div > div > label:nth-of-type(2) {
 466     color: #193250;
 467 }
 468
 469 fieldset > textarea,
 470 fieldset > div > input,
 471 fieldset > div > select {
 472     font-size: 16px;
 473 }
 474
 475 fieldset > div > input {
 476     padding-left: 7px;
 477     padding-right: 14px;
 478 }
 479
 480 fieldset > div > select,
 481 fieldset > div > input {
 482     border: none;
 483     float: right;
 484     height: 40px;
 485     margin: -11px -13px -11px -14px;
 486 }
 487
 488 panel > fieldset > div > select,
 489 panel > fieldset > div > input {
 490     width: 187px;
 491 }
 492
 493 list > fieldset > div > select,
 494 list > fieldset > div > input {
 495     width: 207px;
 496 }
 497
 498 fieldset > textarea {
 499     padding: 10px;
 500     width: 320px;
 501 }
 502
 503 fieldset > div > div,
 504 fieldset > a > div {
 505     display: inline-block;
 506 }
 507
 508 fieldset > div > div {
 509     width: 273px;
 510 }
 511
 512 fieldset > a[type="ad"] > div:nth-of-type(2) {
 513     width: 218px;
 514 }
 515
 516 fieldset > a:not([type]) > div {
 517     width: 250px;
 518 }
 519
 520 fieldset > div > img.icon + div {
 521     width: 244px;
 522 }
 523
 524 fieldset > a > img.icon + div {
 525     width: 221px;
 526 }
 527
 528 fieldset > a[type="profile"] > div:nth-of-type(2) > label:nth-of-type(1).unknown {
 529     color: #aaaabb;
 530 }
 531
 532 fieldset > a[type="profile"] > div:nth-of-type(2) > label:only-of-type {
 533     left: 4px;
 534     position: relative;
 535     top: 3px;
 536 }
 537
 538 fieldset > a[type="thumb"] > div:nth-of-type(2) > label:only-of-type {
 539     position: relative;
 540     top: 10px;
 541 }
 542
 543 fieldset > a[type="profile"] > div:nth-of-type(2) > label:nth-of-type(2) {
 544     display: block;
 545     font-size: 13px;
 546     margin-top: 2px;
 547 }
 548
 549 fieldset > a[type="thumb"] > div:nth-of-type(2) > label:nth-of-type(2) {
 550     display: block;
 551     margin-top: 2px;
 552 }
 553
 554 fieldset > a[type="profile"] > div:nth-of-type(2) {
 555     width: 207px;
 556 }
 557
 558 fieldset > a[type="thumb"] > div:nth-of-type(2) {
 559     width: 193px;
 560 }
 561
 562 fieldset > a[type="profile"] > div:nth-of-type(2) {
 563     margin: -6px 0 -5px 0;
 564 }
 565
 566 fieldset > a[type="profile"] > div:nth-of-type(2),
 567 fieldset > a[type="thumb"] > div:nth-of-type(2) {
 568     vertical-align: top;
 569 }
 570
 571 fieldset > a > label:first-of-type,
 572 fieldset > a > div > label:first-of-type,
 573 fieldset > div > label:first-of-type,
 574 fieldset > div > div > label:first-of-type {
 575     font-weight: bold;
 576 }
 577
 578 /* XXX: this doesn't handle icon offsets */
 579 list > fieldset > a:not([type]) > div > label:nth-of-type(2),
 580 list > fieldset > div > div > label:nth-of-type(2) {
 581     margin-left: 94px;
 582 }
 583
 584 panel > fieldset > a:not([type]) > div > label:nth-of-type(2),
 585 panel > fieldset > div > div > label:nth-of-type(2) {
 586     float: right;
 587     text-align: right;
 588 }
 589
 590 panel > img {
 591     display: block;
 592     margin: 9px auto 4px auto;
 593     height: auto;
 594     width: 300px;
 595 }
 596
 597 fieldset > a[type="ad"] {
 598 }
 599
 600 fieldset > a[type="ad"] > div:nth-of-type(2) {
 601     position: relative;
 602     vertical-align: top;
 603 }
 604
 605 fieldset > a[type="ad"] > div > label:nth-of-type(1) {
 606     color: #2d2d50;
 607     font-size: 13px;
 608     font-weight: bold;
 609     line-height: 15px;
 610 }
 611
 612 fieldset > a[type="ad"] > div > label:nth-of-type(2) {
 613     position: absolute;
 614     top: 17px;
 615     left: 156px;
 616     font-size: 9.5px;
 617     font-weight: normal;
 618 }
 619
 620 panel > fieldset > a.right {
 621     border-left: 1px solid #999999;
 622 }
 623
 624 panel > fieldset > a.half {
 625     display: inline-block;
 626     width: 150px;
 627 }
 628
 629 fieldset.half > a {
 630     background: none;
 631     background-position-x: 120px;
 632 }
 633
 634 fieldset.half > a > img.icon + div {
 635     width: 65px;
 636 }
 637
 638 fieldset.right {
 639     float: right;
 640     margin-left: 10px;
 641 }
 642
 643 block + fieldset.right,
 644 fieldset + fieldset.right {
 645     margin-top: 0;
 646 }
 647
 648 fieldset.half {
 649     width: 146px;
 650 }
 651
 652 panel > fieldset.dashed > a,
 653 panel > fieldset.dashed > div,
 654 panel > fieldset.dashed > textarea,
 655 list > fieldset.dashed > a,
 656 list > fieldset.dashed > div,
 657 list > fieldset.dashed > textarea {
 658     border-style: dashed;
 659 }
 660
 661 fieldset > a[type="thumb"]:first-child > back {
 662     -webkit-border-top-right-radius: 9px;
 663 }
 664
 665 fieldset > a[type="thumb"]:last-child > back {
 666     -webkit-border-bottom-right-radius: 9px;
 667 }
 668
 669 fieldset > a[type="thumb"] > back {
 670     background-repeat: no-repeat;
 671     border: 1px solid #999999;
 672     display: block;
 673     height: 64px;
 674     left: 62px;
 675     position: absolute;
 676     opacity: 0.2;
 677     top: -1px;
 678     width: 237px;
 679 }
 680
 681 .mm {
 682     border: 1px solid #999999;
 683     -webkit-border-radius: 9px;
 684 }
 685
 686 a.mm {
 687     display: block;
 688     margin: 9px;
 689 }
 690
 691 div.mm img {
 692     height: auto;
 693     width: 300px;
 694 }
 695
 696 fieldset > a.small {
 697     font-size: 12px;
 698     padding-top: 9px;
 699 }
 700
 701 fieldset > a.small label {
 702     display: inline-block;
 703     position: relative;
 704     top: 1px;
 705 }
 706
 707 fieldset > a.small > img.icon {
 708     max-height: 22px;
 709     min-width: 22px;
 710     width: 22px;
 711 }
 712
 713 fieldset > a.small.half > img.icon + div {
 714     width: 79px;
 715 }
 716
 717 panel.centered > label {
 718     margin-left: 0px;
 719     margin-right: 0px;
 720     text-align: center;
 721 }
 722
 723 panel > iframe {
 724     margin: -8px 0;
 725 }
 726
 727 /* Rating Stars {{{ */
 728 .ratings {
 729     margin: -2px 0;
 730     text-align: center;
 731 }
 732
 733 .rated {
 734     display: inline-block;
 735 }
 736
 737 .rated.left {
 738     margin-right: 9px;
 739 }
 740
 741 .rated label {
 742     font-weight: bold;
 743     margin-right: 3px;
 744     position: relative;
 745     top: -3px;
 746 }
 747
 748 .rating {
 749     display: inline-block;
 750     width: 80px;
 751 }
 752
 753 .rating .back,
 754 .rating .fore,
 755 .rating .star {
 756     background: url(http://cache.saurik.com/crystal/16x16/actions/knewstuff.png);
 757     height: 16px;
 758 }
 759
 760 .rating .back,
 761 .rating .fore {
 762     width: 80px;
 763 }
 764
 765 .rating .star {
 766     display: inline-block;
 767     width: 16px;
 768 }
 769
 770 .rating .back {
 771     opacity: 0.2;
 772 }
 773
 774 .rating .fore {
 775     /*border-right: 1px solid #999999;*/
 776     position: absolute;
 777 }
 778 /* }}} */