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 /* fieldset {{{ */
 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,
 256 fieldset > div,
 257 fieldset > textarea {
 258     min-height: 42px;
 259     /* XXX: small differences due to font bugs */
 260     padding: 13px 14px 11px 14px;
 261 }
 262
 263 panel > fieldset > a.thumb:first-child > div:first-of-type {
 264     -webkit-border-top-left-radius: 9px;
 265 }
 266
 267 panel > fieldset > a.thumb:last-child > div:first-of-type {
 268     -webkit-border-bottom-left-radius: 9px;
 269 }
 270
 271 list > fieldset > a.thumb > div:first-of-type {
 272     border: 1px solid #e0e0e0;
 273 }
 274
 275 panel > fieldset > a.thumb > div:first-of-type {
 276     border: 1px solid #999999;
 277 }
 278
 279 fieldset > a.thumb > div:first-of-type {
 280     background-repeat: no-repeat;
 281     background-position: center center;
 282     display: inline-block;
 283     height: 64px;
 284     /* XXX: small differences due to font bugs */
 285     /* XXX: 1px difference due to border stupidity */
 286     margin: -14px 7px -12px -15px;
 287     width: 64px;
 288 }
 289
 290 fieldset > a > img.icon,
 291 fieldset > div > img.icon {
 292     height: auto;
 293     /* XXX: small differences due to font bugs */
 294     margin: -7px 6px -9px -8px;
 295     max-height: 30px;
 296     min-width: 30px;
 297     width: 30px;
 298 }
 299
 300 panel > block > p,
 301 fieldset > div > p,
 302 fieldset > div > ul {
 303     margin: 11px 0;
 304 }
 305
 306 fieldset > div > ul {
 307     margin-left: 13px;
 308 }
 309
 310 panel > block > p,
 311 fieldset > div > p {
 312     text-align: center;
 313 }
 314
 315 fieldset > div > p:first-child,
 316 fieldset > div > ul:first-child {
 317     margin-top: 0;
 318 }
 319
 320 fieldset > div > p:last-child,
 321 fieldset > div > ul:last-child {
 322     margin-bottom: 0;
 323 }
 324
 325 fieldset > a {
 326     color: inherit;
 327     display: block;
 328 }
 329
 330 fieldset > textarea,
 331 fieldset > div > input,
 332 fieldset > div > select {
 333     background: none;
 334     -webkit-box-shadow: none;
 335     -webkit-appearance: none;
 336 }
 337
 338 fieldset > a,
 339 fieldset > div > select {
 340     background: no-repeat url(chevron.png);
 341 }
 342
 343 fieldset > a {
 344     background-position-y: 13px;
 345 }
 346
 347 fieldset > a.thumb {
 348     background-position-y: 24px;
 349 }
 350
 351 fieldset > div > select {
 352     background-position-y: 11px;
 353 }
 354
 355 list > fieldset > a {
 356     background-position-x: 295px;
 357 }
 358
 359 panel > fieldset > a {
 360     background-position-x: 275px;
 361 }
 362
 363 list > fieldset > div > select {
 364     background-position-x: 192px;
 365 }
 366
 367 panel > fieldset > div > select {
 368     background-position-x: 163px;
 369 }
 370
 371 fieldset > textarea,
 372 fieldset > div > input,
 373 fieldset > div > select,
 374 fieldset > a > div > label:nth-of-type(2),
 375 fieldset > div > div > label:nth-of-type(2) {
 376     color: #193250;
 377 }
 378
 379 fieldset > textarea,
 380 fieldset > div > input,
 381 fieldset > div > select {
 382     font-size: 16px;
 383 }
 384
 385 fieldset > div > input {
 386     padding-left: 7px;
 387     padding-right: 14px;
 388 }
 389
 390 fieldset > div > select,
 391 fieldset > div > input {
 392     border: none;
 393     float: right;
 394     height: 40px;
 395     margin: -11px -13px -11px -14px;
 396 }
 397
 398 panel > fieldset > div > select,
 399 panel > fieldset > div > input {
 400     width: 187px;
 401 }
 402
 403 list > fieldset > div > select,
 404 list > fieldset > div > input {
 405     width: 207px;
 406 }
 407
 408 fieldset > textarea {
 409     padding: 10px;
 410     width: 320px;
 411 }
 412
 413 fieldset > div > div,
 414 fieldset > a > div {
 415     display: inline-block;
 416 }
 417
 418 fieldset > div > div {
 419     width: 273px;
 420 }
 421
 422 fieldset > a > div {
 423     width: 250px;
 424 }
 425
 426 fieldset > div > img.icon + div {
 427     width: 244px;
 428 }
 429
 430 fieldset > a > img.icon + div {
 431     width: 221px;
 432 }
 433
 434 fieldset > a.thumb > div:nth-of-type(2) > label:only-of-type {
 435     position: relative;
 436     top: 10px;
 437 }
 438
 439 fieldset > a.thumb > div:nth-of-type(2) > label:nth-of-type(2) {
 440     display: block;
 441     margin-top: 2px;
 442 }
 443
 444 fieldset > a.thumb > div:nth-of-type(2) {
 445     vertical-align: top;
 446     width: 193px;
 447 }
 448
 449 fieldset > a > label:first-of-type,
 450 fieldset > a > div > label:first-of-type,
 451 fieldset > div > label:first-of-type,
 452 fieldset > div > div > label:first-of-type {
 453     font-weight: bold;
 454 }
 455
 456 list > fieldset > a:not(.thumb) > div > label:nth-of-type(2),
 457 list > fieldset > div > div > label:nth-of-type(2) {
 458     margin-left: 94px;
 459 }
 460
 461 panel > fieldset > a:not(.thumb) > div > label:nth-of-type(2),
 462 panel > fieldset > div > div > label:nth-of-type(2) {
 463     float: right;
 464     text-align: right;
 465 }
 466
 467 panel > img {
 468     display: block;
 469     margin: 9px auto 4px auto;
 470     height: auto;
 471     width: 300px;
 472 }
 473
 474 fieldset > a.thumb:first-child > back {
 475     -webkit-border-top-right-radius: 9px;
 476 }
 477
 478 fieldset > a.thumb:last-child > back {
 479     -webkit-border-bottom-right-radius: 9px;
 480 }
 481
 482 fieldset > a.thumb > back {
 483     background-repeat: no-repeat;
 484     border: 1px solid #999999;
 485     display: block;
 486     height: 64px;
 487     left: 62px;
 488     position: absolute;
 489     opacity: 0.2;
 490     top: -1px;
 491     width: 237px;
 492 }
 493 /* }}} */