← Back to branch summary

~unity-api-team/indicator-network/connectivity-service-source-package-shuffle

« back to all changes in this revision

Viewing changes to doc/qt/cpp/css/base.css

  • Committer: Antti Kaijanmäki
  • Date: 2014-08-14 22:07:10 UTC
  • Revision ID: antti.kaijanmaki@canonical.com-20140814220710-f9m3cvc58u64k1xv
rip out docs for now.

Show diffs side-by-side

added added

removed removed

Lines of Context:
doc/qt/cpp/css/base.css
1
 
/**
2
 
* Ubuntu Developer base stylesheet
3
 
*
4
 
* A base stylesheet containing site-wide styles
5
 
*
6
 
* @project Ubuntu Developer
7
 
* @version 1.0
8
 
* @author Canonical Web Team: Steve Edwards
9
 
* @copyright 2011 Canonical Ltd.
10
 
*/
11
 
 
12
 
/**
13
 
* @section Global
14
 
*/
15
 
 
16
 
body {
17
 
        font-family: 'Ubuntu', 'Ubuntu Beta', UbuntuBeta, Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif;
18
 
        font-size: 13px;
19
 
        line-height: 1.4;
20
 
        color: #333;
21
 
}
22
 
a {
23
 
        color: #dd4814;
24
 
        text-decoration: none;
25
 
        outline: 0;
26
 
}
27
 
p, dl {
28
 
        margin-bottom: 10px;
29
 
}
30
 
strong {
31
 
        font-weight: bold;
32
 
}
33
 
em {
34
 
        font-style: italic;
35
 
}
36
 
code{
37
 
        padding: 10px;
38
 
        font-family: 'Ubuntu Mono', 'Consolas', 'Monaco', 'DejaVu Sans Mono', Courier, monospace;
39
 
        background-color: #fdf6f2;
40
 
        display: block;
41
 
        margin-bottom: 10px;
42
 
                -moz-border-radius: 4px;
43
 
                -webkit-border-radius: 4px;
44
 
        border-radius: 4px;
45
 
}
46
 
h1 {
47
 
        font-size: 36px;
48
 
        line-height: 1.1;
49
 
        margin-bottom: 20px;
50
 
}
51
 
article h1,
52
 
h2 {
53
 
        font-size: 24px;
54
 
        line-height: 1.2;
55
 
        margin-bottom: 14px;
56
 
}
57
 
h3 {
58
 
        font-size: 16px;
59
 
        line-height: 1.3;
60
 
        margin-bottom: 8px;
61
 
}
62
 
h4 {
63
 
        font-weight: bold;
64
 
}
65
 
 
66
 
time {
67
 
        color:#999;
68
 
}
69
 
 
70
 
/**
71
 
* @section Structure
72
 
*/
73
 
 
74
 
.header-login,
75
 
.header-navigation div,
76
 
.header-content div {
77
 
        margin: 0 auto;
78
 
        width: 940px;
79
 
}
80
 
 
81
 
.header-content h1{
82
 
        background-color:#ffffff;
83
 
        display:inline-block;
84
 
}
85
 
 
86
 
.header-content h2{
87
 
        background-color:#ffffff;
88
 
        display:table;
89
 
}
90
 
 
91
 
.header-login ul {
92
 
        margin: 4px 0;
93
 
        float: right;
94
 
}
95
 
.header-login li {
96
 
        margin-right: 10px;
97
 
        float: left;
98
 
}
99
 
.header-login a {
100
 
        color: #333;
101
 
}
102
 
.header-navigation {
103
 
        border-top: 2px solid #dd4814;
104
 
        border-bottom: 2px solid #dd4814;
105
 
        background-color: #fff;
106
 
        height: 54px;
107
 
        clear: right;
108
 
        overflow: hidden;
109
 
}
110
 
.header-navigation nav ul {
111
 
        border-right: 1px solid #dd4814;
112
 
        float: right;
113
 
}
114
 
.header-navigation nav li {
115
 
        border-left: 1px solid #dd4814;
116
 
        float: left;
117
 
        height: 54px;
118
 
}
119
 
.header-navigation nav a {
120
 
        padding: 18px 14px 0;
121
 
        font-size: 14px;
122
 
        display: block;
123
 
        height: 36px;
124
 
}
125
 
.header-navigation nav a:hover {
126
 
        background-color: #fcece7;
127
 
}
128
 
.header-navigation nav .current_page_item a,
129
 
.header-navigation nav .current_page_parent a,
130
 
.header-navigation nav .current_page_ancestor a {
131
 
        background-color: #dd4814;
132
 
        color: #fff;
133
 
}
134
 
.header-navigation input {
135
 
        margin: 12px 10px 0 10px;
136
 
        padding: 5px;
137
 
        border-top: 1px solid #a1a1a1;
138
 
        border-right: 1px solid #e0e0e0;
139
 
        border-bottom: 1px solid #fff;
140
 
        border-left: 1px solid #e0e0e0;
141
 
        width: 90px;
142
 
        font-style: italic;
143
 
        color: #ccc;
144
 
                -moz-border-radius: 3px;
145
 
                -webkit-border-radius: 3px;
146
 
        border-radius: 3px;
147
 
                -moz-box-shadow: inset 0 1px 1px #e0e0e0;
148
 
           -webkit-box-shadow: inset 0 1px 1px #e0e0e0;
149
 
   box-shadow: inset 0 1px 1px #e0e0e0;
150
 
}
151
 
.header-navigation h2 {
152
 
        margin: 18px 0 0 6px;
153
 
        text-transform: lowercase;
154
 
        font-size: 22px;
155
 
        color: #dd4814;
156
 
        float: left;
157
 
}
158
 
.header-navigation .logo-ubuntu {
159
 
        margin-top: 12px;
160
 
        float: left;
161
 
}
162
 
.header-content .header-navigation-secondary {
163
 
        margin-bottom: 40px;
164
 
        padding: 0;
165
 
        position: relative;
166
 
        z-index: 2;
167
 
}
168
 
.header-navigation-secondary div {
169
 
        padding: 0;
170
 
        border: 2px solid #dd4814;
171
 
                -moz-border-radius: 0px 0px 4px 4px;
172
 
                -webkit-border-radius: 0px 0px 4px 4px;
173
 
        border-radius: 0px 0px 4px 4px;
174
 
        background: #fff;
175
 
        border-top: 0px;
176
 
        width: 936px;
177
 
}
178
 
.header-navigation-secondary nav li {
179
 
        float: left;
180
 
}
181
 
.header-navigation-secondary nav li a {
182
 
        color: #333;
183
 
        display: block;
184
 
        height: 25px;
185
 
        padding: 8px 8px 0;
186
 
}
187
 
.header-navigation-secondary nav li:hover,
188
 
.header-navigation-secondary nav .current_page_item a {
189
 
        background: url("../img/sec-nav-hover.gif");
190
 
}
191
 
.header-content {
192
 
        padding-bottom: 30px;
193
 
        border-bottom: 1px solid #e0e0e0;
194
 
                -moz-box-shadow: 0 1px 3px #e0e0e0;
195
 
                -webkit-box-shadow: 0 1px 3px #e0e0e0;
196
 
        box-shadow: 0 1px 3px #e0e0e0;
197
 
        margin-bottom: 3px;
198
 
        position: relative;
199
 
        overflow: hidden;
200
 
}
201
 
footer {
202
 
        padding: 10px 10px 40px 10px;
203
 
        position: relative;
204
 
                -moz-border-radius: 0 0 4px 4px;
205
 
                -webkit-border-radius: 0 0 4px 4px;
206
 
        border-radius: 0 0 4px 4px;
207
 
        font-size: 12px;
208
 
        background: url("../img/background-footer.png") repeat scroll 0 0 #f7f6f5;
209
 
}
210
 
footer div {
211
 
        margin: 0 auto;
212
 
    padding: 0 10px;
213
 
    width: 940px;
214
 
}
215
 
footer a {
216
 
        color: #000;
217
 
}
218
 
footer nav ul {
219
 
        margin: 10px 17px 30px 0;
220
 
        width: 172px;
221
 
        display: inline-block;
222
 
        vertical-align: top;
223
 
        height: auto;
224
 
        zoom: 1;
225
 
        *display: inline;
226
 
}
227
 
footer nav ul.last {
228
 
        margin-right: 0;
229
 
}
230
 
footer nav li {
231
 
        margin-bottom: 8px;
232
 
}
233
 
footer nav li:first-child {
234
 
        font-weight: bold;
235
 
}
236
 
footer p {
237
 
        margin-bottom: 0;
238
 
}
239
 
#content {
240
 
        padding-top: 35px;
241
 
}
242
 
.arrow-nav {
243
 
        display: none;
244
 
        position: absolute;
245
 
        top: -1px;
246
 
        z-index: 3;
247
 
}
248
 
.shadow {
249
 
        margin: 30px 0 3px 0;
250
 
        border-bottom: 1px solid #e0e0e0;
251
 
                -moz-box-shadow: 0 2px 3px #e0e0e0;
252
 
                -webkit-box-shadow: 0 2px 3px #e0e0e0;
253
 
        box-shadow: 0 2px 3px #e0e0e0;
254
 
        height: 3px;
255
 
}
256
 
 
257
 
/**
258
 
* @section Site-wide
259
 
*/
260
 
 
261
 
#content h2{
262
 
        font-size:24px;
263
 
}
264
 
 
265
 
.box-orange {
266
 
        padding: 10px;
267
 
        border: 3px solid #dd4814;
268
 
                -moz-border-radius: 4px;
269
 
                -webkit-border-radius: 4px;
270
 
        border-radius: 4px;
271
 
}
272
 
.box-orange .link-action-small {
273
 
        float: right;
274
 
        margin: 0 0 0 20px;
275
 
}
276
 
.link-bug {
277
 
        margin-left: 10px;
278
 
        color: #999;
279
 
}
280
 
.link-action {
281
 
        float: left;
282
 
        margin-bottom: 20px;
283
 
        padding: 8px 12px;
284
 
        display: block;
285
 
        background-color: #dd4814;
286
 
        color: #fff;
287
 
                -moz-border-radius: 20px;
288
 
                -webkit-border-radius: 20px;
289
 
        border-radius: 20px;
290
 
        font-size: 16px;
291
 
        line-height: 1.3;
292
 
        border-top: 3px solid #e6633a;
293
 
        border-bottom: 3px solid #c03d14;
294
 
}
295
 
.link-action2 {
296
 
        float: left;
297
 
        display: block;
298
 
        color: #fff;
299
 
        font-size: 16px;
300
 
        line-height: 1.3;
301
 
}
302
 
.link-action2 span{
303
 
        display:block;
304
 
        float:left;
305
 
}
306
 
.link-action2 .cta-left{
307
 
        background:url(../img/button-cta-left.png) no-repeat;
308
 
        width:22px;
309
 
        height:48px;
310
 
}
311
 
.link-action2 .cta-center{
312
 
        background:url(../img/button-cta-slice.png) repeat-x;
313
 
        line-height:45px;
314
 
        height:48px;
315
 
}
316
 
.link-action2 .cta-right{
317
 
        background:url(../img/button-cta-right.png) no-repeat;
318
 
        width:22px;
319
 
        height:48px;
320
 
}
321
 
 
322
 
.link-action-small {
323
 
        float: left;
324
 
        display: block;
325
 
        color: #fff;
326
 
        font-size: 16px;
327
 
}
328
 
.link-action-small span{
329
 
        display:block;
330
 
        float:left;
331
 
        height:42px;
332
 
}
333
 
.link-action-small .cta-left{
334
 
        background:url(../img/button-cta-left-small.png) no-repeat;
335
 
        width:19px;
336
 
}
337
 
.link-action-small .cta-center{
338
 
        background:url(../img/button-cta-slice-small.png) repeat-x;
339
 
        line-height:42px;
340
 
}
341
 
.link-action-small .cta-right{
342
 
        background:url(../img/button-cta-right-small.png) no-repeat;
343
 
        width:19px;
344
 
}
345
 
 
346
 
.link-action:active {
347
 
        position: relative;
348
 
        top: 1px;
349
 
}
350
 
.link-action2:active {
351
 
        position: relative;
352
 
        top: 1px;
353
 
}
354
 
.link-action-small:active {
355
 
        position: relative;
356
 
        top: 1px;
357
 
}
358
 
.list-bullets li {
359
 
        margin-bottom: 10px;
360
 
        list-style: disc;
361
 
        list-style-position: inside;
362
 
}
363
 
.box {
364
 
        margin-bottom: 30px;
365
 
        padding: 15px;
366
 
        border: 1px solid #aea79f;
367
 
                -moz-border-radius: 4px;
368
 
                -webkit-border-radius: 4px;
369
 
        border-radius: 4px;
370
 
}
371
 
.box-padded {
372
 
        margin-bottom: 30px;
373
 
        padding: 5px;
374
 
        border: 2px solid #aea79f;
375
 
                -moz-border-radius: 4px;
376
 
                -webkit-border-radius: 4px;
377
 
        border-radius: 4px;
378
 
        background: url("../img/pattern-featured.gif") repeat scroll 0 0 #ebe9e7;
379
 
        overflow: hidden;
380
 
}
381
 
.box-padded h3 {
382
 
         margin: 5px 0 10px 5px;
383
 
}
384
 
.box-padded div {
385
 
        padding: 10px;
386
 
        border: 1px solid #aea79f;
387
 
                -moz-border-radius: 4px;
388
 
                -webkit-border-radius: 4px;
389
 
        border-radius: 4px;
390
 
        background-color: #fff;
391
 
        overflow: hidden;
392
 
}
393
 
.box-padded li {
394
 
        padding: 0 10px;
395
 
        float: left;
396
 
        width: 211px;
397
 
        border-right: 1px dotted #aea79f;
398
 
}
399
 
.box-padded li.first {
400
 
        padding: 0;
401
 
        margin-bottom: 0;
402
 
}
403
 
.box-padded li.last {
404
 
        border: 0;
405
 
        width: 217px;
406
 
}
407
 
.box-padded img {
408
 
        margin: 0 10px 50px 0;
409
 
        float: left;
410
 
                -moz-border-radius: 8px;
411
 
                -webkit-border-radius: 8px;
412
 
        border-radius: 8px;
413
 
}
414
 
.box-clear {
415
 
        margin-bottom: 40px;
416
 
}
417
 
.box-clear .grid-4.first {
418
 
        margin-right: 15px;
419
 
        padding-right: 15px;
420
 
}
421
 
.box-clear .grid-4 {
422
 
        margin-left: 0;
423
 
        margin-right: 10px;
424
 
        padding-right: 10px;
425
 
        width: 298px;
426
 
}
427
 
.box-clear time {
428
 
        display: block;
429
 
        border-bottom: 1px dotted #aea79f;
430
 
        padding-bottom: 10px;
431
 
        margin-bottom: 10px;
432
 
}
433
 
.box-clear div.first {
434
 
        border-right: 1px dotted #aea79f;
435
 
}
436
 
.box-clear a {
437
 
        display: block;
438
 
}
439
 
.box-clear .rss {
440
 
        background: url("../img/rss.jpg") no-repeat scroll 0 center;
441
 
        padding-left: 20px;
442
 
}
443
 
.box-clear .location {
444
 
        display: block;
445
 
        margin-bottom: 1px;
446
 
}
447
 
.box-clear .last {
448
 
        margin: 0;
449
 
        padding-right: 0;
450
 
                -moz-border-radius: 4px;
451
 
                -webkit-border-radius: 4px;
452
 
        border-radius: 4px;
453
 
        width: 293px;
454
 
}
455
 
 
456
 
/* Widgets */
457
 
 
458
 
.ui-state-focus {
459
 
        outline: none;
460
 
}
461
 
.ui-accordion {
462
 
        border-bottom: 1px dotted #aea79f;
463
 
}
464
 
.ui-accordion a {
465
 
        display: block;
466
 
}
467
 
.ui-accordion h3 {
468
 
        margin-bottom: 0;
469
 
        border-top: 1px dotted #aea79f;
470
 
        position: relative;
471
 
        font-size: 13px;
472
 
        font-weight: bold;
473
 
}
474
 
.ui-accordion h3 a {
475
 
        padding: 10px 0;
476
 
        color: #333;
477
 
}
478
 
.ui-accordion h4 {
479
 
        margin-bottom: 5px;
480
 
}
481
 
.ui-accordion div fieldset {
482
 
        padding-bottom: 5px;
483
 
}
484
 
.ui-accordion div li,
485
 
.ui-accordion div input {
486
 
        margin-bottom: 10px;
487
 
}
488
 
.ui-accordion .ui-icon {
489
 
        position: absolute;
490
 
        top: 15px;
491
 
        right: 0;
492
 
        display: block;
493
 
        width: 8px;
494
 
        height: 8px;
495
 
        background: url("../img/icon-accordion-inactive.png") 0 0 no-repeat transparent;
496
 
}
497
 
.ui-accordion .ui-state-active .ui-icon {
498
 
        background-image: url("../img/icon-accordion-active.png");
499
 
}
500
 
.ui-accordion .current_page_item a {
501
 
        color: #333;
502
 
}
503
 
.container-tweet {
504
 
                -moz-border-radius: 4px 4px 4px 4px;
505
 
                -webkit-border-radius: 4px 4px 4px 4px;
506
 
        border-radius: 4px 4px 4px 4px;
507
 
        padding: 10px 10px 10px;
508
 
        background-color: #f7f7f7;
509
 
}
510
 
.container-tweet .tweet-follow {
511
 
        margin-top: 10px;
512
 
        margin-bottom: -10px;
513
 
        padding-left: 55px;
514
 
        padding-bottom: 6px;
515
 
        background: url("../img/tweet-follow.png") 0 5px no-repeat;
516
 
        display: block;
517
 
}
518
 
.container-tweet .tweet-follow span {
519
 
        font-size: 16px;
520
 
        font-weight: bold;
521
 
        line-height: 1.2;
522
 
        display: block;
523
 
}
524
 
.tweet a {
525
 
        display: inline;
526
 
}
527
 
.tweet .tweet_text {
528
 
        padding: 10px;
529
 
        background-color: #fff;
530
 
                -moz-border-radius: 4px 4px 4px 4px;
531
 
                -webkit-border-radius: 4px 4px 4px 4px;
532
 
        border-radius: 4px 4px 4px 4px;
533
 
        border: 1px solid #dd4814;
534
 
        font-size: 16px;
535
 
        display: block;
536
 
        clear: both;
537
 
}
538
 
.tweet.tweet-small .tweet_text {
539
 
        font-size: inherit;
540
 
}
541
 
.tweet .tweet_text a {
542
 
        color: #333;
543
 
}
544
 
.tweet .tweet_time,
545
 
.tweet .tweet_user_and_time {
546
 
        padding: 15px 0 10px 0;
547
 
        position: relative;
548
 
        top: -2px;
549
 
        background: url("../img/tweet-arrow.png") no-repeat;
550
 
        display: block;
551
 
}
552
 
.tweet .tweet_odd .tweet_time,
553
 
.tweet .tweet_odd .tweet_user_and_time {
554
 
        background-position: right 0;
555
 
        float: right;
556
 
}
557
 
.tweet .tweet_even .tweet_time,
558
 
.tweet .tweet_even .tweet_user_and_time {
559
 
        background-position: left 0;
560
 
        float: left;
561
 
}
562
 
 
563
 
/* Search */
564
 
 
565
 
#content .list-search li {
566
 
        list-style-type:none;
567
 
        border:0px;
568
 
        margin-bottom: 15px;
569
 
        padding-top: 15px;
570
 
}
571
 
 
572
 
/* Blog */
573
 
 
574
 
.blog-article #nav-single {
575
 
        margin-top: 30px;
576
 
        margin-bottom: 30px;
577
 
}
578
 
.blog-article #nav-single .nav-next {
579
 
        float: right;
580
 
}
581
 
.blog-article article header .entry-meta {
582
 
        margin-bottom: 20px;
583
 
}
584
 
.blog-article article .entry-meta {
585
 
        color: #999;
586
 
}
587
 
.blog-article #respond form input[type="submit"] {
588
 
        float: left;
589
 
        cursor: pointer;
590
 
        margin-bottom: 20px;
591
 
        padding: 8px 12px;
592
 
        display: block;
593
 
        background-color: #dd4814;
594
 
        color: #fff;
595
 
                -moz-border-radius: 20px;
596
 
                -webkit-border-radius: 20px;
597
 
        border-radius: 20px;
598
 
        font-size: 16px;
599
 
        line-height: 1.3;
600
 
        border-top: 3px solid #e6633a;
601
 
        border-left: 3px solid #e6633a;
602
 
        border-right: 3px solid #e6633a;
603
 
        border-bottom: 3px solid #c03d14;
604
 
}
605
 
.blog-article #respond form input[type="submit"]:active {
606
 
        position: relative;
607
 
        top: 1px;
608
 
}
609
 
 
610
 
.alignnone{
611
 
    float:left;
612
 
    margin:10px 20px 10px 0;
613
 
}
614
 
.alignleft{
615
 
    float:left;
616
 
    margin:10px 20px 10px 0;
617
 
}
618
 
.alignright{
619
 
    float:right;
620
 
   margin:10px 0 10px 20px;
621
 
}
622
 
 
623
 
.aligncenter{
624
 
        float:left;
625
 
    margin:10px 20px 10px 0;
626
 
}
627
 
.entry-content h2, .entry-content h3{
628
 
    margin-top:20px;
629
 
}
630
 
.entry-content ul li{
631
 
    list-style-type: circle;
632
 
    margin-left:16px;
633
 
}
634
 
 
635
 
.entry-content hr{
636
 
        border:none;
637
 
        border-top: 1px dotted #AEA79F;
638
 
}