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;
255 fieldset
> a:not
([type
="ad"]),
257 fieldset
> textarea
{
258 /* XXX: small differences due to font bugs */
259 padding: 13px 14px 11px 14px;
262 fieldset
> a
[type
="ad"] {
263 /* XXX: small differences due to font bugs */
264 padding: 4px 4px 2px 5px;
267 panel
> fieldset
> a
[type
="ad"]:first-child
> div:first-of-type
,
268 panel
> fieldset
> a
[type
="thumb"]:first-child
> div:first-of-type
{
269 -webkit-border-top-left-radius: 9px;
272 panel
> fieldset
> a
[type
="ad"]:last-child
> div:first-of-type
,
273 panel
> fieldset
> a
[type
="thumb"]:last-child
> div:first-of-type
{
274 -webkit-border-bottom-left-radius: 9px;
277 fieldset
> a
[type
="ad"] > div:first-of-type
{
278 border: 1px solid
#999999;
281 list
> fieldset
> a
[type
="thumb"] > div:first-of-type
{
282 border: 1px solid
#e0e0e0;
285 panel
> fieldset
> a
[type
="thumb"] > div:first-of-type
{
286 border: 1px solid
#999999;
295 div
[tile
="app"] { background-image: url
(http://cache
.saurik
.com
/cydia
/tile
/app
.png
); }
296 div
[tile
="call"] { background-image: url
(http://cache
.saurik
.com
/cydia
/tile
/call
.png
); }
297 div
[tile
="map"] { background-image: url
(http://cache
.saurik
.com
/cydia
/tile
/map
.png
); }
298 div
[tile
="media"] { background-image: url
(http://cache
.saurik
.com
/cydia
/tile
/media
.png
); }
299 div
[tile
="music"] { background-image: url
(http://cache
.saurik
.com
/cydia
/tile
/video
.png
); }
300 div
[tile
="site"] { background-image: url
(http://cache
.saurik
.com
/cydia
/tile
/site
.png
); }
302 fieldset
> a
[type
="ad"] > div:first-of-type
{
303 background-repeat: no-repeat
;
304 background-position: center center
;
306 display: inline-block
;
309 /* XXX: small differences due to font bugs */
310 /* XXX: 1px difference due to border stupidity */
311 margin: -5px 5px -3px -6px;
315 fieldset
> a
[type
="thumb"] > div:first-of-type
{
316 background-repeat: no-repeat
;
317 background-position: center center
;
318 display: inline-block
;
320 /* XXX: small differences due to font bugs */
321 /* XXX: 1px difference due to border stupidity */
322 margin: -14px 7px -12px -15px;
326 fieldset
> a
> img
.icon
,
327 fieldset
> div
> img
.icon
{
329 /* XXX: small differences due to font bugs */
330 margin: -7px 6px -9px -8px;
338 fieldset
> div
> ul
{
342 fieldset
> div
> ul
{
351 fieldset
> div
> p:first-child
,
352 fieldset
> div
> ul:first-child
{
356 fieldset
> div
> p:last-child
,
357 fieldset
> div
> ul:last-child
{
367 fieldset
> div
> input
,
368 fieldset
> div
> select
{
370 -webkit-box-shadow: none
;
371 -webkit-appearance: none
;
376 fieldset
> a
[href
]:not
([type
="ad"]),
377 fieldset
> div
> select
{
378 background-repeat: no-repeat
;
379 background-image: url
(chevron.png);
380 background-position-y: center
;
385 list
> fieldset
> a
[href
] {
386 background-position-x: 295px;
389 panel
> fieldset
> a
[href
] {
390 background-position-x: 275px;
393 list
> fieldset
> a:not
([href
]) > select
,
394 list
> fieldset
> div
> select
{
395 background-position-x: 192px;
398 panel
> fieldset
> a:not
([href
]) > select
,
399 panel
> fieldset
> div
> select
{
400 background-position-x: 163px;
406 fieldset
> div
> input
,
407 fieldset
> div
> select
,
408 fieldset
> a
> div
> label:nth-of-type
(2),
409 fieldset
> div
> div
> label:nth-of-type
(2) {
414 fieldset
> div
> input
,
415 fieldset
> div
> select
{
419 fieldset
> div
> input
{
424 fieldset
> div
> select
,
425 fieldset
> div
> input
{
429 margin: -11px -13px -11px -14px;
432 panel
> fieldset
> div
> select
,
433 panel
> fieldset
> div
> input
{
437 list
> fieldset
> div
> select
,
438 list
> fieldset
> div
> input
{
442 fieldset
> textarea
{
447 fieldset
> div
> div
,
449 display: inline-block
;
452 fieldset
> div
> div
{
456 fieldset
> a
[type
="ad"] > div:nth-of-type
(2) {
460 fieldset
> a:not
([type
]) > div
{
464 fieldset
> div
> img
.icon
+ div
{
468 fieldset
> a
> img
.icon
+ div
{
472 fieldset
> a
[type
="thumb"] > div:nth-of-type
(2) > label:only-of-type
{
477 fieldset
> a
[type
="thumb"] > div:nth-of-type
(2) > label:nth-of-type
(2) {
482 fieldset
> a
[type
="thumb"] > div:nth-of-type
(2) {
487 fieldset
> a
> label:first-of-type
,
488 fieldset
> a
> div
> label:first-of-type
,
489 fieldset
> div
> label:first-of-type
,
490 fieldset
> div
> div
> label:first-of-type
{
494 list
> fieldset
> a:not
([type
]) > div
> label:nth-of-type
(2),
495 list
> fieldset
> div
> div
> label:nth-of-type
(2) {
499 panel
> fieldset
> a:not
([type
]) > div
> label:nth-of-type
(2),
500 panel
> fieldset
> div
> div
> label:nth-of-type
(2) {
507 margin: 9px auto
4px auto
;
512 fieldset
> a
[type
="ad"] {
515 fieldset
> a
[type
="ad"] > div:nth-of-type
(2) {
520 fieldset
> a
[type
="ad"] > div
> label:nth-of-type
(1) {
527 fieldset
> a
[type
="ad"] > div
> label:nth-of-type
(2) {
537 background-position-x: 120px;
540 fieldset
.half
> a
> img
.icon
+ div
{
549 block
+ fieldset
.right
,
550 fieldset
+ fieldset
.right
{
558 fieldset
> a
[type
="thumb"]:first-child
> back
{
559 -webkit-border-top-right-radius: 9px;
562 fieldset
> a
[type
="thumb"]:last-child
> back
{
563 -webkit-border-bottom-right-radius: 9px;
566 fieldset
> a
[type
="thumb"] > back
{
567 background-repeat: no-repeat
;
568 border: 1px solid
#999999;