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