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