← Back to branch summary

~gabriel1984sibiu/minitube/qt5.6

« back to all changes in this revision

Viewing changes to doc/global/template/style/offline.css

  • Committer: Grevutiu Gabriel
  • Date: 2017-06-13 08:43:17 UTC
  • Revision ID: gabriel1984sibiu@gmail.com-20170613084317-ek0zqe0u9g3ocvi8
Original upstream code

Show diffs side-by-side

added added

removed removed

Lines of Context:
doc/global/template/style/offline.css
 
1
body {
 
2
    font: normal 400 14px/1.2 Arial;
 
3
    margin-top: 85px;
 
4
    font-family: Arial, Helvetica;
 
5
    text-align: left;
 
6
    margin-left: 5px;
 
7
    margin-right: 5px;
 
8
    background-color: #fff;
 
9
}
 
10
 
 
11
p {
 
12
    line-height: 20px
 
13
}
 
14
 
 
15
img {
 
16
    margin-left: 0px;
 
17
    max-width: 800px;
 
18
    height: auto;
 
19
}
 
20
 
 
21
.content {
 
22
 
 
23
}
 
24
 
 
25
.content .indexboxcont li {
 
26
     font: normal bold 13px/1 Verdana
 
27
 }
 
28
 
 
29
.content .normallist li {
 
30
     font: normal 13px/1 Verdana
 
31
 }
 
32
 
 
33
.descr {
 
34
    margin-top: 35px;
 
35
    margin-bottom: 45px;
 
36
    margin-left: 5px;
 
37
    text-align: left;
 
38
    vertical-align: top;
 
39
}
 
40
 
 
41
.name {
 
42
    max-width: 75%;
 
43
    font-weight: 100;
 
44
}
 
45
 
 
46
tt {
 
47
    text-align: left
 
48
}
 
49
 
 
50
/*
 
51
-----------
 
52
links
 
53
-----------
 
54
*/
 
55
 
 
56
a:link {
 
57
    color: #007330;
 
58
    text-decoration: none;
 
59
    text-align: left;
 
60
}
 
61
 
 
62
a.qa-mark:target:before {
 
63
    content: "***";
 
64
    color: #ff0000;
 
65
}
 
66
 
 
67
a:hover {
 
68
    color: #44a51c;
 
69
    text-align: left;
 
70
}
 
71
 
 
72
a:visited {
 
73
    color: #007330;
 
74
    text-align: left;
 
75
}
 
76
 
 
77
a:visited:hover {
 
78
    color: #44a51c;
 
79
    text-align: left;
 
80
}
 
81
 
 
82
/*
 
83
-----------
 
84
offline viewing: HTML links display an icon
 
85
-----------
 
86
*/
 
87
 
 
88
a[href*="http://"], a[href*="ftp://"], a[href*="https://"] {
 
89
    text-decoration: none;
 
90
    background-image: url(../images/ico_out.png);
 
91
    background-repeat: no-repeat;
 
92
    background-position: left;
 
93
    padding-left: 20px;
 
94
    text-align: left;
 
95
}
 
96
 
 
97
.flags {
 
98
    text-decoration: none;
 
99
    text-height: 24px;
 
100
}
 
101
 
 
102
.flags:target {
 
103
    background-color: #FFFFD6;
 
104
}
 
105
 
 
106
/*
 
107
-------------------------------
 
108
NOTE styles
 
109
-------------------------------
 
110
*/
 
111
 
 
112
.notetitle, .tiptitle, .fastpathtitle {
 
113
    font-weight: bold
 
114
}
 
115
 
 
116
.attentiontitle, .cautiontitle, .dangertitle, .importanttitle, .remembertitle, .restrictiontitle {
 
117
    font-weight: bold
 
118
}
 
119
 
 
120
.note, .tip, .fastpath {
 
121
    background: #F2F2F2 url(../images/ico_note.png);
 
122
    background-repeat: no-repeat;
 
123
    background-position: top left;
 
124
    padding: 5px;
 
125
    padding-left: 40px;
 
126
    padding-bottom: 10px;
 
127
    border: #999 1px dotted;
 
128
    color: #666666;
 
129
    margin: 5px;
 
130
}
 
131
 
 
132
.attention, .caution, .danger, .important, .remember, .restriction {
 
133
    background: #F2F2F2 url(../images/ico_note_attention.png);
 
134
    background-repeat: no-repeat;
 
135
    background-position: top left;
 
136
    padding: 5px;
 
137
    padding-left: 40px;
 
138
    padding-bottom: 10px;
 
139
    border: #999 1px dotted;
 
140
    color: #666666;
 
141
    margin: 5px;
 
142
}
 
143
 
 
144
/*
 
145
-------------------------------
 
146
Top navigation
 
147
-------------------------------
 
148
*/
 
149
 
 
150
.qtref {
 
151
    display: block;
 
152
    position: relative;
 
153
    height: 15px;
 
154
    z-index: 1;
 
155
    font-size: 11px;
 
156
    padding-right: 10px;
 
157
    float: right;
 
158
}
 
159
 
 
160
.naviNextPrevious {
 
161
    clear: both;
 
162
    display: block;
 
163
    position: relative;
 
164
    text-align: right;
 
165
    top: -47px;
 
166
    float: right;
 
167
    height: 20px;
 
168
    z-index: 1;
 
169
    padding-right: 10px;
 
170
    padding-top: 2px;
 
171
    vertical-align: top;
 
172
    margin: 0px;
 
173
}
 
174
 
 
175
.naviNextPrevious > a:first-child {
 
176
     background-image: url(../images/btn_prev.png);
 
177
     background-repeat: no-repeat;
 
178
     background-position: left;
 
179
     padding-left: 20px;
 
180
     height: 20px;
 
181
     padding-left: 20px;
 
182
 }
 
183
 
 
184
.naviNextPrevious > a:last-child {
 
185
     background-image: url(../images/btn_next.png);
 
186
     background-repeat: no-repeat;
 
187
     background-position: right;
 
188
     padding-right: 20px;
 
189
     height: 20px;
 
190
     margin-left: 30px;
 
191
 }
 
192
 
 
193
.naviSeparator { display: none }
 
194
/*
 
195
-----------
 
196
footer and license
 
197
-----------
 
198
*/
 
199
 
 
200
.footer {
 
201
    text-align: left;
 
202
    padding-top: 45px;
 
203
    padding-left: 5px;
 
204
    margin-top: 45px;
 
205
    margin-bottom: 45px;
 
206
    font-size: 10px;
 
207
    border-top: 1px solid #999;
 
208
}
 
209
 
 
210
.footer p {
 
211
    line-height: 14px;
 
212
    font-size: 11px;
 
213
    padding: 0;
 
214
    margin: 0;
 
215
}
 
216
 
 
217
.footer a[href*="http://"], a[href*="ftp://"], a[href*="https://"] {
 
218
    font-weight: bold;
 
219
}
 
220
 
 
221
.footerNavi {
 
222
    width: auto;
 
223
    text-align: right;
 
224
    margin-top: 50px;
 
225
    z-index: 1;
 
226
}
 
227
 
 
228
.navigationbar {
 
229
    display: block;
 
230
    position: relative;
 
231
    top: -20px;
 
232
    border-top: 1px solid #cecece;
 
233
    border-bottom: 1px solid #cecece;
 
234
    background-color: #F2F2F2;
 
235
    z-index: 1;
 
236
    height: 20px;
 
237
    padding-left: 7px;
 
238
    margin: 0px;
 
239
    padding-top: 2px;
 
240
    margin-left: -5px;
 
241
    margin-right: -5px;
 
242
}
 
243
 
 
244
.navigationbar .first {
 
245
     background: url(../images/home.png);
 
246
     background-position: left;
 
247
     background-repeat: no-repeat;
 
248
     padding-left: 20px;
 
249
 }
 
250
 
 
251
.navigationbar ul {
 
252
     margin: 0px;
 
253
     padding: 0px;
 
254
 }
 
255
 
 
256
  .navigationbar ul li {
 
257
      list-style-type: none;
 
258
      padding-top: 2px;
 
259
      padding-left: 4px;
 
260
      margin: 0;
 
261
      height: 20px;
 
262
  }
 
263
 
 
264
.navigationbar li {
 
265
     float: left
 
266
 }
 
267
 
 
268
  .navigationbar li a, .navigationbar td a {
 
269
      display: block;
 
270
      text-decoration: none;
 
271
      background: url(../images/arrow_bc.png);
 
272
      background-repeat: no-repeat;
 
273
      background-position: right;
 
274
      padding-right: 17px;
 
275
  }
 
276
 
 
277
table.buildversion {
 
278
      float: right;
 
279
      margin-top: -18px !important;
 
280
}
 
281
 
 
282
.navigationbar table {
 
283
      border-radius: 0;
 
284
      border: 0 none;
 
285
      background-color: #F2F2F2;
 
286
      margin: 0;
 
287
}
 
288
 
 
289
.navigationbar table td {
 
290
    padding: 0;
 
291
    border: 0 none;
 
292
}
 
293
 
 
294
#buildversion {
 
295
    font-style: italic;
 
296
    font-size: small;
 
297
    float: right;
 
298
    margin-right: 5px;
 
299
}
 
300
 
 
301
/*
 
302
 
 
303
/* table of content
 
304
no display
 
305
*/
 
306
 
 
307
/*
 
308
-----------
 
309
headers
 
310
-----------
 
311
*/
 
312
 
 
313
@media screen {
 
314
    .title {
 
315
        color: #313131;
 
316
        font-size: 24px;
 
317
        font-weight: normal;
 
318
        left: 0;
 
319
        padding-bottom: 20px;
 
320
        padding-left: 10px;
 
321
        padding-top: 20px;
 
322
        position: absolute;
 
323
        right: 0;
 
324
        top: 0;
 
325
        background-color: #E6E6E6;
 
326
        border-bottom: 1px #CCC solid;
 
327
        border-top: 2px #CCC solid;
 
328
        font-weight: bold;
 
329
        margin-left: 0px;
 
330
        margin-right: 0px;
 
331
    }
 
332
    .subtitle, .small-subtitle {
 
333
        display: block;
 
334
        clear: left;
 
335
    }
 
336
}
 
337
 
 
338
h1 {
 
339
    margin: 0
 
340
}
 
341
 
 
342
h2, p.h2 {
 
343
    font: 500 16px/1.2 Arial;
 
344
    font-weight: 100;
 
345
    background-color: #F2F3F4;
 
346
    padding: 4px;
 
347
    margin-bottom: 30px;
 
348
    margin-top: 30px;
 
349
    border-top: #E0E0DE 1px solid;
 
350
    border-bottom: #E0E0DE 1px solid;
 
351
    max-width: 99%;
 
352
}
 
353
 
 
354
h2:target {
 
355
    background-color: #F2F3D4;
 
356
}
 
357
 
 
358
h3 {
 
359
    font: 500 14px/1.2 Arial;
 
360
    font-weight: 100;
 
361
    text-decoration: underline;
 
362
    margin-bottom: 30px;
 
363
    margin-top: 30px;
 
364
}
 
365
 
 
366
h3.fn, span.fn {
 
367
    border-width: 1px;
 
368
    border-style: solid;
 
369
    border-color: #E6E6E6;
 
370
    -moz-border-radius: 7px 7px 7px 7px;
 
371
    -webkit-border-radius: 7px 7px 7px 7px;
 
372
    border-radius: 7px 7px 7px 7px;
 
373
    background-color: #F6F6F6;
 
374
    word-spacing: 3px;
 
375
    padding: 5px 5px;
 
376
    text-decoration: none;
 
377
    font-weight: bold;
 
378
    max-width: 75%;
 
379
    font-size: 14px;
 
380
    margin: 0px;
 
381
    margin-top: 45px;
 
382
}
 
383
h3.fn code {
 
384
    float: right;
 
385
}
 
386
h3.fn:target {
 
387
    background-color: #F6F6D6;
 
388
}
 
389
 
 
390
.name {
 
391
    color: #1A1A1A
 
392
}
 
393
 
 
394
.type {
 
395
    color: #808080
 
396
}
 
397
 
 
398
@media print {
 
399
    .title {
 
400
        color: #0066CB;
 
401
        font-family: Arial, Helvetica;
 
402
        font-size: 32px;
 
403
        font-weight: normal;
 
404
        left: 0;
 
405
        position: absolute;
 
406
        right: 0;
 
407
        top: 0;
 
408
    }
 
409
}
 
410
 
 
411
/*
 
412
-----------------
 
413
table styles
 
414
-----------------
 
415
*/
 
416
 
 
417
.table img {
 
418
    border: none;
 
419
    margin-left: 0px;
 
420
    -moz-box-shadow: 0px 0px 0px #fff;
 
421
    -webkit-box-shadow: 0px 0px 0px #fff;
 
422
    box-shadow: 0px 0px 0px #fff;
 
423
}
 
424
 
 
425
/* table with border alternative colours*/
 
426
 
 
427
table, pre {
 
428
    -moz-border-radius: 7px 7px 7px 7px;
 
429
    -webkit-border-radius: 7px 7px 7px 7px;
 
430
    border-radius: 7px 7px 7px 7px;
 
431
    background-color: #F6F6F6;
 
432
    border: 1px solid #E6E6E6;
 
433
    border-collapse: separate;
 
434
    margin-bottom: 25px;
 
435
    margin-left: 15px;
 
436
    font-size: 12px;
 
437
    line-height: 1.2;
 
438
}
 
439
 
 
440
 table tr.even {
 
441
     background-color: white;
 
442
     color: #66666E;
 
443
 }
 
444
 
 
445
 table tr.odd {
 
446
     background-color: #F6F6F6;
 
447
     color: #66666E;
 
448
 }
 
449
 
 
450
 table tr:target {
 
451
     background-color: #F6F6D6;
 
452
 }
 
453
 
 
454
 table thead {
 
455
     text-align: left;
 
456
     padding-left: 20px;
 
457
     background-color: #e1e0e0;
 
458
     border-left: none;
 
459
     border-right: none;
 
460
 }
 
461
 
 
462
  table thead th {
 
463
      padding-top: 5px;
 
464
      padding-left: 10px;
 
465
      padding-bottom: 5px;
 
466
      border-bottom: 2px solid #D1D1D1;
 
467
      padding-right: 10px;
 
468
  }
 
469
 
 
470
 table th {
 
471
     text-align: left;
 
472
     padding-left: 20px;
 
473
 }
 
474
 
 
475
 table td {
 
476
     padding: 3px 15px 3px 20px;
 
477
     border-bottom: #CCC dotted 1px;
 
478
 }
 
479
 
 
480
 table p {
 
481
     margin: 0px
 
482
 }
 
483
 
 
484
/* table bodless & white*/
 
485
 
 
486
.borderless {
 
487
    border-radius: 0px 0px 0px 0px;
 
488
    background-color: #fff;
 
489
    border: 1px solid #fff;
 
490
}
 
491
 
 
492
.borderless tr {
 
493
     background-color: #FFF;
 
494
     color: #66666E;
 
495
 }
 
496
 
 
497
.borderless td {
 
498
     border: none;
 
499
     border-bottom: #fff dotted 1px;
 
500
 }
 
501
 
 
502
/*
 
503
-----------
 
504
List
 
505
-----------
 
506
*/
 
507
 
 
508
ul {
 
509
    margin-top: 10px;
 
510
}
 
511
 
 
512
li {
 
513
    margin-bottom: 10px;
 
514
    padding-left: 8px;
 
515
    list-style: outside;
 
516
    text-align: left;
 
517
}
 
518
 
 
519
 ul > li {
 
520
    list-style-type: square;
 
521
 }
 
522
 
 
523
ol {
 
524
    margin: 10px;
 
525
    padding: 0;
 
526
}
 
527
 
 
528
ol.A > li {
 
529
    list-style-type: upper-alpha;
 
530
}
 
531
 
 
532
ol.a > li{
 
533
    list-style-type: lower-alpha;
 
534
}
 
535
 
 
536
 ol > li {
 
537
     margin-left: 30px;
 
538
     padding-left: 8px;
 
539
     list-style: decimal;
 
540
 }
 
541
 
 
542
.centerAlign {
 
543
    text-align: left
 
544
}
 
545
 
 
546
.cpp {
 
547
    display: block;
 
548
    margin: 10px;
 
549
    overflow: auto;
 
550
    padding: 20px 20px 20px 20px;
 
551
}
 
552
 
 
553
.js {
 
554
    display: block;
 
555
    margin: 10px;
 
556
    overflow: auto;
 
557
    padding: 20px 20px 20px 20px;
 
558
}
 
559
 
 
560
.memItemLeft {
 
561
    padding-right: 3px
 
562
}
 
563
 
 
564
.memItemRight {
 
565
    padding: 3px 15px 3px 0
 
566
}
 
567
 
 
568
.qml {
 
569
    display: block;
 
570
    margin: 10px;
 
571
    overflow: auto;
 
572
    padding: 20px 20px 20px 20px;
 
573
}
 
574
 
 
575
.qmldefault {
 
576
    padding-left: 5px;
 
577
    float: right;
 
578
    color: red;
 
579
}
 
580
 
 
581
.qmlreadonly {
 
582
    padding-left: 5px;
 
583
    float: right;
 
584
    color: #254117;
 
585
}
 
586
 
 
587
.rightAlign {
 
588
    padding: 3px 5px 3px 10px;
 
589
    text-align: right;
 
590
}
 
591
 
 
592
.qmldoc {
 
593
    margin-left: 15px
 
594
}
 
595
 
 
596
.flowList {
 
597
  padding: 25px
 
598
}
 
599
.flowList dd {
 
600
  display: inline-block;
 
601
  margin-left: 10px;
 
602
  width: 255px;
 
603
  line-height: 1.15em;
 
604
  overflow-x: hidden;
 
605
  text-overflow: ellipsis
 
606
}
 
607
.alphaChar {
 
608
  font-size: 2em;
 
609
  position: relative
 
610
}
 
611
/*
 
612
-----------
 
613
Content table
 
614
-----------
 
615
*/
 
616
 
 
617
@media print {
 
618
    .toc {
 
619
        float: right;
 
620
        clear: right;
 
621
        padding-bottom: 10px;
 
622
        padding-top: 50px;
 
623
        width: 100%;
 
624
        background-image: url(../images/bgrContent.png);
 
625
        background-position: top;
 
626
        background-repeat: no-repeat;
 
627
    }
 
628
}
 
629
 
 
630
@media screen {
 
631
    .toc {
 
632
        float: right;
 
633
        clear: right;
 
634
        vertical-align: top;
 
635
        -moz-border-radius: 7px 7px 7px 7px;
 
636
        -webkit-border-radius: 7px 7px 7px 7px;
 
637
        border-radius: 7px 7px 7px 7px;
 
638
        background: #FFF url('../images/bgrContent.png');
 
639
        background-position: top;
 
640
        background-repeat: repeat-x;
 
641
        border: 1px solid #E6E6E6;
 
642
        padding-left: 5px;
 
643
        padding-bottom: 10px;
 
644
        height: auto;
 
645
        width: 200px;
 
646
        text-align: left;
 
647
        margin-left: 20px;
 
648
    }
 
649
}
 
650
 
 
651
 
 
652
.toc h3 {
 
653
    text-decoration: none
 
654
}
 
655
 
 
656
.toc h3 {
 
657
    font: 500 14px/1.2 Arial;
 
658
    font-weight: 100;
 
659
    padding: 0px;
 
660
    margin: 0px;
 
661
    padding-top: 5px;
 
662
    padding-left: 5px;
 
663
}
 
664
 
 
665
.toc ul {
 
666
    padding-left: 10px;
 
667
    padding-right: 5px;
 
668
}
 
669
 
 
670
.toc ul li {
 
671
     margin-left: 15px;
 
672
     list-style-image: url(../images/bullet_dn.png);
 
673
     marker-offset: 0px;
 
674
     margin-bottom: 8px;
 
675
     padding-left: 0px;
 
676
 }
 
677
 
 
678
.toc .level1 {
 
679
    border: none
 
680
}
 
681
 
 
682
.toc .level2 {
 
683
    border: none;
 
684
    margin-left: 25px;
 
685
}
 
686
 
 
687
.level3 {
 
688
    border: none;
 
689
    margin-left: 30px;
 
690
}
 
691
 
 
692
.clearfix {
 
693
    clear: both
 
694
}
 
695
 
 
696
/*
 
697
-----------
 
698
Landing page
 
699
-----------
 
700
*/
 
701
 
 
702
.col-group {
 
703
    white-space: nowrap;
 
704
    vertical-align: top;
 
705
}
 
706
 
 
707
 
 
708
.landing h2 {
 
709
    background-color: transparent;
 
710
    border: none;
 
711
    margin-bottom: 0px;
 
712
    font-size: 18px;
 
713
}
 
714
 
 
715
.landing a, .landing li {
 
716
    font-size: 13px;
 
717
    font-weight: bold !important;
 
718
}
 
719
 
 
720
.col-1 {
 
721
    display: inline-block;
 
722
    white-space: normal;
 
723
    width: 70%;
 
724
    height: 100%;
 
725
    float: left;
 
726
}
 
727
 
 
728
.col-2 {
 
729
    display: inline-block;
 
730
    white-space: normal;
 
731
    width: 20%;
 
732
    margin-left: 5%;
 
733
    position: relative;
 
734
    top: -20px;
 
735
}
 
736
 
 
737
.col-1 h1 {
 
738
     margin: 20px 0 0 0;
 
739
 }
 
740
 
 
741
.col-1 h2 {
 
742
    font-size: 18px;
 
743
    font-weight: bold !important;
 
744
}
 
745
 
 
746
.landingicons {
 
747
    display: inline-block;
 
748
    width: 100%;
 
749
}
 
750
 
 
751
.icons1of3 {
 
752
    display: inline-block;
 
753
    width: 33.3333%;
 
754
    float: left;
 
755
}
 
756
 
 
757
.icons1of3 h2, .doc-column h2 {
 
758
    font-size: 15px;
 
759
    margin: 0px;
 
760
    padding: 0px;
 
761
}
 
762
 
 
763
div.multi-column {
 
764
    position: relative;
 
765
}
 
766
 
 
767
div.multi-column div {
 
768
    display: -moz-inline-box;
 
769
    display: inline-block;
 
770
    vertical-align: top;
 
771
    margin-top: 1em;
 
772
    margin-right: 4em;
 
773
    width: 24em;
 
774
}