← Back to branch summary

~ubuntu-branches/ubuntu/raring/qtwebkit-source/raring-proposed

« back to all changes in this revision

Viewing changes to Source/WebCore/inspector/front-end/helpScreen.css

  • Committer: Package Import Robot
  • Author(s): Jonathan Riddell
  • Date: 2013-02-18 14:24:18 UTC
  • Revision ID: package-import@ubuntu.com-20130218142418-eon0jmjg3nj438uy
Tags: upstream-2.3
Import upstream version 2.3

Show diffs side-by-side

added added

removed removed

Lines of Context:
Source/WebCore/inspector/front-end/helpScreen.css
 
1
.help-window-outer {
 
2
    position: absolute;
 
3
    top: 0;
 
4
    left: 0;
 
5
    right: 0;
 
6
    bottom: 0;
 
7
    z-index: 2000;
 
8
}
 
9
 
 
10
.help-window-main {
 
11
    max-height: 100%;
 
12
    color: white;
 
13
    background-color: rgba(17, 17, 17, 0.85);
 
14
    display: -webkit-box;
 
15
    -webkit-box-orient: vertical;
 
16
    border-top-width: 0;
 
17
    border-radius: 10px;
 
18
}
 
19
 
 
20
.help-window-caption {
 
21
    border-bottom: solid 1px rgb(153, 153, 153);
 
22
    margin: 0 8px;
 
23
    padding: 0 2px;
 
24
    line-height: 28px;
 
25
}
 
26
 
 
27
.help-window-title {
 
28
    font-size: 16px;
 
29
    margin: 0;
 
30
    padding-top: 1px;
 
31
    margin-bottom: -1px;
 
32
}
 
33
 
 
34
.help-content {
 
35
    overflow-y: auto;
 
36
    overflow-x: hidden;
 
37
    scrollbar-width: 11px;
 
38
    -webkit-box-flex: 1;
 
39
    margin: 8px;
 
40
    padding: 0 4px;
 
41
    font-size: 13px;
 
42
}
 
43
 
 
44
.help-window-main ::-webkit-scrollbar {
 
45
    width: 11px;
 
46
}
 
47
 
 
48
.help-window-main ::-webkit-scrollbar-corner,
 
49
.help-window-main ::-webkit-resizer {
 
50
    display: none;
 
51
}
 
52
 
 
53
.help-window-main ::-webkit-scrollbar-thumb:vertical {
 
54
    background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96)));
 
55
    border-radius: 5px;
 
56
    min-height: 20px;
 
57
}
 
58
 
 
59
.help-window-main ::-webkit-scrollbar-thumb:vertical:hover,
 
60
.help-window-main ::-webkit-scrollbar-thumb:vertical:active {
 
61
    background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176, 176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144)));
 
62
}
 
63
 
 
64
.help-window-main ::-webkit-scrollbar-track:vertical {
 
65
    background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 10)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32)));
 
66
    border-radius: 5px;
 
67
}
 
68
 
 
69
.help-close-button {
 
70
    border: 0;
 
71
    padding: 0;
 
72
    font-size: 14px;
 
73
    color: rgb(222, 222, 222);
 
74
    background: -webkit-gradient(radial, 30% 30%, 1, 50% 50%, 8, from(rgb(144, 144, 144)), to(rgb(96, 96, 96)));
 
75
    border-radius: 8px;
 
76
    height: 16px;
 
77
    width: 16px;
 
78
    line-height: 12px;
 
79
    position: absolute;
 
80
    top: 6px;
 
81
    right: 6px;
 
82
}
 
83
 
 
84
#settings-screen .help-close-button {
 
85
    top: 8px;
 
86
    right: 8px;
 
87
}
 
88
 
 
89
body.compact .help-content {
 
90
    margin-bottom: 8px;
 
91
}
 
92
 
 
93
.help-close-button:hover {
 
94
    color: white;
 
95
}
 
96
 
 
97
body.platform-mac .help-window-main .tabbed-pane-header-contents {
 
98
    margin-left: 27px;
 
99
}
 
100
 
 
101
body.platform-mac .help-window-main .help-window-title {
 
102
    margin-left: 18px;
 
103
}
 
104
 
 
105
.help-container {
 
106
    width: 100%;
 
107
    -webkit-user-select: auto;
 
108
    -webkit-column-width: 470px;
 
109
}
 
110
 
 
111
body.platform-mac .settings-tab.help-container {
 
112
    -webkit-column-width: 430px;
 
113
}
 
114
 
 
115
body.platform-mac .help-container {
 
116
    -webkit-column-width: 330px;
 
117
}
 
118
 
 
119
.help-block {
 
120
    display: block;
 
121
    padding-bottom: 9px;
 
122
    width: 470px;
 
123
    -webkit-column-break-inside: avoid;
 
124
}
 
125
 
 
126
body.platform-mac .settings-tab .help-block {
 
127
    width: 430px;
 
128
}
 
129
 
 
130
#drawer-contents .settings-tab {
 
131
    padding-left: 12px;
 
132
}
 
133
 
 
134
.settings-tab.help-container {
 
135
    -webkit-column-width: 410px;
 
136
}
 
137
 
 
138
.settings-tab .help-block {
 
139
    width: 410px;
 
140
}
 
141
 
 
142
.help-line {
 
143
    padding-bottom: 3px;
 
144
}
 
145
 
 
146
.help-key-cell {
 
147
    display: inline-block;
 
148
    width: 270px;
 
149
    text-align: right;
 
150
}
 
151
 
 
152
body.platform-mac .help-key-cell {
 
153
    width: 120px;
 
154
}
 
155
 
 
156
.help-cell {
 
157
    display: inline;
 
158
}
 
159
 
 
160
.help-section-title {
 
161
    font-weight: bold;
 
162
    color: inherit;
 
163
}
 
164
 
 
165
.help-key {
 
166
    color: black;
 
167
    font-weight: bold;
 
168
}
 
169
 
 
170
body.platform-mac .help-key {
 
171
    font-family: Lucida Grande, sans-serif;
 
172
}
 
173
 
 
174
.help-combine-keys, .help-key-delimiter {
 
175
    color: black;
 
176
    font-size: 9px;
 
177
}
 
178
 
 
179
.help-combine-keys {
 
180
    margin: 0 0.3em;
 
181
}
 
182
 
 
183
.help-key-delimiter {
 
184
    margin: 0 0.5em;
 
185
}
 
186
 
 
187
.help-content p {
 
188
    margin: 3px 0;
 
189
}
 
190
 
 
191
.help-content fieldset {
 
192
    border: none;
 
193
    margin-left: 7px;
 
194
}
 
195
 
 
196
body.platform-mac .settings-tab.help-content fieldset {
 
197
    margin-left: 10px;
 
198
}
 
199
 
 
200
.help-content fieldset p {
 
201
    border-left: 1px solid rgb(128,128,128);
 
202
    margin: 0 0 0 6px;
 
203
    padding-left: 3px;
 
204
}
 
205
 
 
206
.help-content fieldset label {
 
207
    padding-right: 4px;
 
208
}
 
209
 
 
210
.help-content p.help-section {
 
211
    margin: 0 0 15px 0;
 
212
}
 
213
 
 
214
.settings-experiments-warning-subsection-warning {
 
215
    color: rgb(200, 0, 0);
 
216
}
 
217
 
 
218
.settings-experiments-warning-subsection-message {
 
219
    color: inherit;
 
220
}
 
221
 
 
222
#resolution-override-section {
 
223
    margin-left: 13px;
 
224
}
 
225
 
 
226
.help-content input[type=checkbox] {
 
227
    height: 13px;
 
228
    width: 13px;
 
229
    margin: 0 7px 0 0;
 
230
    vertical-align: -2px;
 
231
}
 
232
 
 
233
body.platform-mac .help-content input[type=checkbox] {
 
234
    vertical-align: -1px;
 
235
}
 
236
 
 
237
.help-content input[type=radio] {
 
238
    vertical-align: -2px;
 
239
}
 
240
 
 
241
body.platform-mac .help-content input[type=radio] {
 
242
    vertical-align: -1px;
 
243
}
 
244
 
 
245
.help-content select {
 
246
    background-color: rgb(64, 64, 64);
 
247
    color: white;
 
248
    border-color: black;
 
249
    padding: 0 4px;
 
250
}
 
251
 
 
252
.help-content select:disabled {
 
253
    background-color: rgb(32, 32, 32);
 
254
    color: graytext;
 
255
}
 
256
 
 
257
.help-content option {
 
258
    background-color: #EEEEEE;
 
259
    color: black;
 
260
}
 
261
 
 
262
#settings-screen .help-window-main,
 
263
#drawer-contents .help-window-main {
 
264
    color: rgb(48, 57, 66);
 
265
    background-color: white;
 
266
    border-radius: 0;
 
267
}
 
268
 
 
269
#settings-screen .help-window-main {
 
270
    position: absolute;
 
271
    top: 10px;
 
272
    right: 10px;
 
273
    bottom: 10px;
 
274
    left: 10px;
 
275
    height: initial;
 
276
    padding: 21px 0 0 21px;
 
277
    box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7);
 
278
}
 
279
 
 
280
#settings-screen .help-window-label {
 
281
    font-size: 18px;
 
282
    color: inherit;
 
283
    padding-top: 1px;
 
284
}
 
285
 
 
286
#drawer-contents .help-container-wrapper {
 
287
    top: 32px;
 
288
}
 
289
 
 
290
.help-container-wrapper {
 
291
    position: absolute;
 
292
    top: 60px;
 
293
    left: 5px;
 
294
    right: 0;
 
295
    bottom: 0;
 
296
    overflow: auto;
 
297
}
 
298
 
 
299
#settings-screen .tabbed-pane-header {
 
300
    border: none transparent;
 
301
    height: auto;
 
302
    width: 120px;
 
303
    position: relative;
 
304
    top: 14px;
 
305
}
 
306
 
 
307
#settings-screen .tabbed-pane-header-contents {
 
308
    margin: 0;
 
309
}
 
310
 
 
311
#settings-screen .tabbed-pane-header-tabs {
 
312
    padding-top: 5px;
 
313
    width: 120px;
 
314
}
 
315
 
 
316
#settings-screen .tabbed-pane-header-tab {
 
317
    background-color: transparent;
 
318
    border: none transparent;
 
319
    cursor: pointer;
 
320
    float: none;
 
321
    font-weight: normal;
 
322
    position: relative;
 
323
    top: 1px;
 
324
    text-shadow: none;
 
325
    color: #999999;
 
326
    height: 22px;
 
327
    font-size: 13px;
 
328
    padding-left: 0;
 
329
}
 
330
 
 
331
#settings-screen .tabbed-pane-header-tab.selected {
 
332
    color: inherit;
 
333
}
 
334
 
 
335
#settings-screen .tabbed-pane-content,
 
336
#drawer-contents .tabbed-pane-content {
 
337
    position: absolute;
 
338
    top: 0;
 
339
    right: 0;
 
340
    bottom: 0;
 
341
    margin: 8px;
 
342
}
 
343
 
 
344
#drawer-contents .tabbed-pane-content {
 
345
    padding: 0 4px;
 
346
}
 
347
 
 
348
#settings-screen .tabbed-pane-content {
 
349
    left: 120px;
 
350
}
 
351
 
 
352
#drawer-contents .tabbed-pane-content {
 
353
    left: 0;
 
354
}
 
355
 
 
356
.settings-tab.help-content {
 
357
    margin: 0;
 
358
    padding: 0;
 
359
}
 
360
 
 
361
.settings-tab input:not([type]), .settings-tab input[type="text"] {
 
362
    border: 1px solid rgb(213, 213, 213);
 
363
    border-radius: 2px;
 
364
    color: #444444;
 
365
    font: inherit;
 
366
    padding: 3px;
 
367
}
 
368
 
 
369
.settings-tab input.numeric {
 
370
    text-align: right;
 
371
}
 
372
 
 
373
.settings-tab-container header {
 
374
    padding: 14px 0;
 
375
    border-bottom: 1px solid #EEEEEE;
 
376
}
 
377
 
 
378
#drawer-contents .settings-tab-container header {
 
379
    padding: 0;
 
380
}
 
381
 
 
382
#tab-shortcuts {
 
383
    margin-top: 25px !important;
 
384
}
 
385
 
 
386
#experiments-tab-content .help-container {
 
387
    -webkit-column-width: 470px;
 
388
}
 
389
 
 
390
#experiments-tab-content .help-block {
 
391
    width: 470px;
 
392
}
 
393
 
 
394
.settings-tab-container header > h3 {
 
395
    font-size: 18px;
 
396
    font-weight: normal;
 
397
    margin: 0;
 
398
    padding-bottom: 3px;
 
399
}
 
400
 
 
401
.settings-tab .help-section-title {
 
402
    color: black;
 
403
}
 
404
 
 
405
.settings-tab .help-block label {
 
406
    font-size: 14px;
 
407
}
 
408
 
 
409
.settings-tab .help-block fieldset:not(.toplevel) label {
 
410
    font-size: 13px;
 
411
}
 
412
 
 
413
.settings-tab .help-block fieldset:disabled label:hover,
 
414
.settings-tab .help-block fieldset.toplevel label:hover {
 
415
    color: inherit;
 
416
}
 
417
 
 
418
.settings-tab .help-block label:hover {
 
419
    color: black;
 
420
}
 
421
 
 
422
.settings-tab p {
 
423
    margin: 10px 0;
 
424
}
 
425
 
 
426
.settings-tab fieldset p {
 
427
    border-left: none transparent;
 
428
    padding: 2px 0 2px 3px;
 
429
}
 
430
 
 
431
.settings-tab select {
 
432
    background-color: #FAFAFA;
 
433
    border-color: rgb(213, 213, 213);
 
434
    border-radius: 2px;
 
435
    color: inherit;
 
436
    padding: 0 4px;
 
437
}
 
438
 
 
439
.settings-tab select:disabled {
 
440
    background-color: rgb(221, 221, 221);
 
441
}