1 /* iPhone.css - iPhone Interface Cascading Style Sheet
2 * Copyright (C) 2007-2008 Jay Freeman (saurik)
6 * Redistribution and use in source and binary
7 * forms, with or without modification, are permitted
8 * provided that the following conditions are met:
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
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.
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.
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
;
67 text-decoration: none
;
68 vertical-align: baseline
;
83 border: 1px solid
#999999;
87 font-family: Helvetica
;
88 -webkit-text-size-adjust: none
;
89 -webkit-user-select: none
;
93 background-color: #ffffff;
97 background: #c7ced5 url
(cydia://uikit-image
/UIPinstripe
.png
);
112 text-underline-style: dotted
;
120 font-family: monospace
;
124 letter-spacing: -2px;
137 background: url
(toolbar.png) #6d84a2 repeat-x
;
138 border-bottom: 1px solid
#2d3642;
143 dialog
> toolbar
> h1
{
148 margin: 1px auto
0 auto
;
149 text-shadow: rgba
(0, 0, 0, 0.4) 0px -1px 0;
154 /* (back|forward)-button {{{ */
155 dialog
> toolbar
> a
.back-button
,
156 dialog
> toolbar
> a
.forward-button
{
164 text-decoration: none
;
165 text-shadow: rgba
(0, 0, 0, 0.6) 0px -1px 0;
169 dialog
> toolbar
> a
.back-button
{
170 -webkit-border-image: url
(backButton.png) 0 8 0 14;
171 border-width: 0 8px 0 14px;
175 dialog
> toolbar
> a
.forward-button
{
176 -webkit-border-image: url
(toolButton.png) 0 5 0 5;
183 background-color: #c7ced5;
184 border-bottom: 1px solid
#999999;
185 border-top: 1px solid
#999999;
192 panel
> fieldset
> div
> hr
,
194 border-top: 1px dashed
#999999;
198 background-color: #ffffff;
199 border: 1px solid
#999999;
200 -webkit-border-radius: 9px;
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;*/
222 background: #a7b3bc url
(cydia://uikit-image
/UISectionListHeaderBackground
.png
);
223 background-repeat: repeat-x no-repeat-y
;
225 padding: 4px 15px 1px 15px;
230 text-shadow: rgba
(0, 0, 0, 0.5) 0px 1px 0;
235 margin: 13px 0 -4px 24px;
240 text-shadow: rgba
(255, 255, 255, 0.75) 1px 1px 0;
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;
250 list
> fieldset
> div
,
251 list
> fieldset
> textarea
{
252 border-bottom: 1px solid
#e0e0e0;
257 fieldset
> textarea
{
259 /* XXX: small differences due to font bugs */
260 padding: 13px 14px 11px 14px;
263 panel
> fieldset
> a
.thumb:first-child
> div:first-of-type
{
264 -webkit-border-top-left-radius: 9px;
267 panel
> fieldset
> a
.thumb:last-child
> div:first-of-type
{
268 -webkit-border-bottom-left-radius: 9px;
271 list
> fieldset
> a
.thumb
> div:first-of-type
{
272 border: 1px solid
#e0e0e0;
275 panel
> fieldset
> a
.thumb
> div:first-of-type
{
276 border: 1px solid
#999999;
279 fieldset
> a
.thumb
> div:first-of-type
{
280 background-repeat: no-repeat
;
281 background-position: center center
;
282 display: inline-block
;
284 /* XXX: small differences due to font bugs */
285 /* XXX: 1px difference due to border stupidity */
286 margin: -14px 7px -12px -15px;
290 fieldset
> a
> img
.icon
,
291 fieldset
> div
> img
.icon
{
293 /* XXX: small differences due to font bugs */
294 margin: -7px 6px -9px -8px;
302 fieldset
> div
> ul
{
306 fieldset
> div
> ul
{
315 fieldset
> div
> p:first-child
,
316 fieldset
> div
> ul:first-child
{
320 fieldset
> div
> p:last-child
,
321 fieldset
> div
> ul:last-child
{
331 fieldset
> div
> input
,
332 fieldset
> div
> select
{
334 -webkit-box-shadow: none
;
335 -webkit-appearance: none
;
339 fieldset
> div
> select
{
340 background: no-repeat url
(chevron.png);
344 background-position-y: 13px;
348 background-position-y: 24px;
351 fieldset
> div
> select
{
352 background-position-y: 11px;
355 list
> fieldset
> a
{
356 background-position-x: 295px;
359 panel
> fieldset
> a
{
360 background-position-x: 275px;
363 list
> fieldset
> div
> select
{
364 background-position-x: 192px;
367 panel
> fieldset
> div
> select
{
368 background-position-x: 163px;
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) {
380 fieldset
> div
> input
,
381 fieldset
> div
> select
{
385 fieldset
> div
> input
{
390 fieldset
> div
> select
,
391 fieldset
> div
> input
{
395 margin: -11px -13px -11px -14px;
398 panel
> fieldset
> div
> select
,
399 panel
> fieldset
> div
> input
{
403 list
> fieldset
> div
> select
,
404 list
> fieldset
> div
> input
{
408 fieldset
> textarea
{
413 fieldset
> div
> div
,
415 display: inline-block
;
418 fieldset
> div
> div
{
426 fieldset
> div
> img
.icon
+ div
{
430 fieldset
> a
> img
.icon
+ div
{
434 fieldset
> a
.thumb
> div:nth-of-type
(2) > label:only-of-type
{
439 fieldset
> a
.thumb
> div:nth-of-type
(2) > label:nth-of-type
(2) {
444 fieldset
> a
.thumb
> div:nth-of-type
(2) {
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
{
456 list
> fieldset
> a:not
(.thumb
) > div
> label:nth-of-type
(2),
457 list
> fieldset
> div
> div
> label:nth-of-type
(2) {
461 panel
> fieldset
> a:not
(.thumb
) > div
> label:nth-of-type
(2),
462 panel
> fieldset
> div
> div
> label:nth-of-type
(2) {
469 margin: 9px auto
4px auto
;
474 fieldset
> a
.thumb:first-child
> back
{
475 -webkit-border-top-right-radius: 9px;
478 fieldset
> a
.thumb:last-child
> back
{
479 -webkit-border-bottom-right-radius: 9px;
482 fieldset
> a
.thumb
> back
{
483 background-repeat: no-repeat
;
484 border: 1px solid
#999999;