root/galaxy-central/static/june_2007_style/iphone.css.tmpl

リビジョン 2, 9.0 KB (コミッタ: hatakeyama, 14 年 前)

import galaxy-central

行番号 
1## Parts taken from iui.css (c) 2007-8 by iUI Project Members, see LICENSE.txt for license
2
3body {
4    margin: 0;
5    font-family: Helvetica;
6    background: #FFFFFF;
7    color: #000000;
8    overflow-x: hidden;
9    -webkit-user-select: none;
10    -webkit-text-size-adjust: none;
11}
12
13body > *:not(.toolbar) {
14    display: none;
15    position: absolute;
16    margin: 0;
17    padding: 0;
18    left: 0;
19    width: 100%;
20    min-height: 372px;
21}
22
23body[orient="landscape"] > *:not(.toolbar) {
24    min-height: 268px;
25}
26
27body > *[selected="true"] {
28    display: block;
29}
30
31a[selected], a:active {
32    background-color: #194fdb !important;
33    background-image: url(../iui/listArrowSel.png), url(../iui/selection.png) !important;
34    background-repeat: no-repeat, repeat-x;
35    background-position: right center, left top;
36    color: #FFFFFF !important;
37}
38
39a[selected="progress"] {
40    background-image: url(../iui/loading.gif), url(../iui/selection.png) !important;
41}
42
43/************************************************************************************************/
44
45body > .toolbar {
46    position: relative;
47    box-sizing: border-box;
48    -moz-box-sizing: border-box;
49    -webkit-box-sizing: border-box;
50    border-bottom: 1px solid #2d3642;
51    padding: 10px;
52    height: 45px;
53    background: url(../iui/toolbar.png) #6d84a2 repeat-x;
54}
55
56.toolbar > h1 {
57    position: absolute;
58    overflow: hidden;
59    left: 50%;
60    margin: 1px 0 0 -75px;
61    height: 45px;
62    font-size: 20px;
63    width: 150px;
64    font-weight: bold;
65    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
66    text-align: center;
67    text-overflow: ellipsis;
68    white-space: nowrap;
69    color: #FFFFFF;
70}
71
72body[orient="landscape"] > .toolbar > h1 {
73    margin-left: -125px;
74    width: 250px;
75}
76
77body > .toolbar.masthead {
78    background: ${masthead_bg} repeat-x;
79}
80
81body > .toolbar.masthead > h1 {
82    left: 0; margin-left: 0; width: 100%;
83}
84
85
86.button {
87    position: absolute;
88    overflow: hidden;
89    top: 8px;
90    right: 6px;
91    margin: 0;
92    border-width: 0 5px;
93    padding: 0 3px;
94    width: auto;
95    height: 30px;
96    line-height: 30px;
97    font-family: inherit;
98    font-size: 12px;
99    font-weight: bold;
100    color: #FFFFFF;
101    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
102    text-overflow: ellipsis;
103    text-decoration: none;
104    white-space: nowrap;
105    background: none;
106    -webkit-border-image: url(../iui/toolButton.png) 0 5 0 5;
107}
108
109.blueButton {
110    -webkit-border-image: url(../iui/blueButton.png) 0 5 0 5;
111    border-width: 0 5px;
112}
113
114.leftButton {
115    left: 6px;
116    right: auto;
117}
118
119#backButton {
120    display: none;
121    left: 6px;
122    right: auto;
123    padding: 0;
124    max-width: 55px;
125    border-width: 0 8px 0 14px;
126    -webkit-border-image: url(../iui/backButton.png) 0 8 0 14;
127}
128
129.whiteButton,
130.grayButton {
131    display: block;
132    border-width: 0 12px;
133    padding: 10px;
134    text-align: center;
135    font-size: 20px;
136    font-weight: bold;
137    text-decoration: inherit;
138    color: inherit;
139}
140
141.whiteButton {
142    -webkit-border-image: url(../iui/whiteButton.png) 0 12 0 12;
143    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
144}
145
146.grayButton {
147    -webkit-border-image: url(../iui/grayButton.png) 0 12 0 12;
148    color: #FFFFFF;
149}
150
151/************************************************************************************************/
152
153body > ul > li {
154    position: relative;
155    margin: 0;
156    border-bottom: 1px solid #E0E0E0;
157    padding: 8px 0 8px 10px;
158    font-size: 20px;
159    font-weight: bold;
160    list-style: none;
161}
162
163body > ul > li.group {
164    position: relative;
165    top: -1px;
166    margin-bottom: -2px;
167    border-top: 1px solid #7d7d7d;
168    border-bottom: 1px solid #999999;
169    padding: 1px 10px;
170    background: url(../iui/listGroup.png) repeat-x;
171    font-size: 17px;
172    font-weight: bold;
173    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
174    color: #FFFFFF;
175}
176
177body > ul > li.group:first-child {
178    top: 0;
179    border-top: none;
180}
181
182body > ul > li > a {
183    display: block;
184    margin: -8px 0 -8px -10px;
185    padding: 8px 32px 8px 10px;
186    text-decoration: none;
187    color: inherit;
188    background: url(../iui/listArrow.png) no-repeat right center;
189}
190
191a[target="_replace"] {
192    box-sizing: border-box;
193    -webkit-box-sizing: border-box;
194    padding-top: 25px;
195    padding-bottom: 25px;
196    font-size: 18px;
197    color: cornflowerblue;
198    background-color: #FFFFFF;
199    background-image: none;
200}
201
202/************************************************************************************************/
203   
204body > .dialog {
205    top: 0;
206    width: 100%;
207    min-height: 417px;
208    z-index: 2;
209    background: rgba(0, 0, 0, 0.8);
210    padding: 0;
211    text-align: right;
212}
213
214.dialog > fieldset {
215    box-sizing: border-box;
216    -webkit-box-sizing: border-box;
217    width: 100%;
218    margin: 0;
219    border: none;
220    border-top: 1px solid #6d84a2;
221    padding: 10px 6px;
222    background: url(../iui/toolbar.png) #7388a5 repeat-x;
223}
224
225.dialog > fieldset > h1 {
226    margin: 0 10px 0 10px;
227    padding: 0;
228    font-size: 20px;
229    font-weight: bold;
230    color: #FFFFFF;
231    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
232    text-align: center;
233}
234
235.dialog > fieldset > label {
236    position: absolute;
237    margin: 16px 0 0 6px;
238    font-size: 14px;
239    color: #999999;
240}
241
242
243
244input:not(input[type|=radio]):not(input[type|=checkbox]) {
245    box-sizing: border-box;
246    -webkit-box-sizing: border-box;
247    width: 100%;
248    margin: 8px 0 0 0;
249    padding: 6px 6px 6px 44px;
250    font-size: 16px;
251    font-weight: normal;
252}
253
254/************************************************************************************************/
255
256body > .panel {
257    box-sizing: border-box;
258    -moz-box-sizing: border-box;
259    -webkit-box-sizing: border-box;
260    padding: 10px;
261    background: #c8c8c8 url(../iui/pinstripes.png);
262}
263
264.panel > fieldset {
265    position: relative;
266    margin: 0 0 20px 0;
267    padding: 0;
268    background: #FFFFFF;
269    -webkit-border-radius: 10px;
270    -moz-border-radius: 10px;
271    border: 1px solid #999999;
272    text-align: right;
273    font-size: 16px;
274}
275
276.row  {
277    position: relative;
278    min-height: 42px;
279    border-bottom: 1px solid #999999;
280    -webkit-border-radius: 0;
281    text-align: right;
282    overflow: hidden;
283    text-overflow: ellipsis;
284}
285
286fieldset > .row:last-child {
287    border-bottom: none !important;
288}
289
290.row > input:not(input[type|=radio]):not(input[type|=checkbox]) {
291    box-sizing: border-box;
292    -moz-box-sizing: border-box;
293    -webkit-box-sizing: border-box;
294    margin: 0;
295    border: none;
296    padding: 12px 10px 0 110px;
297    height: 42px;
298    background: none;
299}
300.row > input[type|=radio], .row > input[type|=checkbox] {
301  margin: 7px 7px 0 0;
302  height: 25px;
303  width: 25px;
304}
305
306.row > label {
307    position: absolute;
308    margin: 0 0 0 14px;
309    line-height: 42px;
310    font-weight: bold;
311}
312
313.row > a {
314    font-weight: bold;
315    text-align: left;
316    display: block;
317    padding: 8px 32px 8px 14px;
318    text-decoration: none;
319    color: inherit;
320    background: url(../iui/listArrow.png) no-repeat right center;
321}
322
323.row > .error {
324    height: 25px;
325    text-align: left;
326    font-size: 14px;
327    padding: 0 0 0 110px;
328    color: red;
329}
330
331.row > span {
332    position: absolute;
333    padding: 12px 10px 0 110px;
334    margin: 0;
335}
336
337.row > .toggle {
338    position: absolute;
339    top: 6px;
340    right: 6px;
341    width: 100px;
342    height: 28px;
343}
344
345.toggle {
346    border: 1px solid #888888;
347    -webkit-border-radius: 6px;
348    background: #FFFFFF url(../iui/toggle.png) repeat-x;
349    font-size: 19px;
350    font-weight: bold;
351    line-height: 30px;
352}
353
354.toggle[toggled="true"] {
355    border: 1px solid #143fae;
356    background: #194fdb url(../iui/toggleOn.png) repeat-x;
357}
358
359.toggleOn {
360    display: none;
361    position: absolute;
362    width: 60px;
363    text-align: center;
364    left: 0;
365    top: 0;
366    color: #FFFFFF;
367    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
368}
369
370.toggleOff {
371    position: absolute;
372    width: 60px;
373    text-align: center;
374    right: 0;
375    top: 0;
376    color: #666666;
377}
378
379.toggle[toggled="true"] > .toggleOn {
380    display: block;
381}
382
383.toggle[toggled="true"] > .toggleOff {
384    display: none;
385}
386
387.thumb {
388    position: absolute;
389    top: -1px;
390    left: -1px;
391    width: 40px;
392    height: 28px;   
393    border: 1px solid #888888;
394    -webkit-border-radius: 6px;
395    background: #ffffff url(../iui/thumb.png) repeat-x;
396}
397
398.toggle[toggled="true"] > .thumb {
399    left: auto;
400    right: -1px;
401}
402
403.panel > h2 {
404    margin: 0 0 8px 14px;
405    font-size: inherit;
406    font-weight: bold;
407    color: #4d4d70;
408    text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
409}
410
411/************************************************************************************************/
412
413#preloader {
414    display: none;
415    background-image: url(loading.gif), url(selection.png),
416        url(blueButton.png), url(listArrowSel.png), url(listGroup.png);
417}
418
419## State colors
420
421.state-color-queued {
422    ## border-color: $history_queued_border;
423    background: $history_queued_bg;
424}
425
426.state-color-ok {
427    ## border-color: $history_ok_border;
428    background: $history_ok_bg;
429}
430
431.state-color-error {
432    ## border-color: $history_error_border;
433    background: $history_error_bg;
434}
435
436.state-color-running {
437    ## border-color: $history_running_border;
438    background: $history_running_bg;
439}
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。