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.pinstripe {
  93     background: #c7ced5 url(cydia://uikit-image/UIPinstripe.png);
  94 }
  95
  96 dialog {
  97     display: block;
  98     position: absolute;
  99     width: 100%;
 100 }
 101
 102 dialog > panel {
 103     display: block;
 104     padding: 1px 0;
 105 }
 106
 107 a {
 108     color: blue;
 109     text-underline-style: dotted;
 110 }
 111
 112 strong {
 113     font-weight: bold
 114 }
 115
 116 pre, tt {
 117     font-family: monospace;
 118 }
 119
 120 pre {
 121     letter-spacing: -2px;
 122 }
 123
 124 em {
 125     font-style: italic;
 126 }
 127
 128 .default {
 129     color: #aaaabb;
 130 }
 131
 132 /* #toolbar {{{ */
 133 dialog > toolbar {
 134     background: url(toolbar.png) #6d84a2 repeat-x;
 135     border-bottom: 1px solid #2d3642;
 136     height: 45px;
 137     padding: 10px;
 138 }
 139
 140 dialog > toolbar > h1 {
 141     color: #ffffff;
 142     font-size: 20px;
 143     font-weight: bold;
 144     height: 100%;
 145     margin: 1px auto 0 auto;
 146     text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
 147     text-align: center;
 148     white-space: nowrap;
 149 }
 150 /* }}} */
 151 /* (back|forward)-button {{{ */
 152 dialog > toolbar > a.back-button,
 153 dialog > toolbar > a.forward-button {
 154     color: #ffffff;
 155     font-size: 12px;
 156     font-weight: bold;
 157     height: 30px;
 158     line-height: 30px;
 159     margin-top: -28px;
 160     padding: 0 3px;
 161     text-decoration: none;
 162     text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
 163     white-space: nowrap;
 164 }
 165
 166 dialog > toolbar > a.back-button {
 167     -webkit-border-image: url(backButton.png) 0 8 0 14;
 168     border-width: 0 8px 0 14px;
 169     float: left;
 170 }
 171
 172 dialog > toolbar > a.forward-button {
 173     -webkit-border-image: url(toolButton.png) 0 5 0 5;
 174     border-width: 0 5px;
 175     float: right;
 176 }
 177 /* }}} */
 178 /* fieldset {{{ */
 179 dialog > panel > block {
 180     background-color: #c7ced5;
 181     border-bottom: 1px solid #999999;
 182     border-top: 1px solid #999999;
 183     display: block;
 184     font-size: 16px;
 185     margin: 9px 10px;
 186     padding: 0 10px;
 187 }
 188
 189 dialog > panel > fieldset > div > hr,
 190 dialog > panel > block > hr {
 191     border-top: 1px dashed #999999;
 192 }
 193
 194 dialog > panel > fieldset {
 195     background-color: #ffffff;
 196     border: 1px solid #999999;
 197     -webkit-border-radius: 10px;
 198     font-size: 16px;
 199     margin: 9px;
 200 }
 201
 202 dialog > panel > input[type="submit"] {
 203     /*-webkit-border-image: url(whiteButton.png) 0 12 0 12;
 204     -webkit-border-radius: 0;
 205     border-width: 0px 12px;*/
 206     border: none;
 207     color: #000000;
 208     display: block;
 209     font-size: 20px;
 210     font-weight: bold;
 211     margin: 9px;
 212     height: 44px;
 213     padding: 10px;
 214     text-align: center;
 215     width: 302px;
 216 }
 217
 218 dialog > panel > label {
 219     display: block;
 220     margin: 13px 0 -4px 27px;
 221     line-height: 24px;
 222     font-size: inherit;
 223     font-weight: bold;
 224     color: #4d4d70;
 225     text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
 226 }
 227
 228 fieldset > a,
 229 fieldset > div,
 230 fieldset > textarea {
 231     border-top: 1px solid #999999;
 232     min-height: 40px;
 233     padding: 12px 17px 11px 17px;
 234 }
 235
 236 fieldset > a:first-child,
 237 fieldset > div:first-child {
 238     border-top: none;
 239 }
 240
 241 fieldset > a img.icon,
 242 fieldset > div img.icon {
 243     height: auto;
 244     margin: -13px 5px -10px -10px;
 245     max-height: 30px;
 246     min-width: 30px;
 247     width: 30px;
 248 }
 249
 250 panel > block > p,
 251 fieldset > div > p,
 252 fieldset > div > ul {
 253     margin: 11px 0;
 254 }
 255
 256 fieldset > div > ul {
 257     margin-left: 13px;
 258 }
 259
 260 panel > block > p,
 261 fieldset > div > p {
 262     text-align: center;
 263 }
 264
 265 fieldset > div > p:first-child,
 266 fieldset > div > ul:first-child {
 267     margin-top: 0;
 268 }
 269
 270 fieldset > div > p:last-child,
 271 fieldset > div > ul:last-child {
 272     margin-bottom: 0;
 273 }
 274
 275 fieldset > a {
 276     color: inherit;
 277     display: block;
 278 }
 279
 280 fieldset > textarea,
 281 fieldset > div > input,
 282 fieldset > div > select {
 283     background: none;
 284     -webkit-box-shadow: none;
 285     -webkit-appearance: none;
 286 }
 287
 288 fieldset > a,
 289 fieldset > div > select {
 290     background: no-repeat url(chevron.png);
 291     background-position-y: 13px;
 292 }
 293
 294 dialog > fieldset > a {
 295     background-position-x: 295px;
 296 }
 297
 298 dialog > panel > fieldset > a {
 299     background-position-x: 275px;
 300 }
 301
 302 dialog > fieldset > div > select {
 303     background-position-x: 192px;
 304 }
 305
 306 dialog > panel > fieldset > div > select {
 307     background-position-x: 172px;
 308 }
 309
 310 fieldset > textarea,
 311 fieldset > div > input,
 312 fieldset > div > select,
 313 fieldset > a > label + div,
 314 fieldset > div > label + div {
 315     color: #193250;
 316 }
 317
 318 fieldset > textarea,
 319 fieldset > div > input,
 320 fieldset > div > select {
 321     font-size: 16px;
 322 }
 323
 324 fieldset > div > select,
 325 fieldset > div > input {
 326     border: none;
 327     height: 44px;
 328     margin: -13px -17px -13px 86px;
 329 }
 330
 331 dialog > panel > fieldset > div > select,
 332 dialog > panel > fieldset > div > input {
 333     width: 187px;
 334 }
 335
 336 dialog > fieldset > div > select,
 337 dialog > fieldset > div > input {
 338     width: 207px;
 339 }
 340
 341 fieldset > div > input {
 342     padding: 13px 7px;
 343 }
 344
 345 fieldset > textarea {
 346     padding: 10px;
 347     width: 320px;
 348 }
 349
 350 fieldset > a > label,
 351 fieldset > div > label {
 352     font-weight: bold;
 353     position: absolute;
 354 }
 355
 356 fieldset > a > label + div {
 357     margin-right: 16px;
 358 }
 359
 360 dialog > fieldset > a > label + div,
 361 dialog > fieldset > div > label + div {
 362     margin-left: 94px;
 363 }
 364
 365 dialog > panel > fieldset > a > label + div,
 366 dialog > panel > fieldset > div > label + div {
 367     float: right;
 368     text-align: right;
 369 }
 370
 371 dialog > panel > img {
 372     display: block;
 373     margin: 9px auto 4px auto;
 374     height: auto;
 375     width: 300px;
 376 }
 377 /* }}} */