« back to all changes in this revision
Viewing changes to documentation/qtquick.css
- browse files at revision 119.1.1
- compare with another revision
- download diff
- download tarball
- view history from revision 119.1.1
- Committer: Kaleo
- Date: 2012-10-11 22:44:33 UTC
- mto: This revision was merged to the branch mainline in revision 120.
- Revision ID: florian.boucault@canonical.com-20121011224433-v86gpyyzprh3yqc5
Cleaned up directory structure.
Added CSS style.
Added CSS style.
- files added:
- documentation
- files renamed:
- generate_documentation.sh => documentation/generate_html.sh
- sdk.qdocconf => documentation/ubuntu-sdk.qdocconf
- modules/Ubuntu/Components/ListItems/sdk.qdoc => modules/Ubuntu/Components/ListItems/ubuntu-components-listitems.qdoc
- modules/Ubuntu/Components/sdk.qdoc => modules/Ubuntu/Components/ubuntu-components.qdoc
- files modified:
- .bzrignore
added
removed
documentation/qtquick.css
1
@media screen
2
{
3
4
/* basic elements */
5
html
6
{
7
color: #000000;
8
background: #FFFFFF;
9
}
10
table
11
{
12
border-collapse: collapse;
13
border-spacing: 0;
14
}
15
fieldset, img
16
{
17
border: 0;
18
max-width:100%;
19
}
20
address, caption, cite, code, dfn, em, strong, th, var, optgroup
21
{
22
font-style: inherit;
23
font-weight: inherit;
24
}
25
del, ins
26
{
27
text-decoration: none;
28
}
29
ol li
30
{
31
list-style: decimal;
32
}
33
ul li
34
{
35
list-style: none;
36
}
37
caption, th
38
{
39
text-align: left;
40
}
41
h1, h2, h3, h4, h5, h6
42
{
43
font-size: 100%;
44
}
45
q:before, q:after
46
{
47
content: '';
48
}
49
abbr, acronym
50
{
51
border: 0;
52
font-variant: normal;
53
}
54
sup, sub
55
{
56
vertical-align: baseline;
57
}
58
tt, .qmlreadonly span, .qmldefault span
59
{
60
word-spacing:0.5em;
61
}
62
legend
63
{
64
color: #000000;
65
}
66
strong
67
{
68
font-weight: bold;
69
}
70
em
71
{
72
font-style: italic;
73
}
74
75
body
76
{
77
margin: 0px;
78
font-family: sans-serif;
79
line-height: normal
80
}
81
a
82
{
83
color: #00732F;
84
text-decoration: none;
85
}
86
hr
87
{
88
background-color: #E6E6E6;
89
border: 1px solid #E6E6E6;
90
height: 1px;
91
width: 100%;
92
text-align: left;
93
margin: 1.5em 0 1.5em 0;
94
}
95
96
pre
97
{
98
border: 1px solid #DDDDDD;
99
-moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
100
-webkit-border-radius: 0.7em 0.7em 0.7em 0.7em;
101
border-radius: 0.7em 0.7em 0.7em 0.7em;
102
margin: 0 1.5em 1em 1em;
103
padding: 1em 1em 1em 1em;
104
overflow-x: auto;
105
}
106
table, pre
107
{
108
-moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
109
-webkit-border-radius: 0.7em 0.7em 0.7em 0.7em;
110
border-radius: 0.7em 0.7em 0.7em 0.7em;
111
background-color: #F6F6F6;
112
border: 1px solid #E6E6E6;
113
border-collapse: separate;
114
margin-bottom: 2.5em;
115
}
116
pre {
117
font-size: 90%;
118
display: block;
119
overflow:hidden;
120
}
121
thead
122
{
123
margin-top: 0.5em;
124
font-weight: bold
125
}
126
th
127
{
128
padding: 0.5em 1.5em 0.5em 1em;
129
background-color: #E1E1E1;
130
border-left: 1px solid #E6E6E6;
131
}
132
td
133
{
134
padding: 0.25em 1.5em 0.25em 1em;
135
}
136
137
td.rightAlign
138
{
139
padding: 0.25em 0.5em 0.25em 1em;
140
}
141
table tr.odd
142
{
143
border-left: 1px solid #E6E6E6;
144
background-color: #F6F6F6;
145
color: black;
146
}
147
table tr.even
148
{
149
border-left: 1px solid #E6E6E6;
150
background-color: #ffffff;
151
color: #202020;
152
}
153
154
div.float-left
155
{
156
float: left; margin-right: 2em
157
}
158
div.float-right
159
{
160
float: right; margin-left: 2em
161
}
162
163
span.comment
164
{
165
color: #008B00;
166
}
167
span.string, span.char
168
{
169
color: #000084;
170
}
171
span.number
172
{
173
color: #a46200;
174
}
175
span.operator
176
{
177
color: #202020;
178
}
179
span.keyword
180
{
181
color: #840000;
182
}
183
span.name
184
{
185
color: black
186
}
187
span.type
188
{
189
font-weight: bold
190
}
191
span.type a:visited
192
{
193
color: #0F5300;
194
}
195
span.preprocessor
196
{
197
color: #404040
198
}
199
/* end basic elements */
200
201
/* font style elements */
202
.heading
203
{
204
font-weight: bold;
205
font-size: 125%;
206
}
207
.subtitle
208
{
209
font-size: 110%
210
}
211
.small-subtitle
212
{
213
font-size: 100%
214
}
215
.red
216
{
217
color:red;
218
}
219
/* end font style elements */
220
221
/* global settings*/
222
.header, .footer
223
{
224
display: block;
225
clear: both;
226
overflow: hidden;
227
}
228
/* end global settings*/
229
230
/* header elements */
231
.header .qtref
232
{
233
color: #00732F;
234
font-weight: bold;
235
font-size: 130%;
236
}
237
238
.header .content
239
{
240
margin-left: 5px;
241
margin-top: 5px;
242
margin-bottom: 0.5em;
243
}
244
245
.header .breadcrumb
246
{
247
font-size: 90%;
248
padding: 0.5em 0 0.5em 1em;
249
margin: 0;
250
background-color: #fafafa;
251
height: 1.35em;
252
border-bottom: 1px solid #d1d1d1;
253
}
254
255
.header .breadcrumb ul
256
{
257
margin: 0;
258
padding: 0;
259
}
260
261
.header .content
262
{
263
word-wrap: break-word;
264
}
265
266
.header .breadcrumb ul li
267
{
268
float: left;
269
background: url(../images/breadcrumb.png) no-repeat 0 3px;
270
padding-left: 1.5em;
271
margin-left: 1.5em;
272
}
273
274
.header .breadcrumb ul li.last
275
{
276
font-weight: normal;
277
}
278
279
.header .breadcrumb ul li a
280
{
281
color: #00732F;
282
}
283
284
.header .breadcrumb ul li.first
285
{
286
background-image: none;
287
padding-left: 0;
288
margin-left: 0;
289
}
290
291
.header .content ol li {
292
background: none;
293
margin-bottom: 1.0em;
294
margin-left: 1.2em;
295
padding-left: 0
296
}
297
298
.header .content li
299
{
300
background: url(../images/bullet_sq.png) no-repeat 0 5px;
301
margin-bottom: 1em;
302
padding-left: 1.2em;
303
}
304
305
/* end header elements */
306
307
/* content elements */
308
.content h1
309
{
310
font-weight: bold;
311
font-size: 130%
312
}
313
314
.content h2
315
{
316
font-weight: bold;
317
font-size: 120%;
318
width: 100%;
319
}
320
.content h3
321
{
322
font-weight: bold;
323
font-size: 110%;
324
width: 100%;
325
}
326
.content table p
327
{
328
margin: 0
329
}
330
.content ul
331
{
332
padding-left: 2.5em;
333
}
334
.content li
335
{
336
padding-top: 0.25em;
337
padding-bottom: 0.25em;
338
}
339
.content ul img {
340
vertical-align: middle;
341
}
342
343
.content a:visited
344
{
345
color: #4c0033;
346
text-decoration: none;
347
}
348
349
.content a:visited:hover
350
{
351
color: #4c0033;
352
text-decoration: underline;
353
}
354
355
a:hover
356
{
357
color: #4c0033;
358
text-decoration: underline;
359
}
360
descr p a
361
{
362
text-decoration: underline;
363
}
364
365
.descr p a:visited
366
{
367
text-decoration: underline;
368
}
369
370
.alphaChar{
371
width:95%;
372
background-color:#F6F6F6;
373
border:1px solid #E6E6E6;
374
-moz-border-radius: 7px 7px 7px 7px;
375
border-radius: 7px 7px 7px 7px;
376
-webkit-border-radius: 7px 7px 7px 7px;
377
font-size:12pt;
378
padding-left:10px;
379
margin-top:10px;
380
margin-bottom:10px;
381
}
382
.flowList{
383
/*vertical-align:top;*/
384
/*margin:20px auto;*/
385
386
column-count:3;
387
-webkit-column-count:3;
388
-moz-column-count:3;
389
/*
390
column-width:100%;
391
-webkit-column-width:200px;
392
-col-column-width:200px;
393
*/
394
column-gap:41px;
395
-webkit-column-gap:41px;
396
-moz-column-gap:41px;
397
398
column-rule: 1px dashed #ccc;
399
-webkit-column-rule: 1px dashed #ccc;
400
-moz-column-rule: 1px dashed #ccc;
401
}
402
403
.flowList dl{
404
}
405
.flowList dd{
406
/*display:inline-block;*/
407
margin-left:10px;
408
min-width:250px;
409
line-height: 1.5;
410
min-width:100%;
411
min-height:15px;
412
}
413
414
.flowList dd a{
415
}
416
417
.mainContent
418
{
419
padding-left:5px;
420
}
421
422
.content .flowList p{
423
padding:0px;
424
}
425
426
.content .alignedsummary
427
{
428
margin: 15px;
429
}
430
431
432
.qmltype
433
{
434
text-align: center;
435
font-size: 120%;
436
}
437
.qmlreadonly
438
{
439
padding-left: 5px;
440
float: right;
441
color: #254117;
442
}
443
444
.qmldefault
445
{
446
padding-left: 5px;
447
float: right;
448
color: red;
449
}
450
451
.qmldoc
452
{
453
}
454
455
.generic .alphaChar{
456
margin-top:5px;
457
}
458
459
.generic .odd .alphaChar{
460
background-color: #F6F6F6;
461
}
462
463
.generic .even .alphaChar{
464
background-color: #FFFFFF;
465
}
466
467
.memItemRight{
468
padding: 0.25em 1.5em 0.25em 0;
469
}
470
.highlightedCode
471
{
472
margin: 1.0em;
473
}
474
.annotated td {
475
padding: 0.25em 0.5em 0.25em 0.5em;
476
}
477
478
.toc
479
{
480
font-size: 80%
481
}
482
483
.header .content .toc ul
484
{
485
padding-left: 0px;
486
}
487
488
.content .toc h3 {
489
border-bottom: 0px;
490
margin-top: 0px;
491
}
492
493
.content .toc h3 a:hover {
494
color: #00732F;
495
text-decoration: none;
496
}
497
498
.content .toc .level2
499
{
500
margin-left: 1.5em;
501
}
502
503
.content .toc .level3
504
{
505
margin-left: 3.0em;
506
}
507
508
.content ul li
509
{
510
background: url(../images/bullet_sq.png) no-repeat 0 0.7em;
511
padding-left: 1em
512
}
513
514
.content .toc li
515
{
516
background: url(../images/bullet_dn.png) no-repeat 0 5px;
517
padding-left: 1em
518
}
519
520
.relpage
521
{
522
-moz-border-radius: 7px 7px 7px 7px;
523
-webkit-border-radius: 7px 7px 7px 7px;
524
border-radius: 7px 7px 7px 7px;
525
border: 1px solid #DDDDDD;
526
padding: 25px 25px;
527
clear: both;
528
}
529
.relpage ul
530
{
531
float: none;
532
padding: 1.5em;
533
}
534
535
h3.fn, span.fn
536
{
537
-moz-border-radius:7px 7px 7px 7px;
538
-webkit-border-radius:7px 7px 7px 7px;
539
border-radius:7px 7px 7px 7px;
540
background-color: #F6F6F6;
541
border-width: 1px;
542
border-style: solid;
543
border-color: #E6E6E6;
544
font-weight: bold;
545
word-spacing:3px;
546
padding:3px 5px;
547
}
548
549
.functionIndex {
550
font-size:12pt;
551
word-spacing:10px;
552
margin-bottom:10px;
553
background-color: #F6F6F6;
554
border-width: 1px;
555
border-style: solid;
556
border-color: #E6E6E6;
557
-moz-border-radius: 7px 7px 7px 7px;
558
-webkit-border-radius: 7px 7px 7px 7px;
559
border-radius: 7px 7px 7px 7px;
560
width:100%;
561
}
562
563
.centerAlign
564
{
565
text-align:center;
566
}
567
568
.rightAlign
569
{
570
text-align:right;
571
}
572
573
.leftAlign
574
{
575
text-align:left;
576
}
577
578
.topAlign{
579
vertical-align:top
580
}
581
582
.functionIndex a{
583
display:inline-block;
584
}
585
586
/* end content elements */
587
/* footer elements */
588
589
.footer
590
{
591
color: #393735;
592
font-size: 0.75em;
593
text-align: center;
594
padding-top: 1.5em;
595
padding-bottom: 1em;
596
background-color: #E6E7E8;
597
margin: 0;
598
}
599
.footer p
600
{
601
margin: 0.25em
602
}
603
.small
604
{
605
font-size: 0.5em;
606
}
607
/* end footer elements */
608
609
.item {
610
float: left;
611
position: relative;
612
width: 100%;
613
overflow: hidden;
614
}
615
616
617
.item .primary {
618
margin-right: 220px;
619
position: relative;
620
}
621
622
.item hr {
623
margin-left: -220px;
624
}
625
626
.item .secondary {
627
float: right;
628
width: 200px;
629
position: relative;
630
}
631
632
.item .cols {
633
clear: both;
634
display: block;
635
}
636
637
.item .cols .col {
638
float: left;
639
margin-left: 1.5%;
640
}
641
642
.item .cols .col.first {
643
margin-left: 0;
644
}
645
646
.item .cols.two .col {
647
width: 45%;
648
}
649
650
.item .box {
651
margin: 0 0 10px 0;
652
}
653
654
.item .box h3 {
655
margin: 0 0 10px 0;
656
}
657
658
.cols.unclear {
659
clear:none;
660
}
661
}
662
663
/* end of screen media */
664
665
/* start of print media */
666
667
@media print
668
{
669
input, textarea, .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft, #feedbackBox, #blurpage, .toc, .breadcrumb, .toolbar, .floatingResult
670
{
671
display: none;
672
background: none;
673
}
674
.content
675
{
676
background: none;
677
display: block;
678
width: 100%; margin: 0; float: none;
679
}
680
}
681
/* end of print media */
682
683
684
/* modify the TOC layouts */
685
div.toc ul {
686
padding-left: 20px;
687
}
688
div.toc li {
689
padding-left: 4px;
690
}
691
/* Remove the border around images*/
692
a img
693
{
694
border:none;
695
}
696
697
/*Add styling to the front pages*/
698
699
.threecolumn_area
700
{
701
padding-top: 20px;
702
padding-bottom: 20px;
703
}
704
.threecolumn_piece
705
{
706
display: inline-block;
707
margin-left: 78px;
708
margin-top: 8px;
709
padding: 0;
710
vertical-align: top;
711
width: 25.5%;
712
}
713
div.threecolumn_piece ul {
714
list-style-type: none;
715
padding-left: 0px;
716
margin-top: 2px;
717
}
718
div.threecolumn_piece p {
719
margin-bottom: 7px;
720
color: #5C626E;
721
text-decoration: none;
722
font-weight: bold;
723
}
724
div.threecolumn_piece li {
725
padding-left: 0px;
726
margin-bottom: 5px;
727
}
728
div.threecolumn_piece a {
729
font-weight: normal;
730
}
731
/* Add style to guide page*/
732
.fourcolumn_area
733
{
734
padding-top: 20px;
735
padding-bottom: 20px;
736
}
737
.fourcolumn_piece
738
{
739
display: inline-block;
740
margin-left: 35px;
741
margin-top: 8px;
742
padding: 0;
743
vertical-align: top;
744
width: 21.3%;
745
}
746
div.fourcolumn_piece ul {
747
list-style-type: none;
748
padding-left: 0px;
749
margin-top: 2px;
750
}
751
div.fourcolumn_piece p {
752
margin-bottom: 7px;
753
color: #40444D;
754
text-decoration: none;
755
font-weight: bold;
756
}
757
div.fourcolumn_piece li {
758
padding-left: 0px;
759
margin-bottom: 5px;
760
}
761
div.fourcolumn_piece a {
762
font-weight: normal;
763
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1