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     font-family: Helvetica;
  88     -webkit-text-size-adjust: none;
  89     -webkit-user-select: none;
  90 }
  91
  92 body.white {
  93     background-color: #ffffff;
  94 }
  95
  96 body.pinstripe {
  97     background: #c7ced5 url(cydia://uikit-image/UIPinstripe.png);
  98 }
  99
 100 dialog {
 101     display: block;
 102     position: absolute;
 103     width: 100%;
 104 }
 105
 106 dialog > panel {
 107     display: block;
 108 }
 109
 110 a {
 111     color: blue;
 112     text-underline-style: dotted;
 113 }
 114
 115 strong {
 116     font-weight: bold
 117 }
 118
 119 pre, tt {
 120     font-family: monospace;
 121 }
 122
 123 pre {
 124     letter-spacing: -2px;
 125 }
 126
 127 em {
 128     font-style: italic;
 129 }
 130
 131 .default {
 132     color: #aaaabb;
 133 }
 134
 135 /* #toolbar {{{ */
 136 dialog > toolbar {
 137     background: url(toolbar.png) #6d84a2 repeat-x;
 138     border-bottom: 1px solid #2d3642;
 139     height: 45px;
 140     padding: 10px;
 141 }
 142
 143 dialog > toolbar > h1 {
 144     color: #ffffff;
 145     font-size: 20px;
 146     font-weight: bold;
 147     height: 100%;
 148     margin: 1px auto 0 auto;
 149     text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
 150     text-align: center;
 151     white-space: nowrap;
 152 }
 153 /* }}} */
 154 /* (back|forward)-button {{{ */
 155 dialog > toolbar > a.back-button,
 156 dialog > toolbar > a.forward-button {
 157     color: #ffffff;
 158     font-size: 12px;
 159     font-weight: bold;
 160     height: 30px;
 161     line-height: 30px;
 162     margin-top: -28px;
 163     padding: 0 3px;
 164     text-decoration: none;
 165     text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
 166     white-space: nowrap;
 167 }
 168
 169 dialog > toolbar > a.back-button {
 170     -webkit-border-image: url(backButton.png) 0 8 0 14;
 171     border-width: 0 8px 0 14px;
 172     float: left;
 173 }
 174
 175 dialog > toolbar > a.forward-button {
 176     -webkit-border-image: url(toolButton.png) 0 5 0 5;
 177     border-width: 0 5px;
 178     float: right;
 179 }
 180 /* }}} */
 181
 182 panel > block {
 183     background-color: #c7ced5;
 184     border-bottom: 1px solid #999999;
 185     border-top: 1px solid #999999;
 186     display: block;
 187     font-size: 16px;
 188     margin: 9px 10px;
 189     padding: 0 10px;
 190 }
 191
 192 panel > fieldset > div > hr,
 193 panel > block > hr {
 194     border-top: 1px dashed #999999;
 195 }
 196
 197 panel > fieldset {
 198     background-color: #ffffff;
 199     border: 1px solid #999999;
 200     -webkit-border-radius: 9px;
 201     font-size: 16px;
 202     margin: 9px;
 203 }
 204
 205 panel > input[type="submit"] {
 206     /*-webkit-border-image: url(whiteButton.png) 0 12 0 12;
 207     -webkit-border-radius: 0;
 208     border-width: 0px 12px;*/
 209     border: none;
 210     color: #000000;
 211     display: block;
 212     font-size: 20px;
 213     font-weight: bold;
 214     margin: 9px;
 215     height: 44px;
 216     padding: 10px;
 217     text-align: center;
 218     width: 302px;
 219 }
 220
 221 list > label {
 222     background: #a7b3bc url(cydia://uikit-image/UISectionListHeaderBackground.png);
 223     background-repeat: repeat-x no-repeat-y;
 224     margin-bottom: 1px;
 225     padding: 4px 15px 1px 15px;
 226     display: block;
 227     color: white;
 228     font-size: inherit;
 229     font-weight: bold;
 230     text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0;
 231 }
 232
 233 panel > label {
 234     display: block;
 235     margin: 13px 0 -4px 24px;
 236     line-height: 24px;
 237     font-size: inherit;
 238     font-weight: bold;
 239     color: #4d4d70;
 240     text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
 241 }
 242
 243 panel > fieldset > a:not(:last-child),
 244 panel > fieldset > div:not(:last-child),
 245 panel > fieldset > textarea:not(:last-child) {
 246     border-bottom: 1px solid #999999;
 247 }
 248
 249 list > fieldset > a,
 250 list > fieldset > div,
 251 list > fieldset > textarea {
 252     border-bottom: 1px solid #e0e0e0;
 253 }
 254
 255 fieldset > a:not([type="ad"]),
 256 fieldset > div,
 257 fieldset > textarea {
 258     /* XXX: small differences due to font bugs */
 259     padding: 13px 14px 11px 14px;
 260 }
 261
 262 fieldset > a[type="ad"] {
 263     /* XXX: small differences due to font bugs */
 264     padding: 4px 4px 2px 5px;
 265 }
 266
 267 panel > fieldset > a[type="ad"]:first-child > div:first-of-type,
 268 panel > fieldset > a[type="thumb"]:first-child > div:first-of-type {
 269     -webkit-border-top-left-radius: 9px;
 270 }
 271
 272 panel > fieldset > a[type="ad"]:last-child > div:first-of-type,
 273 panel > fieldset > a[type="thumb"]:last-child > div:first-of-type {
 274     -webkit-border-bottom-left-radius: 9px;
 275 }
 276
 277 fieldset > a[type="ad"] > div:first-of-type {
 278     border: 1px solid #999999;
 279 }
 280
 281 list > fieldset > a[type="thumb"] > div:first-of-type {
 282     border: 1px solid #e0e0e0;
 283 }
 284
 285 panel > fieldset > a[type="thumb"] > div:first-of-type {
 286     border: 1px solid #999999;
 287 }
 288
 289 div[tile] {
 290     float: right;
 291     height: 30px;
 292     width: 30px;
 293 }
 294
 295 div[tile="app"]   { background-image: url(http://cache.saurik.com/cydia/tile/app.png);   }
 296 div[tile="call"]  { background-image: url(http://cache.saurik.com/cydia/tile/call.png);  }
 297 div[tile="map"]   { background-image: url(http://cache.saurik.com/cydia/tile/map.png);   }
 298 div[tile="media"] { background-image: url(http://cache.saurik.com/cydia/tile/media.png); }
 299 div[tile="music"] { background-image: url(http://cache.saurik.com/cydia/tile/video.png); }
 300 div[tile="site"]  { background-image: url(http://cache.saurik.com/cydia/tile/site.png);  }
 301
 302 fieldset > a[type="ad"] > div:first-of-type {
 303     background-repeat: no-repeat;
 304     background-position: center center;
 305     border-right: none;
 306     display: inline-block;
 307     height: 40px;
 308     line-height: 38px;
 309     /* XXX: small differences due to font bugs */
 310     /* XXX: 1px difference due to border stupidity */
 311     margin: -5px 5px -3px -6px;
 312     width: 40px;
 313 }
 314
 315 fieldset > a[type="thumb"] > div:first-of-type {
 316     background-repeat: no-repeat;
 317     background-position: center center;
 318     display: inline-block;
 319     height: 64px;
 320     /* XXX: small differences due to font bugs */
 321     /* XXX: 1px difference due to border stupidity */
 322     margin: -14px 7px -12px -15px;
 323     width: 64px;
 324 }
 325
 326 fieldset > a > img.icon,
 327 fieldset > div > img.icon {
 328     height: auto;
 329     /* XXX: small differences due to font bugs */
 330     margin: -7px 6px -9px -8px;
 331     max-height: 30px;
 332     min-width: 30px;
 333     width: 30px;
 334 }
 335
 336 panel > block > p,
 337 fieldset > div > p,
 338 fieldset > div > ul {
 339     margin: 11px 0;
 340 }
 341
 342 fieldset > div > ul {
 343     margin-left: 13px;
 344 }
 345
 346 panel > block > p,
 347 fieldset > div > p {
 348     text-align: center;
 349 }
 350
 351 fieldset > div > p:first-child,
 352 fieldset > div > ul:first-child {
 353     margin-top: 0;
 354 }
 355
 356 fieldset > div > p:last-child,
 357 fieldset > div > ul:last-child {
 358     margin-bottom: 0;
 359 }
 360
 361 fieldset > a {
 362     color: inherit;
 363     display: block;
 364 }
 365
 366 fieldset > textarea,
 367 fieldset > div > input,
 368 fieldset > div > select {
 369     background: none;
 370     -webkit-box-shadow: none;
 371     -webkit-appearance: none;
 372 }
 373
 374 /* Chevrons {{{ */
 375
 376 fieldset > a[href]:not([type="ad"]),
 377 fieldset > div > select {
 378     background-repeat: no-repeat;
 379     background-image: url(chevron.png);
 380     background-position-y: center;
 381 }
 382
 383 /* Horizontal */
 384
 385 list > fieldset > a[href] {
 386     background-position-x: 295px;
 387 }
 388
 389 panel > fieldset > a[href] {
 390     background-position-x: 275px;
 391 }
 392
 393 list > fieldset > a:not([href]) > select,
 394 list > fieldset > div > select {
 395     background-position-x: 192px;
 396 }
 397
 398 panel > fieldset > a:not([href]) > select,
 399 panel > fieldset > div > select {
 400     background-position-x: 163px;
 401 }
 402
 403 /* }}} */
 404
 405 fieldset > textarea,
 406 fieldset > div > input,
 407 fieldset > div > select,
 408 fieldset > a > div > label:nth-of-type(2),
 409 fieldset > div > div > label:nth-of-type(2) {
 410     color: #193250;
 411 }
 412
 413 fieldset > textarea,
 414 fieldset > div > input,
 415 fieldset > div > select {
 416     font-size: 16px;
 417 }
 418
 419 fieldset > div > input {
 420     padding-left: 7px;
 421     padding-right: 14px;
 422 }
 423
 424 fieldset > div > select,
 425 fieldset > div > input {
 426     border: none;
 427     float: right;
 428     height: 40px;
 429     margin: -11px -13px -11px -14px;
 430 }
 431
 432 panel > fieldset > div > select,
 433 panel > fieldset > div > input {
 434     width: 187px;
 435 }
 436
 437 list > fieldset > div > select,
 438 list > fieldset > div > input {
 439     width: 207px;
 440 }
 441
 442 fieldset > textarea {
 443     padding: 10px;
 444     width: 320px;
 445 }
 446
 447 fieldset > div > div,
 448 fieldset > a > div {
 449     display: inline-block;
 450 }
 451
 452 fieldset > div > div {
 453     width: 273px;
 454 }
 455
 456 fieldset > a[type="ad"] > div:nth-of-type(2) {
 457     width: 218px;
 458 }
 459
 460 fieldset > a:not([type]) > div {
 461     width: 250px;
 462 }
 463
 464 fieldset > div > img.icon + div {
 465     width: 244px;
 466 }
 467
 468 fieldset > a > img.icon + div {
 469     width: 221px;
 470 }
 471
 472 fieldset > a[type="thumb"] > div:nth-of-type(2) > label:only-of-type {
 473     position: relative;
 474     top: 10px;
 475 }
 476
 477 fieldset > a[type="thumb"] > div:nth-of-type(2) > label:nth-of-type(2) {
 478     display: block;
 479     margin-top: 2px;
 480 }
 481
 482 fieldset > a[type="thumb"] > div:nth-of-type(2) {
 483     vertical-align: top;
 484     width: 193px;
 485 }
 486
 487 fieldset > a > label:first-of-type,
 488 fieldset > a > div > label:first-of-type,
 489 fieldset > div > label:first-of-type,
 490 fieldset > div > div > label:first-of-type {
 491     font-weight: bold;
 492 }
 493
 494 list > fieldset > a:not([type]) > div > label:nth-of-type(2),
 495 list > fieldset > div > div > label:nth-of-type(2) {
 496     margin-left: 94px;
 497 }
 498
 499 panel > fieldset > a:not([type]) > div > label:nth-of-type(2),
 500 panel > fieldset > div > div > label:nth-of-type(2) {
 501     float: right;
 502     text-align: right;
 503 }
 504
 505 panel > img {
 506     display: block;
 507     margin: 9px auto 4px auto;
 508     height: auto;
 509     width: 300px;
 510 }
 511
 512 fieldset > a[type="ad"] {
 513 }
 514
 515 fieldset > a[type="ad"] > div:nth-of-type(2) {
 516     position: relative;
 517     vertical-align: top;
 518 }
 519
 520 fieldset > a[type="ad"] > div > label:nth-of-type(1) {
 521     color: #2d2d50;
 522     font-size: 13px;
 523     font-weight: bold;
 524     line-height: 15px;
 525 }
 526
 527 fieldset > a[type="ad"] > div > label:nth-of-type(2) {
 528     position: absolute;
 529     top: 17px;
 530     left: 156px;
 531     font-size: 9.5px;
 532     font-weight: normal;
 533 }
 534
 535 fieldset.half > a {
 536     background: none;
 537     background-position-x: 120px;
 538 }
 539
 540 fieldset.half > a > img.icon + div {
 541     width: 65px;
 542 }
 543
 544 fieldset.right {
 545     float: right;
 546     margin-left: 10px;
 547 }
 548
 549 block + fieldset.right,
 550 fieldset + fieldset.right {
 551     margin-top: 0;
 552 }
 553
 554 fieldset.half {
 555     width: 146px;
 556 }
 557
 558 fieldset > a[type="thumb"]:first-child > back {
 559     -webkit-border-top-right-radius: 9px;
 560 }
 561
 562 fieldset > a[type="thumb"]:last-child > back {
 563     -webkit-border-bottom-right-radius: 9px;
 564 }
 565
 566 fieldset > a[type="thumb"] > back {
 567     background-repeat: no-repeat;
 568     border: 1px solid #999999;
 569     display: block;
 570     height: 64px;
 571     left: 62px;
 572     position: absolute;
 573     opacity: 0.2;
 574     top: -1px;
 575     width: 237px;
 576 }