-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
150 lines (147 loc) · 9.01 KB
/
style.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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
html { font-size: 62.5%; font-family: Tahoma }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0 }
body { line-height: 1.333; font-size: 12px }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
input, textarea, select, button { font-size: 12px; font-weight: normal; font-family: inherit }
input[type="button"], input[type="submit"], select, button { cursor: pointer }
table { border-collapse: collapse; border-spacing: 0 }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal }
li { list-style: none }
caption, th { text-align: left }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
fieldset, img, a img, iframe { border-width: 0; border-style: none }
iframe { overflow: hidden }
img { -ms-interpolation-mode: bicubic }
textarea { resize: vertical; overflow-y: auto }
legend { color: #000 }
hr { height: 0 }
label { cursor: pointer }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { font-size: 14px; font-family: tahoma, 'Microsoft Yahei'; color: #333; }
a { text-decoration: none; color: #0088CC; -webkit-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; transition: color 500ms ease-in; }
a:hover { color: #708296; text-decoration: none; }
h2 { font-size: 30px; padding: 10px 0; font-family: GEORGIA, 'Microsoft Yahei'; font-weight: normal; font-style: italic; color: #222; padding-left: 10px; text-align: left; }
#content { padding-top: 5px; }
.buyerstable td { width: 50%; float: left; }
#lay-container { width: 310px; margin: 0 auto; }
#lay-container> :not(.current) { display: none; }
#buyersContents { padding: 10px; margin-bottom: 30px; background: url("http://images.apple.com/v/iphone/b/images/buystrip_bg.jpg") repeat-x scroll left bottom #FDFDFD; border: 1px solid #E5E5E5; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2); }
ul.buyerslist li { background-image: url("images-new/YellowDot.png"); background-position: 0 7px; background-repeat: no-repeat; padding: 5px 0 5px 16px; }
ul.buyerslist li.red { background-image: url("images-new/RedDot.png"); }
ul.buyerslist li.green { background-image: url("images-new/GreenDot.png"); }
.badge { position: absolute; right: 0; top: 0 }
.guide { padding-top: 10px; text-align: center; border: medium none; border-radius: 100% 100% 100% 100% / 8px 8px 8px 8px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); margin-bottom: 24px; min-height: 389px; position: relative; background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(240, 240, 240, 1))); background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 50%, rgba(240, 240, 240, 1) 100%); background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 50%, rgba(240, 240, 240, 1) 100%); background: linear-gradient(top, rgba(249, 249, 249, 1) 50%, rgba(240, 240, 240, 1) 100%); }
.guide h3 { padding-left: 20px; }
.guide .guide_content { clear: both; padding: 10px; }
.guide .guide_content .releases .release { border-bottom: 1px dotted #D1D5DA; height: 12px; padding: 4px; }
.guide .guide_content .releases .release .bar { float: left; height: 12px; margin-right: 8px; width: 92px; padding-left: 20px; }
.guide .guide_content .releases .release .bar .progress { width: 0; background-color: #426694; float: right; font-size: 8px; height: 12px; -webkit-transition: width 500ms ease-in; -moz-transition: width 1500ms ease-in; transition: width 500ms ease-in; }
.guide .guide_content .releases .release .date { float: left; height: 12px; line-height: 12px; width: 70px; }
.guide .guide_content .releases .release .days { float: left; font-size: 10px; height: 12px; line-height: 12px; }
.guide .details { border-bottom: 1px solid #EEE; margin-bottom: 10px; overflow: hidden; padding-bottom: 10px; }
.guide .details .row .left { float: left; font-size: 12px; text-align: right; width: 128px; }
.guide .details .row .right { float: left; padding-left: 15px; font-size: 12px; text-align: left; }
.ui-tips { position: fixed; background-color: rgba(0, 0, 0, .6); color: #FFF; padding: 3px 5px; text-shadow: 0 1px 0 #000; border-radius: 2px; }
.ui-tips .arr { position: absolute; border-width: 5px; border-style: dashed; border-color: rgba(0, 0, 0, .6) transparent transparent transparent; bottom: -10px; left: 50%; margin-left: -5px; }
#tips-add-home { left: 108px; top: 378px; display: none; }
.back {
position: absolute;
overflow: hidden;
width: auto;
height: 30px;
font-family: inherit;
font-size: 12px;
font-weight: bold;
line-height: 30px;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: none;
left: 5px;
top: 5px;
margin: 0;
padding: 0 10px;
color: white;
text-shadow: #3e5779 0 -1px 0;
-webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
border: 1px solid #2d3f57;
-webkit-border-radius: 5px;
border-radius: 5px;
background-image: none;
background-color: #50709a;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7c97bb), color-stop(50%, #5a7caa), color-stop(51%, #50709a), color-stop(100%, #476489));
background-image: -webkit-linear-gradient(top, #7c97bb, #5a7caa 50%, #50709a 51%, #476489);
background-image: linear-gradient(top, #7c97bb, #5a7caa 50%, #50709a 51%, #476489);
max-width: 60px;
margin-left: 15px;
overflow: visible;
padding-left: 5px;
}
/* line 121, ../scss/include/_skeleton.scss */
.back:after,.back:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 1px;
left: 1px;
-webkit-transform: rotate(45deg) translate3d(0.2px, 0, 0);
transform: rotate(45deg) translate3d(0.2px, 0, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
background-image: none;
background-color: #50709a;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #7c97bb), color-stop(50%, #5a7caa), color-stop(51%, #50709a), color-stop(100%, #476489));
background-image: -webkit-linear-gradient(top left, #7c97bb, #5a7caa 50%, #50709a 51%, #476489);
background-image: linear-gradient(top left, #7c97bb, #5a7caa 50%, #50709a 51%, #476489);
background-size: 100% 98%;
-webkit-border-radius: 0 0 0 2px;
border-radius: 0 0 0 2px;
-webkit-mask-image: -webkit-linear-gradient(45deg, black, black 15px, rgba(0, 0, 0, 0) 15px);
-webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(black), color-stop(50%, black), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
-webkit-mask-clip: border-box;
-webkit-background-clip: content-box;
}
/* line 149, ../scss/include/_skeleton.scss */
.back:after {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
}
/* line 152, ../scss/include/_skeleton.scss */
.back:before {
margin-left: -1px;
background: #243346 none;
}
/* line 157, ../scss/include/_skeleton.scss */
.back.active:after {
background-image: none;
background-color: #476489;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #6b89b2), color-stop(50%, #50709a), color-stop(51%, #476489), color-stop(100%, #3e5779));
background-image: -webkit-linear-gradient(left top, #6b89b2, #50709a 50%, #476489 51%, #3e5779);
background-image: linear-gradient(left top, #6b89b2, #50709a 50%, #476489 51%, #3e5779);
}
/* line 160, ../scss/include/_skeleton.scss */
.back.active:before {
background-color: #243346;
}
.toolbar{
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a3b9), color-stop(50%, #7f93ad), color-stop(51%, #768ba7), color-stop(100%, #6d83a1));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), -webkit-linear-gradient(top, #92a3b9, #7f93ad 50%, #768ba7 51%, #6d83a1);
background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), linear-gradient(top, #92a3b9, #7f93ad 50%, #768ba7 51%, #6d83a1);
-webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0 inset;
box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0 inset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
border-bottom: 1px solid #2a3441;
z-index: 10;
position: relative;
line-height: 44px;
height: 44px;
}
.toolbar h1{text-align: center;font-size:20px;color:#FFF;font-weight: normal;}