-
Notifications
You must be signed in to change notification settings - Fork 60
/
ipad.css
73 lines (72 loc) · 2.31 KB
/
ipad.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
/* iPad Style */
.window {
background: rgba(3,12,33,0.929);
border: 1px solid #151515;
border-top: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.7);
-o-box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.25);
}
.window.focused h2,
.window h2 {
padding: 12px 5px 16px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.95);
font-size: 19px;
font-weight: bold;
background: -moz-linear-gradient(center top , #797D89, #282F41 21px, #131B2F 21px, #10182C);
background: -webkit-gradient(linear, left top, left bottom, from(#797D89), color-stop(50%,#282F41), color-stop(50%,#131B2F), to(#10182C));
border-bottom: none;
border-top: 1px solid #6D6D6D;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
-o-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
}
.window h2:before {
content: "";
margin-left: -13px;
left: 50%;
top: -14px;
width: 26px;
height: 26px;
position: absolute;
border: 1px solid rgba(0,0,0,.37);
background: -moz-linear-gradient(-45deg, rgba(171,172,179,.8), rgba(101,106,119,1));
background: -webkit-gradient(linear, left top, right bottom, from(rgba(171,172,179,.8)), to(rgba(101,106,119,1)));
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset;
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset;
-o-box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset;
z-index: -1;
}
.window h2:after {
content: "";
top: 0;
left: 50%;
margin-left: -18px;
width: 38px;
height: 1px;
border-top: 1px solid #878b95;
position: absolute;
background: #818590;
}
.window > div {
margin: 0 5px 5px;
background: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}