« back to all changes in this revision
Viewing changes to htdocs/light/css/screen.css
- browse files at revision 324
- compare with another revision
- download diff
- download tarball
- view history from revision 324
- Committer: Jeremie Tamburini
- Date: 2024-01-12 23:52:08 UTC
- Revision ID: jeremie.tamburini@gmail.com-20240112235208-0kr0bi4ep0lq8g00
Better monospace text
- files modified:
- htdocs/light/css/common.css *
added
removed
htdocs/light/css/screen.css
1
/* screen.css
2
3
Copyright © 2011 Ubuntu-it - Leo Iannacone <l3on@ubuntu.com>
4
Copyright © 2019-2023 Ubuntu-it - Jeremie Tamburini <jeremie.tamburini@gmail.com>
5
6
*/
7
8
html {
9
/* color: #222222; */
10
color: #333;
11
font-family: Ubuntu,"Ubuntu Beta",UbuntuBeta,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif;
12
background: url("../img/dotted.png") repeat scroll 0 0 #F5F6F7;
13
font-size: 13px;
14
}
15
16
/*body {
17
background: url("../img/dotted.png") repeat scroll 0 0 #F5F6F7;
18
min-width: 985px;
19
margin: 0 1px 0 0;
20
}*/
21
22
#ubuntulinks {
23
margin-top: 10px;
24
}
25
26
div, p {
27
}
28
29
tbody {
30
border-top: medium none;
31
}
32
33
a, a:link, a:visited {
34
text-decoration: none;
35
}
36
37
a:hover {
38
text-decoration: underline;
39
}
40
41
h1, h2, h3, h4, h5, h6 {
42
color: #222222;
43
font-weight: normal;
44
margin-bottom: 20px;
45
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
46
}
47
48
h1 {
49
font-size: 36px;
50
line-height: 40px;
51
margin: 24px 0 32px;
52
padding: 0;
53
}
54
55
h2, #center h2 a {
56
font-size: 24px;
57
line-height: 28px;
58
margin: 0 0 8px;
59
padding: 0;
60
}
61
62
h3 {
63
font-size: 16px;
64
line-height: 20px;
65
padding: 0;
66
}
67
68
h4, h5, h6 {
69
font-size: 12px;
70
line-height: 16px;
71
margin: 0;
72
padding: 0;
73
}
74
75
a, a:link, a:visited {
76
color: #DD4814;
77
}
78
79
a, a:link, a:visited {
80
text-decoration: none;
81
}
82
83
#subheader ul, ul#navibar {
84
margin: 0;
85
padding: 0;
86
}
87
88
#subheader ul li, ul#navibar li {
89
display: inline;
90
list-style-type: none;
91
}
92
93
.commercial {
94
color: #772953 !important;
95
}
96
97
table.sticky-table {
98
width: 100%;
99
}
100
101
.curved-top {
102
border-radius: 4px 4px 0 0;
103
-webkit-border-radius: 4px 4px 0 0;
104
-moz-border-radius: 4px 4px 0 0;
105
-khtml-border-radius: 4px 4px 0 0;
106
}
107
108
.curved-bottom {
109
border-radius: 0 0 4px 4px;
110
-webkit-border-radius: 0 0 4px 4px;
111
-moz-border-radius: 0 0 4px 4px;
112
-khtml-border-radius: 0 0 4px 4px;
113
}
114
115
.curved-both {
116
border-radius: 4px 4px 4px 4px;
117
-webkit-border-radius: 4px 4px 4px 4px;
118
-moz-border-radius: 4px 4px 4px 4px;
119
-khtml-border-radius: 4px 4px 4px 4px;
120
}
121
122
.shadowed {
123
box-shadow: 0 1px 3px #989898;
124
-webkit-box-shadow: 0 1px 3px #989898;
125
-moz-box-shadow: 0 1px 3px #989898;
126
-khtml-box-shadow: 0 1px 3px #989898;
127
}
128
129
.no-padding {
130
padding: 0 !important;
131
}
132
133
.quote-source {
134
font-size: 10px;
135
}
136
137
#center h2 {
138
margin: 18px 0 10px;
139
}
140
141
table#attachments {
142
display: none;
143
}
144
145
#fixed-header {
146
height: 120px;
147
}
148
149
.container {
150
max-width: 985px;
151
background: transparent;
152
margin: 0 auto;
153
padding: 0;
154
}
155
156
#header {
157
background: url("../img/header_b.png") repeat-x scroll left top #DD4814;
158
height: 64px;
159
margin: 0 2px;
160
text-shadow: 0 1px black;
161
min-width: 985px;
162
padding: 0 5px;
163
position: relative;
164
}
165
166
#header .container {
167
background: url("../img/topnav_divider.png") no-repeat scroll left top transparent !important;
168
height: 100%;
169
padding-left: 2px;
170
171
}
172
173
#header li, #header li.last {
174
border: 0 none;
175
}
176
177
#header li {
178
background: url("../img/topnav_divider.png") no-repeat scroll right top transparent !important;
179
padding-right: 2px;
180
float: left;
181
margin: 0;
182
padding-right: 2px;
183
}
184
185
#header li a {
186
background: url("../img/header_b.png") repeat-x scroll left top #DD4814;
187
height: 64px;
188
line-height: 64px;
189
padding: 0 7px 0 5px;
190
color: #FFFFFF;
191
text-shadow: 1px 1px 1px #333333;
192
float: left;
193
}
194
195
#header li.active-trail a, #header li a.active, #header li.active a, #header li a:hover, #header li.current a {
196
background: url("../img/header_b_active.png") repeat-x scroll left top #B83A10 !important;
197
text-decoration: none;
198
}
199
200
#logo {
201
float:right;
202
color: white;
203
text-shadow: none;
204
}
205
206
#logo > span.description {
207
float: right;
208
font-size: 12px;
209
opacity: 0.8;
210
line-height: 24px;
211
}
212
213
#logo > span.title {
214
font-size: 30px;
215
display: block;
216
margin-top: 23px;
217
color:white;
218
text-align:right;
219
}
220
221
#logo > span.suffix {
222
/* color: black;
223
opacity: 0.5; Does not work for every browser*/
224
color: #6F240A;
225
font-size: 20px;
226
margin-right: 5px;
227
display:none;
228
}
229
230
#logo a:hover {
231
text-decoration: none;
232
}
233
234
#header .buttons {
235
cursor: pointer;
236
float: left;
237
margin-left: 5px;
238
margin-top: 5px;
239
}
240
241
#header .buttons #accessibility {
242
background: url("../img/accessibility.png") repeat scroll 0 0 transparent;
243
height: 24px;
244
width: 24px;
245
}
246
247
#header .buttons #accessibility:hover {
248
background-position: center bottom;
249
}
250
251
#header .buttons #accessibility:active {
252
background-position: 24px 50%;
253
}
254
255
#header #ubuntu-it-sites {
256
float: right;
257
font-size: 10.5px;
258
}
259
260
#header #ubuntu-it-sites a {
261
color: #FFFFFF;
262
padding: 1px 6px 2px;
263
text-shadow: none;
264
}
265
266
267
#header #ubuntu-it-sites a:hover {
268
text-shadow: 1px 1px 1px #333333;
269
text-decoration: none;
270
}
271
272
#header #ubuntu-it-sites a.active {
273
background: url(../img/header-uit-bk.png) repeat;
274
border: 1px solid #6F202A;
275
background: rgba(0, 0, 0, 0.25);
276
border: 1px solid rgba(0, 0, 0, 0.1);
277
text-shadow: 0 1px 1px #333;
278
border-radius: 0 0 4px 4px;
279
}
280
281
#subheader .container-inside {
282
background: url("../img/header-shadow.png") repeat-x scroll center top #F7F7F7;
283
border-radius: 0 0 8px 8px;
284
-webkit-border-radius: 0 0 8px 8px;
285
-moz-border-radius: 0 0 8px 8px;
286
height: 39px;
287
margin: 0 auto;
288
position: relative;
289
width: 96%;
290
background-color: #F7F7F7;
291
box-shadow: 0 1px 1px #DFDFDF;
292
-webkit-box-shadow: 0 1px 1px #DFDFDF;
293
-moz-box-shadow: 0 1px 1px #DFDFDF;
294
}
295
296
#subheader ul * {
297
font-size: 11px;
298
}
299
300
#subheader ul , #subheader li {
301
display: block;
302
}
303
304
#subheader ul a, #subheader li a, #subheader li span, #subheader li form {
305
clear: none;
306
color: #333333;
307
display: block;
308
float: left;
309
text-shadow: none;
310
width: auto;
311
line-height: 40px;
312
margin: 0;
313
padding: 0 10px;
314
text-decoration: none;
315
}
316
317
#subheader li a:focus, #subheader li a:hover, #subheader li a:active, #subheader li.active a {
318
background: url("../img/header-shadow.png") repeat-x scroll center top #F2F2F2;
319
border-bottom: medium solid #666666;
320
color: #DD4814;
321
}
322
323
#subheader ul a:hover {
324
border-color: #DD4814;
325
}
326
327
#subheader ul span.disabled {
328
color:#AAA;
329
}
330
331
#subheader ul#username {
332
position: absolute;
333
right: 0;
334
}
335
336
#footer .container * {
337
color: #666666;
338
font-size: 12px;
339
text-align: center;
340
}
341
342
#search-box div {
343
padding-left: 0 !important;
344
padding-right: 0 !important;
345
}
346
347
#center .sidebar {
348
}
349
350
#center.sidebar-left {
351
}
352
353
#wiki-page, #footer, #subheader {
354
background: none repeat scroll 0 0 transparent;
355
}
356
357
#sidebar-left {
358
margin-top: 15px;
359
}
360
361
.cke_show_borders {
362
background: none repeat scroll 0 0 #FFFFFF;
363
}
364
365
h2 .pane-title {
366
display: none;
367
}
368
369
#wiki-page .container, div.box-content {
370
/* background: url("../img/box-content.png") repeat-y scroll center top transparent;*/
371
background: #fff;
372
border-radius: 8px;
373
box-shadow: 0 1px 3px #CCCCCC;
374
}
375
376
#wiki-page .container {
377
margin-top: 0;
378
padding-top: 0;
379
}
380
381
#wiki-page {
382
line-height: 1.4em;
383
/*overflow: hidden;*/
384
clear: both;
385
min-width: 985px;
386
margin: auto;
387
}
388
389
#content-bottom, div.box-bottom-added {
390
/* background: url("../img/box-bottom-top.png") no-repeat scroll center bottom transparent;
391
height: 12px;
392
margin-bottom: 5px;
393
padding: 0;
394
width: 100%;*/
395
}
396
397
.box-content .panels-flexible-row-inside {
398
padding: 0 18px;
399
}
400
401
.pane-content h3 a {
402
background: url("../img/H3_arrow.png") no-repeat scroll right 3px transparent;
403
display: inline-block;
404
padding-right: 14px;
405
text-decoration: none;
406
text-shadow: none;
407
}
408
409
.pane-content h3 a:hover {
410
text-decoration: underline;
411
}
412
413
.item-list .pager {
414
margin: 30px 0 0;
415
}
416
417
.item-list .pager li {
418
padding: 0;
419
}
420
421
div.slideshow {
422
overflow: hidden;
423
}
424
425
.pane-presentation {
426
margin-bottom: 20px;
427
width: 50%;
428
}
429
430
.node {
431
padding: 0 16px;
432
}
433
434
.sidebar .block {
435
background: none repeat scroll 0 0 transparent;
436
border-radius: 0 0 0 0;
437
box-shadow: none;
438
}
439
440
#wiki-page .block h2 {
441
border-bottom: 1px dotted #999999;
442
color: #3D273A;
443
}
444
445
#wiki-page .menu li a {
446
color: #111111;
447
}
448
#wiki-page .menu li.fake-leaf a {
449
border-bottom: 1px dotted #772953;
450
}
451
452
#wiki-page .menu li a:hover {
453
color: #772953 !important;
454
}
455
456
#wiki-page .menu li a.active {
457
color: #DD4814 !important;
458
font-weight: bold;
459
}
460
461
#wiki-page .menu li a.active:hover {
462
}
463
464
.no-shadow {
465
text-shadow:none;
466
color: #333;
467
}
468
469
.smileys-box .smileys span {
470
height: auto;
471
width: 26px;
472
}
473
474
.page-description {
475
background: none repeat scroll 0 0 #F7F7F7;
476
border: 1px solid #F0F0F0;
477
padding: 10px 10px 12px;
478
border-radius: 5px;
479
-moz-border-radius: 5px;
480
-webkit-border-radius: 5px;
481
font-size: 16px;
482
line-height: 22px;
483
margin-bottom: 22px;
484
}
485
486
.page-description-img {
487
float: right;
488
}
489
490
/* End generic style */
491
492
/* Start wiki specific style */
493
494
h1, h2, h3, h4, h5, h6 {
495
margin: 1.5em 0 0 0;
496
padding: 2px 0;
497
font-weight: normal;
498
line-height: 1.2em;
499
text-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
500
}
501
502
h1 {
503
font-size: 1.6em;
504
}
505
506
h2 {
507
font-size: 1.3em;
508
}
509
510
h3 {
511
font-size: 1.1em;
512
}
513
514
h4, h5 {
515
font-size: 1em;
516
}
517
518
a {
519
text-decoration:none;
520
}
521
522
a:visited {
523
color:#BD0901;
524
}
525
526
a.nonexistent, a.badinterwiki {
527
color:#aaa;
528
}
529
530
a:hover {
531
/* color:#800000;*/
532
text-decoration:underline;
533
}
534
535
/* Download button in attach page */
536
a.download {
537
padding: 0 20px;
538
background: #DD4814 url("../img/cta-background.png") repeat-x scroll 0 0 !important;
539
border-radius: 30px 30px 30px 30px;
540
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
541
display: block;
542
font-size: 20px;
543
line-height: 2em;
544
margin: 30px 10px 30px 0px;
545
color: white !important;
546
text-shadow: none;
547
float: left;
548
}
549
550
a.download:hover {
551
text-decoration: none;
552
}
553
554
#wiki-page > .container > div {
555
margin: 0 20px;
556
padding: 1px 0;
557
}
558
559
#pagelocation {
560
font-size: 2.4em;
561
line-height: 1.8em;
562
font-weight: lighter;
563
margin-top: 2px;
564
}
565
566
#pagelocation li {
567
display: inline;
568
margin: 0;
569
}
570
571
/* This one shows a separator in the page location */
572
#pagelocation li:after {
573
content: " > ";
574
color: #aaa;
575
}
576
577
/* This one erase the last separator */
578
#pagelocation li:last-child:after {
579
content: "";
580
}
581
582
#page {
583
/* margin-top: 40px; */
584
}
585
586
#search form {
587
clear: both;
588
float: right;
589
margin-top:18px;
590
}
591
592
#message {
593
background: none repeat scroll 0 0 #F7F7F7;
594
border: 1px solid #F0F0F0;
595
padding: 10px 10px 12px;
596
border-radius: 5px;
597
-moz-border-radius: 5px;
598
-webkit-border-radius: 5px;
599
margin: 10px 0;
600
}
601
602
#message * {
603
font-size: 16px;
604
line-height: 22px;
605
margin: 0;
606
color: #333;
607
}
608
609
#message a.clear-link {
610
font-size: 1em;
611
}
612
613
.toc, .supported-releases, .page_info {
614
background: none repeat scroll 0 0 #f7f7f7;
615
border: 1px solid #f0f0f0;
616
margin-right: 1px;
617
box-shadow: none;
618
border-radius: 4px;
619
-webkit-border-radius: 4px;
620
-moz-border-radius: 4px;
621
}
622
623
.toc * , .page_info * {
624
font-size: 11px;
625
line-height: 14px;
626
text-shadow: none;
627
}
628
629
.toc a {
630
color:#666;
631
}
632
633
.page_info-core p {
634
text-shadow: none;
635
}
636
637
table.advancedsearch {
638
width: 100%;
639
}
640
641
/* Custom style */
642
a.documentazione-indice {
643
width: 260px;
644
background: none repeat scroll 0 0 #F7F7F7;
645
border-radius:4px;
646
-webkit-border-radius:4px;
647
-moz-border-radius:4px;
648
border: 1px solid #F0F0F0;
649
display: block;
650
text-align: center;
651
font-size: 16px;
652
line-height: 60px;
653
color: #333;
654
float:left;
655
margin: 10px 26px;
656
/* text-shadow: 0 1px 1px #FFFFFF;*/
657
}
658
659
/*a.documentazione-indice:visited {
660
color: #333;
661
}*/
662
663
a.documentazione-indice:hover {
664
text-decoration: none;
665
color: #DD4814;
666
background: none repeat scroll 0 0 #F4F4F4;
667
border: 1px solid white;
668
box-shadow: 0 1px 3px #CCCCCC;
669
-webkit-box-shadow: 0 1px 3px #CCCCCC;
670
-moz-box-shadow: 0 1px 3px #CCCCCC;
671
}
672
673
h1.titoloPortale {
674
background: url("../img/smaller-dots.gif") repeat scroll 0 0 transparent;
675
font-size: 4.6em;
676
line-height: 2.5em;
677
margin: 0;
678
padding-left: 17px;
679
text-shadow: none;
680
color: #222222;
681
}
682
683
h1.titoloHome {
684
background: url("../img/smaller-dots.gif") repeat scroll 0 0 transparent;
685
font-size: 4.6em;
686
line-height: 2.5em;
687
}
688
689
hr.portale {
690
background:#aea79f;
691
height:8px;
692
}
693
694
hr.portale-footer {
695
background:url(../img/smaller-dots.gif);
696
height:30px;
697
}
698
699
700
table.table-Notebook td, table.table-Giochi td {
701
border:none;
702
}
703
704
table.table-Notebook, table.table-Giochi {
705
background: #F7F7F7;
706
font-size: 10px;
707
padding: 5px 0;
708
display: block;
709
border-radius: 8px;
710
border: 1px solid #F0F0F0;
711
}
712
713
span.bug img {
714
width: 14px;
715
}
716
717
/* ########################################################## */
718
/* ################## SMARTPHONE ########################## */
719
/* ########################################################## */
720
721
#headerphone {
722
display: none;
723
}
724
725
#searchform {
726
display: block;
727
}
728
729
.attachment {
730
width: auto;
731
min-width: 30px;
732
height: auto;
733
min-height: 15px;
734
}
735
736
/* :::::: menu :::::: */
737
#indice {
738
display: none;
739
width: 100%;
740
height: 600px;
741
box-shadow: 0 1px 4px 0 grey;
742
background-color: #DD4814;
743
padding-bottom: 10px;
744
margin-top: -12px;
745
text-shadow: 1px 2px 2px brown;
746
}
747
748
#indice a {
749
color: white;
750
font-size: 1.8em;
751
}
752
753
#indice dd {
754
padding-bottom: 20px;
755
}
756
757
#up {
758
display: none;
759
}
760
761
#arrow {
762
display: none;
763
}
764
765
/* ########################################################## */
766
/* ####################### DARK MODE ######################## */
767
/* ########################################################## */
768
769
@media screen and (prefers-color-scheme: dark) {
770
html {
771
background-color: #717171;
772
color: white;
773
}
774
775
h1.titoloPortale {
776
background: url("../img/smaller-dots-dark.gif") repeat scroll 0 0 transparent;
777
color: #fff;
778
}
779
780
hr.portale-footer {
781
background: url(../img/smaller-dotsdark.gif);
782
}
783
784
#wiki-page .container, div.box-content {
785
background: #3f3f3f;
786
border-radius: 10px;
787
box-shadow: none;
788
}
789
790
.toc, .supported-releases, .page_info {
791
background: none repeat scroll 0 0 #2b2b2b;
792
border: 1px solid #2b2b2b;
793
color: #ccc;
794
}
795
796
html {
797
color: #ccc;
798
}
799
800
h1, h2, h3, h4, h5, h6, .toc a {
801
color: white;
802
}
803
804
.backtick {
805
color: #999;
806
}
807
808
a.documentazione-indice {
809
/* background: none repeat scroll 0 0 #1e1e1e;*/
810
background: none repeat scroll 0 0 #2d2d2d;
811
border: 1px solid #FFF;
812
}
813
814
a.documentazione-indice:hover {
815
background-color: #393939;
816
color: #EC8705;
817
}
818
819
a, a:link, a:visited {
820
color: #DF670F;
821
}
822
823
pre {
824
background-color: #1b011e;
825
color: #ccc;
826
border: 1px solid #555;
827
}
828
829
table {
830
background-color: #2d2d2d;
831
border: 2px solid #2d2d2d;
832
box-shadow: 0 1px 4px #000;
833
}
834
835
td {
836
border: 1pt solid #6c6c6c;
837
}
838
839
#content div.caution, #content div.important, #content div.note, #content div.tip, #content div.warning {
840
background-color: #adc7e3;
841
border-radius: 5px;
842
border: 3px solid #adc7e3;
843
}
844
845
div.tip .backtick, div.important .backtick, div.note .backtick {
846
color: #6a6a6a;
847
}
848
849
850
#footer .container * {
851
color: #fff;
852
}
853
854
textarea {
855
color: #eaeaea;
856
background-color: #5e5e5e;
857
}
858
859
a.nonexistent, a.badinterwiki {
860
color: #aaa;
861
}
862
863
.recentchanges td {
864
background: #2d2d2d;
865
}
866
867
.rcdaybreak td {
868
background: #2d2d2d;
869
}
870
871
.diff-removed {
872
color: black;
873
}
874
875
.diff-added {
876
color: black;
877
}
878
879
/* Syntax highlighting */
880
881
div.codearea {
882
background-color: #333;
883
}
884
885
div.codearea pre span.ResWord {
886
color: #DBBD46;
887
}
888
889
div.codearea pre span.String {
890
color: #699fd5;
891
}
892
893
div.codearea pre span.Comment {
894
color: #606060;
895
}
896
897
div.codearea pre span.ID {
898
color: #bbb;
899
}
900
901
div.codearea pre span.SPChar {
902
color: #F06732;
903
}
904
905
}
906
907
/* ########################################################## */
908
/* ################ MEDIA QUERY - RESPONSIVE ################ */
909
/* ########################################################## */
910
911
@media screen and (max-width: 500px) {
912
913
/* :::::::::::::::::::::::: HEADER :::::::::::::::::::::::: */
914
915
#headerphone {
916
display: flex;
917
align-items: center;
918
margin: 0;
919
padding: 0 15px 0 15px;
920
background-color: #DD4814;
921
height: 65px;
922
box-shadow: 0 1px 4px 0 grey;
923
}
924
925
#menu {
926
padding-right: 15px;
927
}
928
929
.togglediv {
930
width: 25px;
931
height: 4px;
932
background-color: white;
933
margin: 6px 0;
934
box-shadow: 1px 2px 2px brown;
935
}
936
937
#title {
938
color: white;
939
text-decoration: none;
940
font-size: 2.4em;
941
/*font-weight: bold;*/
942
text-shadow: 1px 2px 2px brown;
943
}
944
945
a.title, a.title:hover, a.title:visited {
946
color: white;
947
}
948
949
#indice.show {
950
display: block;
951
max-width: 100%;
952
min-width: 300px;
953
}
954
955
/* :::::::::::::::::::::::: CONTENT :::::::::::::::::::::::: */
956
957
#searchform {
958
position: absolute;
959
top: 70px;
960
left: 15px;
961
width: 95%;
962
}
963
964
#searchinput {
965
width: 93%;
966
}
967
968
#titlesearch {
969
margin-top: 7px;
970
}
971
972
#fullsearch{
973
margin-left: 4px;
974
}
975
976
#fixed-header {
977
display: none;
978
}
979
980
/* smaller PageName */
981
#pagelocation {
982
margin-top: 85px;
983
font-size: 1.5em;
984
}
985
986
p img {
987
/*max-width: 32px;*/
988
height: auto;
989
}
990
991
body {
992
max-width: 500px;
993
min-width: 300px;
994
}
995
996
.container {
997
max-width: 500px;
998
min-width: 300px;
999
}
1000
1001
#header {
1002
max-width: 500px;
1003
min-width: 300px;
1004
}
1005
1006
#headerphone {
1007
max-width: 500px;
1008
min-width: 230px;
1009
}
1010
1011
#wiki-page {
1012
max-width: 500px;
1013
min-width: 300px;
1014
float: left;
1015
}
1016
1017
#footer {
1018
float: left;
1019
}
1020
1021
h1.titoloPortale {
1022
font-size: 2.5em;
1023
line-height: 1.4em;
1024
padding-left: 10px;
1025
}
1026
1027
/* ::::::::::::: anchor to top ::::::::::::: */
1028
1029
#up {
1030
background-image: url(../img/up-arrow.png);
1031
display: flex;
1032
position: fixed;
1033
bottom: 20px;
1034
right: 20px;
1035
width: 50px;
1036
height: 50px;
1037
background-color: #eae4dc;
1038
box-shadow: 0 1px 4px 0 grey;
1039
}
1040
1041
#arrow {
1042
width: 0;
1043
height: 0;
1044
border-left: 15px solid transparent;
1045
border-right: 15px solid transparent;
1046
1047
border-bottom: 15px solid blue;
1048
}
1049
}
1
/* screen.css
2
3
Copyright © 2011 Ubuntu-it - Leo Iannacone <l3on@ubuntu.com>
4
Copyright © 2019-2024 Ubuntu-it - Jeremie Tamburini <jeremie.tamburini@gmail.com>
5
6
*/
7
8
html {
9
/* color: #222222; */
10
color: #333;
11
font-family: Ubuntu,"Ubuntu Beta",UbuntuBeta,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif;
12
background: url("../img/dotted.png") repeat scroll 0 0 #F5F6F7;
13
font-size: 13px;
14
}
15
16
/*body {
17
background: url("../img/dotted.png") repeat scroll 0 0 #F5F6F7;
18
min-width: 985px;
19
margin: 0 1px 0 0;
20
}*/
21
22
#ubuntulinks {
23
margin-top: 10px;
24
}
25
26
div, p {
27
}
28
29
tbody {
30
border-top: medium none;
31
}
32
33
a, a:link, a:visited {
34
text-decoration: none;
35
}
36
37
a:hover {
38
text-decoration: underline;
39
}
40
41
h1, h2, h3, h4, h5, h6 {
42
color: #222222;
43
font-weight: normal;
44
margin-bottom: 20px;
45
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
46
}
47
48
h1 {
49
font-size: 36px;
50
line-height: 40px;
51
margin: 24px 0 32px;
52
padding: 0;
53
}
54
55
h2, #center h2 a {
56
font-size: 24px;
57
line-height: 28px;
58
margin: 0 0 8px;
59
padding: 0;
60
}
61
62
h3 {
63
font-size: 16px;
64
line-height: 20px;
65
padding: 0;
66
}
67
68
h4, h5, h6 {
69
font-size: 12px;
70
line-height: 16px;
71
margin: 0;
72
padding: 0;
73
}
74
75
a, a:link, a:visited {
76
color: #DD4814;
77
}
78
79
a, a:link, a:visited {
80
text-decoration: none;
81
}
82
83
#subheader ul, ul#navibar {
84
margin: 0;
85
padding: 0;
86
}
87
88
#subheader ul li, ul#navibar li {
89
display: inline;
90
list-style-type: none;
91
}
92
93
.commercial {
94
color: #772953 !important;
95
}
96
97
table.sticky-table {
98
width: 100%;
99
}
100
101
.curved-top {
102
border-radius: 4px 4px 0 0;
103
-webkit-border-radius: 4px 4px 0 0;
104
-moz-border-radius: 4px 4px 0 0;
105
-khtml-border-radius: 4px 4px 0 0;
106
}
107
108
.curved-bottom {
109
border-radius: 0 0 4px 4px;
110
-webkit-border-radius: 0 0 4px 4px;
111
-moz-border-radius: 0 0 4px 4px;
112
-khtml-border-radius: 0 0 4px 4px;
113
}
114
115
.curved-both {
116
border-radius: 4px 4px 4px 4px;
117
-webkit-border-radius: 4px 4px 4px 4px;
118
-moz-border-radius: 4px 4px 4px 4px;
119
-khtml-border-radius: 4px 4px 4px 4px;
120
}
121
122
.shadowed {
123
box-shadow: 0 1px 3px #989898;
124
-webkit-box-shadow: 0 1px 3px #989898;
125
-moz-box-shadow: 0 1px 3px #989898;
126
-khtml-box-shadow: 0 1px 3px #989898;
127
}
128
129
.no-padding {
130
padding: 0 !important;
131
}
132
133
.quote-source {
134
font-size: 10px;
135
}
136
137
#center h2 {
138
margin: 18px 0 10px;
139
}
140
141
table#attachments {
142
display: none;
143
}
144
145
#fixed-header {
146
height: 120px;
147
}
148
149
.container {
150
max-width: 985px;
151
background: transparent;
152
margin: 0 auto;
153
padding: 0;
154
}
155
156
#header {
157
background: url("../img/header_b.png") repeat-x scroll left top #DD4814;
158
height: 64px;
159
margin: 0 2px;
160
text-shadow: 0 1px black;
161
min-width: 985px;
162
padding: 0 5px;
163
position: relative;
164
}
165
166
#header .container {
167
background: url("../img/topnav_divider.png") no-repeat scroll left top transparent !important;
168
height: 100%;
169
padding-left: 2px;
170
171
}
172
173
#header li, #header li.last {
174
border: 0 none;
175
}
176
177
#header li {
178
background: url("../img/topnav_divider.png") no-repeat scroll right top transparent !important;
179
padding-right: 2px;
180
float: left;
181
margin: 0;
182
padding-right: 2px;
183
}
184
185
#header li a {
186
background: url("../img/header_b.png") repeat-x scroll left top #DD4814;
187
height: 64px;
188
line-height: 64px;
189
padding: 0 7px 0 5px;
190
color: #FFFFFF;
191
text-shadow: 1px 1px 1px #333333;
192
float: left;
193
}
194
195
#header li.active-trail a, #header li a.active, #header li.active a, #header li a:hover, #header li.current a {
196
background: url("../img/header_b_active.png") repeat-x scroll left top #B83A10 !important;
197
text-decoration: none;
198
}
199
200
#logo {
201
float:right;
202
color: white;
203
text-shadow: none;
204
}
205
206
#logo > span.description {
207
float: right;
208
font-size: 12px;
209
opacity: 0.8;
210
line-height: 24px;
211
}
212
213
#logo > span.title {
214
font-size: 30px;
215
display: block;
216
margin-top: 23px;
217
color:white;
218
text-align:right;
219
}
220
221
#logo > span.suffix {
222
/* color: black;
223
opacity: 0.5; Does not work for every browser*/
224
color: #6F240A;
225
font-size: 20px;
226
margin-right: 5px;
227
display:none;
228
}
229
230
#logo a:hover {
231
text-decoration: none;
232
}
233
234
#header .buttons {
235
cursor: pointer;
236
float: left;
237
margin-left: 5px;
238
margin-top: 5px;
239
}
240
241
#header .buttons #accessibility {
242
background: url("../img/accessibility.png") repeat scroll 0 0 transparent;
243
height: 24px;
244
width: 24px;
245
}
246
247
#header .buttons #accessibility:hover {
248
background-position: center bottom;
249
}
250
251
#header .buttons #accessibility:active {
252
background-position: 24px 50%;
253
}
254
255
#header #ubuntu-it-sites {
256
float: right;
257
font-size: 10.5px;
258
}
259
260
#header #ubuntu-it-sites a {
261
color: #FFFFFF;
262
padding: 1px 6px 2px;
263
text-shadow: none;
264
}
265
266
267
#header #ubuntu-it-sites a:hover {
268
text-shadow: 1px 1px 1px #333333;
269
text-decoration: none;
270
}
271
272
#header #ubuntu-it-sites a.active {
273
background: url(../img/header-uit-bk.png) repeat;
274
border: 1px solid #6F202A;
275
background: rgba(0, 0, 0, 0.25);
276
border: 1px solid rgba(0, 0, 0, 0.1);
277
text-shadow: 0 1px 1px #333;
278
border-radius: 0 0 4px 4px;
279
}
280
281
#subheader .container-inside {
282
background: url("../img/header-shadow.png") repeat-x scroll center top #F7F7F7;
283
border-radius: 0 0 8px 8px;
284
-webkit-border-radius: 0 0 8px 8px;
285
-moz-border-radius: 0 0 8px 8px;
286
height: 39px;
287
margin: 0 auto;
288
position: relative;
289
width: 96%;
290
background-color: #F7F7F7;
291
box-shadow: 0 1px 1px #DFDFDF;
292
-webkit-box-shadow: 0 1px 1px #DFDFDF;
293
-moz-box-shadow: 0 1px 1px #DFDFDF;
294
}
295
296
#subheader ul * {
297
font-size: 11px;
298
}
299
300
#subheader ul , #subheader li {
301
display: block;
302
}
303
304
#subheader ul a, #subheader li a, #subheader li span, #subheader li form {
305
clear: none;
306
color: #333333;
307
display: block;
308
float: left;
309
text-shadow: none;
310
width: auto;
311
line-height: 40px;
312
margin: 0;
313
padding: 0 10px;
314
text-decoration: none;
315
}
316
317
#subheader li a:focus, #subheader li a:hover, #subheader li a:active, #subheader li.active a {
318
background: url("../img/header-shadow.png") repeat-x scroll center top #F2F2F2;
319
border-bottom: medium solid #666666;
320
color: #DD4814;
321
}
322
323
#subheader ul a:hover {
324
border-color: #DD4814;
325
}
326
327
#subheader ul span.disabled {
328
color:#AAA;
329
}
330
331
#subheader ul#username {
332
position: absolute;
333
right: 0;
334
}
335
336
#footer .container * {
337
color: #666666;
338
font-size: 12px;
339
text-align: center;
340
}
341
342
#search-box div {
343
padding-left: 0 !important;
344
padding-right: 0 !important;
345
}
346
347
#center .sidebar {
348
}
349
350
#center.sidebar-left {
351
}
352
353
#wiki-page, #footer, #subheader {
354
background: none repeat scroll 0 0 transparent;
355
}
356
357
#sidebar-left {
358
margin-top: 15px;
359
}
360
361
.cke_show_borders {
362
background: none repeat scroll 0 0 #FFFFFF;
363
}
364
365
h2 .pane-title {
366
display: none;
367
}
368
369
#wiki-page .container, div.box-content {
370
/* background: url("../img/box-content.png") repeat-y scroll center top transparent;*/
371
background: #fff;
372
border-radius: 8px;
373
box-shadow: 0 1px 3px #CCCCCC;
374
}
375
376
#wiki-page .container {
377
margin-top: 0;
378
padding-top: 0;
379
}
380
381
#wiki-page {
382
line-height: 1.4em;
383
/*overflow: hidden;*/
384
clear: both;
385
min-width: 985px;
386
margin: auto;
387
}
388
389
#content-bottom, div.box-bottom-added {
390
/* background: url("../img/box-bottom-top.png") no-repeat scroll center bottom transparent;
391
height: 12px;
392
margin-bottom: 5px;
393
padding: 0;
394
width: 100%;*/
395
}
396
397
.box-content .panels-flexible-row-inside {
398
padding: 0 18px;
399
}
400
401
.pane-content h3 a {
402
background: url("../img/H3_arrow.png") no-repeat scroll right 3px transparent;
403
display: inline-block;
404
padding-right: 14px;
405
text-decoration: none;
406
text-shadow: none;
407
}
408
409
.pane-content h3 a:hover {
410
text-decoration: underline;
411
}
412
413
.item-list .pager {
414
margin: 30px 0 0;
415
}
416
417
.item-list .pager li {
418
padding: 0;
419
}
420
421
div.slideshow {
422
overflow: hidden;
423
}
424
425
.pane-presentation {
426
margin-bottom: 20px;
427
width: 50%;
428
}
429
430
.node {
431
padding: 0 16px;
432
}
433
434
.sidebar .block {
435
background: none repeat scroll 0 0 transparent;
436
border-radius: 0 0 0 0;
437
box-shadow: none;
438
}
439
440
#wiki-page .block h2 {
441
border-bottom: 1px dotted #999999;
442
color: #3D273A;
443
}
444
445
#wiki-page .menu li a {
446
color: #111111;
447
}
448
#wiki-page .menu li.fake-leaf a {
449
border-bottom: 1px dotted #772953;
450
}
451
452
#wiki-page .menu li a:hover {
453
color: #772953 !important;
454
}
455
456
#wiki-page .menu li a.active {
457
color: #DD4814 !important;
458
font-weight: bold;
459
}
460
461
#wiki-page .menu li a.active:hover {
462
}
463
464
.no-shadow {
465
text-shadow:none;
466
color: #333;
467
}
468
469
.smileys-box .smileys span {
470
height: auto;
471
width: 26px;
472
}
473
474
.page-description {
475
background: none repeat scroll 0 0 #F7F7F7;
476
border: 1px solid #F0F0F0;
477
padding: 10px 10px 12px;
478
border-radius: 5px;
479
-moz-border-radius: 5px;
480
-webkit-border-radius: 5px;
481
font-size: 16px;
482
line-height: 22px;
483
margin-bottom: 22px;
484
}
485
486
.page-description-img {
487
float: right;
488
}
489
490
/* End generic style */
491
492
/* Start wiki specific style */
493
494
h1, h2, h3, h4, h5, h6 {
495
margin: 1.5em 0 0 0;
496
padding: 2px 0;
497
font-weight: normal;
498
line-height: 1.2em;
499
text-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
500
}
501
502
h1 {
503
font-size: 1.6em;
504
}
505
506
h2 {
507
font-size: 1.3em;
508
}
509
510
h3 {
511
font-size: 1.1em;
512
}
513
514
h4, h5 {
515
font-size: 1em;
516
}
517
518
a {
519
text-decoration:none;
520
}
521
522
a:visited {
523
color:#BD0901;
524
}
525
526
a.nonexistent, a.badinterwiki {
527
color:#aaa;
528
}
529
530
a:hover {
531
/* color:#800000;*/
532
text-decoration:underline;
533
}
534
535
/* Download button in attach page */
536
a.download {
537
padding: 0 20px;
538
background: #DD4814 url("../img/cta-background.png") repeat-x scroll 0 0 !important;
539
border-radius: 30px 30px 30px 30px;
540
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
541
display: block;
542
font-size: 20px;
543
line-height: 2em;
544
margin: 30px 10px 30px 0px;
545
color: white !important;
546
text-shadow: none;
547
float: left;
548
}
549
550
a.download:hover {
551
text-decoration: none;
552
}
553
554
#wiki-page > .container > div {
555
margin: 0 20px;
556
padding: 1px 0;
557
}
558
559
#pagelocation {
560
font-size: 2.4em;
561
line-height: 1.8em;
562
font-weight: lighter;
563
margin-top: 2px;
564
}
565
566
#pagelocation li {
567
display: inline;
568
margin: 0;
569
}
570
571
/* This one shows a separator in the page location */
572
#pagelocation li:after {
573
content: " > ";
574
color: #aaa;
575
}
576
577
/* This one erase the last separator */
578
#pagelocation li:last-child:after {
579
content: "";
580
}
581
582
#page {
583
/* margin-top: 40px; */
584
}
585
586
#search form {
587
clear: both;
588
float: right;
589
margin-top:18px;
590
}
591
592
#message {
593
background: none repeat scroll 0 0 #F7F7F7;
594
border: 1px solid #F0F0F0;
595
padding: 10px 10px 12px;
596
border-radius: 5px;
597
-moz-border-radius: 5px;
598
-webkit-border-radius: 5px;
599
margin: 10px 0;
600
}
601
602
#message * {
603
font-size: 16px;
604
line-height: 22px;
605
margin: 0;
606
color: #333;
607
}
608
609
#message a.clear-link {
610
font-size: 1em;
611
}
612
613
.toc, .supported-releases, .page_info {
614
background: none repeat scroll 0 0 #f7f7f7;
615
border: 1px solid #f0f0f0;
616
margin-right: 1px;
617
box-shadow: none;
618
border-radius: 4px;
619
-webkit-border-radius: 4px;
620
-moz-border-radius: 4px;
621
}
622
623
.toc * , .page_info * {
624
font-size: 11px;
625
line-height: 14px;
626
text-shadow: none;
627
}
628
629
.toc a {
630
color:#666;
631
}
632
633
.page_info-core p {
634
text-shadow: none;
635
}
636
637
table.advancedsearch {
638
width: 100%;
639
}
640
641
/* Custom style */
642
a.documentazione-indice {
643
width: 260px;
644
background: none repeat scroll 0 0 #F7F7F7;
645
border-radius:4px;
646
-webkit-border-radius:4px;
647
-moz-border-radius:4px;
648
border: 1px solid #F0F0F0;
649
display: block;
650
text-align: center;
651
font-size: 16px;
652
line-height: 60px;
653
color: #333;
654
float:left;
655
margin: 10px 26px;
656
/* text-shadow: 0 1px 1px #FFFFFF;*/
657
}
658
659
/*a.documentazione-indice:visited {
660
color: #333;
661
}*/
662
663
a.documentazione-indice:hover {
664
text-decoration: none;
665
color: #DD4814;
666
background: none repeat scroll 0 0 #F4F4F4;
667
border: 1px solid white;
668
box-shadow: 0 1px 3px #CCCCCC;
669
-webkit-box-shadow: 0 1px 3px #CCCCCC;
670
-moz-box-shadow: 0 1px 3px #CCCCCC;
671
}
672
673
h1.titoloPortale {
674
background: url("../img/smaller-dots.gif") repeat scroll 0 0 transparent;
675
font-size: 4.6em;
676
line-height: 2.5em;
677
margin: 0;
678
padding-left: 17px;
679
text-shadow: none;
680
color: #222222;
681
}
682
683
h1.titoloHome {
684
background: url("../img/smaller-dots.gif") repeat scroll 0 0 transparent;
685
font-size: 4.6em;
686
line-height: 2.5em;
687
}
688
689
hr.portale {
690
background:#aea79f;
691
height:8px;
692
}
693
694
hr.portale-footer {
695
background:url(../img/smaller-dots.gif);
696
height:30px;
697
}
698
699
700
table.table-Notebook td, table.table-Giochi td {
701
border:none;
702
}
703
704
table.table-Notebook, table.table-Giochi {
705
background: #F7F7F7;
706
font-size: 10px;
707
padding: 5px 0;
708
display: block;
709
border-radius: 8px;
710
border: 1px solid #F0F0F0;
711
}
712
713
span.bug img {
714
width: 14px;
715
}
716
717
/* ########################################################## */
718
/* ################## SMARTPHONE ########################## */
719
/* ########################################################## */
720
721
#headerphone {
722
display: none;
723
}
724
725
#searchform {
726
display: block;
727
}
728
729
.attachment {
730
width: auto;
731
min-width: 30px;
732
height: auto;
733
min-height: 15px;
734
}
735
736
/* :::::: menu :::::: */
737
#indice {
738
display: none;
739
width: 100%;
740
height: 600px;
741
box-shadow: 0 1px 4px 0 grey;
742
background-color: #DD4814;
743
padding-bottom: 10px;
744
margin-top: -12px;
745
text-shadow: 1px 2px 2px brown;
746
}
747
748
#indice a {
749
color: white;
750
font-size: 1.8em;
751
}
752
753
#indice dd {
754
padding-bottom: 20px;
755
}
756
757
#up {
758
display: none;
759
}
760
761
#arrow {
762
display: none;
763
}
764
765
/* ########################################################## */
766
/* ####################### DARK MODE ######################## */
767
/* ########################################################## */
768
769
@media screen and (prefers-color-scheme: dark) {
770
html {
771
background-color: #717171;
772
color: white;
773
}
774
775
h1.titoloPortale {
776
background: url("../img/smaller-dots-dark.gif") repeat scroll 0 0 transparent;
777
color: #fff;
778
}
779
780
hr.portale-footer {
781
background: url(../img/smaller-dotsdark.gif);
782
}
783
784
#wiki-page .container, div.box-content {
785
background: #3f3f3f;
786
border-radius: 10px;
787
box-shadow: none;
788
}
789
790
.toc, .supported-releases, .page_info {
791
background: none repeat scroll 0 0 #2b2b2b;
792
border: 1px solid #2b2b2b;
793
color: #ccc;
794
}
795
796
html {
797
color: #ccc;
798
}
799
800
h1, h2, h3, h4, h5, h6, .toc a {
801
color: white;
802
}
803
804
.backtick {
805
color: #9e9e9e;
806
background-color: #2f2f2f;
807
border-style: solid;
808
border-radius: 5px;
809
border-width: 1px;
810
padding-left: 3px;
811
padding-right: 3px;
812
border-color: #3b3a3a;
813
}
814
815
div.tip .backtick, div.important .backtick, div.note .backtick {
816
color: #626262;
817
background-color: transparent;
818
border-style: none;
819
}
820
821
table .backtick {
822
background-color: transparent;
823
border-style: none;
824
}
825
826
a.documentazione-indice {
827
/* background: none repeat scroll 0 0 #1e1e1e;*/
828
background: none repeat scroll 0 0 #2d2d2d;
829
border: 1px solid #FFF;
830
}
831
832
a.documentazione-indice:hover {
833
background-color: #393939;
834
color: #EC8705;
835
}
836
837
a, a:link, a:visited {
838
color: #DF670F;
839
}
840
841
pre {
842
background-color: #1b011e;
843
color: #ccc;
844
border: 1px solid #555;
845
}
846
847
table {
848
background-color: #2d2d2d;
849
border: 2px solid #2d2d2d;
850
box-shadow: 0 1px 4px #000;
851
}
852
853
td {
854
border: 1pt solid #6c6c6c;
855
}
856
857
#content div.caution, #content div.important, #content div.note, #content div.tip, #content div.warning {
858
background-color: #adc7e3;
859
border-radius: 5px;
860
border: 3px solid #adc7e3;
861
}
862
863
#footer .container * {
864
color: #fff;
865
}
866
867
textarea {
868
color: #eaeaea;
869
background-color: #5e5e5e;
870
}
871
872
a.nonexistent, a.badinterwiki {
873
color: #aaa;
874
}
875
876
.recentchanges td {
877
background: #2d2d2d;
878
}
879
880
.rcdaybreak td {
881
background: #2d2d2d;
882
}
883
884
.diff-removed {
885
color: black;
886
}
887
888
.diff-added {
889
color: black;
890
}
891
892
/* Syntax highlighting */
893
894
div.codearea {
895
background-color: #333;
896
}
897
898
div.codearea pre span.ResWord {
899
color: #DBBD46;
900
}
901
902
div.codearea pre span.String {
903
color: #699fd5;
904
}
905
906
div.codearea pre span.Comment {
907
color: #606060;
908
}
909
910
div.codearea pre span.ID {
911
color: #bbb;
912
}
913
914
div.codearea pre span.SPChar {
915
color: #F06732;
916
}
917
918
}
919
920
/* ########################################################## */
921
/* ################ MEDIA QUERY - RESPONSIVE ################ */
922
/* ########################################################## */
923
924
@media screen and (max-width: 500px) {
925
926
/* :::::::::::::::::::::::: HEADER :::::::::::::::::::::::: */
927
928
#headerphone {
929
display: flex;
930
align-items: center;
931
margin: 0;
932
padding: 0 15px 0 15px;
933
background-color: #DD4814;
934
height: 65px;
935
box-shadow: 0 1px 4px 0 grey;
936
}
937
938
#menu {
939
padding-right: 15px;
940
}
941
942
.togglediv {
943
width: 25px;
944
height: 4px;
945
background-color: white;
946
margin: 6px 0;
947
box-shadow: 1px 2px 2px brown;
948
}
949
950
#title {
951
color: white;
952
text-decoration: none;
953
font-size: 2.4em;
954
/*font-weight: bold;*/
955
text-shadow: 1px 2px 2px brown;
956
}
957
958
a.title, a.title:hover, a.title:visited {
959
color: white;
960
}
961
962
#indice.show {
963
display: block;
964
max-width: 100%;
965
min-width: 300px;
966
}
967
968
/* :::::::::::::::::::::::: CONTENT :::::::::::::::::::::::: */
969
970
#searchform {
971
position: absolute;
972
top: 70px;
973
left: 15px;
974
width: 95%;
975
}
976
977
#searchinput {
978
width: 93%;
979
}
980
981
#titlesearch {
982
margin-top: 7px;
983
}
984
985
#fullsearch{
986
margin-left: 4px;
987
}
988
989
#fixed-header {
990
display: none;
991
}
992
993
/* smaller PageName */
994
#pagelocation {
995
margin-top: 85px;
996
font-size: 1.5em;
997
}
998
999
p img {
1000
/*max-width: 32px;*/
1001
height: auto;
1002
}
1003
1004
body {
1005
max-width: 500px;
1006
min-width: 300px;
1007
}
1008
1009
.container {
1010
max-width: 500px;
1011
min-width: 300px;
1012
}
1013
1014
#header {
1015
max-width: 500px;
1016
min-width: 300px;
1017
}
1018
1019
#headerphone {
1020
max-width: 500px;
1021
min-width: 230px;
1022
}
1023
1024
#wiki-page {
1025
max-width: 500px;
1026
min-width: 300px;
1027
float: left;
1028
}
1029
1030
#footer {
1031
float: left;
1032
}
1033
1034
h1.titoloPortale {
1035
font-size: 2.5em;
1036
line-height: 1.4em;
1037
padding-left: 10px;
1038
}
1039
1040
/* ::::::::::::: anchor to top ::::::::::::: */
1041
1042
#up {
1043
background-image: url(../img/up-arrow.png);
1044
display: flex;
1045
position: fixed;
1046
bottom: 20px;
1047
right: 20px;
1048
width: 50px;
1049
height: 50px;
1050
background-color: #eae4dc;
1051
box-shadow: 0 1px 4px 0 grey;
1052
}
1053
1054
#arrow {
1055
width: 0;
1056
height: 0;
1057
border-left: 15px solid transparent;
1058
border-right: 15px solid transparent;
1059
1060
border-bottom: 15px solid blue;
1061
}
1062
}
1063
Loggerhead is a web-based interface for Breezy
Version: 2.0.1