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