css.tt2 49.3 KB
Newer Older
1
[%# css.tt2 ~%]
2
3
@charset "UTF-8";

IKEDA Soji's avatar
IKEDA Soji committed
4
5
6
7
8
9
10
11
12
13
14
15
[% IF 0 ~%]
Overview of document tree
-------------------------
```
html
  head
  body
    div#top
    noscript                            // notice to users without js
    header
      div.title-bar
        a.menu-text
IKEDA Soji's avatar
IKEDA Soji committed
16
          (logo_html_definition)        // logo for mobile mode
IKEDA Soji's avatar
IKEDA Soji committed
17
18
19
20
21
22
23
24
25
        div.title-bar-right
      nav#sympa-top-bar
        ul.top-bar-left
          li
            span.menu-text
              (logo_html_definition)    // logo for desktop mode
        menu.top-bar-right
          ul
            (sympa_menu.tt2)
26
            (user_menu.tt2 or login_menu.tt2)
IKEDA Soji's avatar
IKEDA Soji committed
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
    div#loading
    aside
      div.title-bar
        div.title-bar-right
      nav#sympa-sub-bar
        menu.top-bar-left
          ul
            (list_menu.tt2)
    main#content-inner
      h1
      div.title-bar
        div.title-bar-right
      nav#sympa-nav-bar
        menu.top-bar-left
          ul
            (see nav.tt2)
      (${action}.tt2)
    div.displayNone                     // link to #top
    div.scroll-top-wrapper
    footer
```

IKEDA Soji's avatar
IKEDA Soji committed
49
  * If template variable top_menu is false, there is no header, and
50
51
    #sympa-sub-bar also contains div#logo, sympa_menu.tt2 and user_menu.tt2 /
    login_menu.tt2.
IKEDA Soji's avatar
IKEDA Soji committed
52
53
54
    Otherwise, #sympa-sub-bar is shown only in list context.
  * div.title-bar is title bar launching menu used only on mobile mode.

IKEDA Soji's avatar
IKEDA Soji committed
55
[%~ END # IF 0 ~%]
IKEDA Soji's avatar
IKEDA Soji committed
56

57
[% IF custom_css -%]
58
59
60
61
[% FOREACH color  IN ['color_0' 'color_1' 'color_2' 'color_3''color_4' 'color_5' 'color_6' 'color_7' 'color_8''color_9' 'color_10' 'color_11' 'color_12' 'color_13' 'color_14' 'color_15'] -%]
/* [% color %]: [% $color %] */
[% END -%]
[% END -%]
62

IKEDA Soji's avatar
IKEDA Soji committed
63
64
[% top_menu = 1 ~%]

65
66
67
68
69
70
71
72
73
74
75
76
77
78
/**
 * CSS Reset (extended)
 * Base : http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
IKEDA Soji's avatar
IKEDA Soji committed
79
80
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
81
82
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
83
84
85
86
87
88
89
90
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font: inherit;
    vertical-align: baseline;
91
92
93
}

/* HTML5 display-role reset for older browsers */
IKEDA Soji's avatar
IKEDA Soji committed
94
article, aside, details, figcaption, figure,
95
footer, header, hgroup, nav, section {
96
    display: block;
97
98
}

99
body {
100
    line-height: 1;
101
102
103
}

ol, ul {
104
    list-style: none;
105
106
107
}

blockquote, q {
108
    quotes: none;
109
110
111
112
}

blockquote:before, blockquote:after,
q:before, q:after {
113
114
    content: '';
    content: none;
115
116
}

117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
/***
  * Foundation 6: Preventing FOUC.
  */

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
133
134
}

135
136
137
/**
 * UI root
 */
138

139
140
141
142
143
/* Fonts */
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: normal;
144
    src: url("[% static_content_url %]/fonts/Raleway/Raleway-Regular.otf") format("truetype");
145
146
147
148
149
}

/****/


150
151
/* Proportional fonts */
* {
152
153
154
155
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
}

156
body {
lumineau's avatar
lumineau committed
157
158
159
    font-family: 'Raleway', sans-serif;
    font-size: 0.85em;
    -webkit-text-size-adjust:100%;
160
161
162
    line-height: 1.4;
    color: [% color_1 %];
    background-color:[% color_0 %];
163
164
165
166
167
168
169
170
171
}

/**
 * Any-place rules
 */

/* Selection */

::-moz-selection {
172
173
174
    background: [% color_15 %];
    color: [% color_7 %];
    text-shadow: none;
175
176
177
}

::selection {
178
179
180
    background: [% color_15 %];
    color: [% color_7 %];
    text-shadow: none;
181
182
183
184
185
}

/* Links */

a {
186
187
    color: [% color_5 %];
    text-decoration: none;
188
        transition: background-color 300ms ease-out;
189
190
191
}

a:visited {
192
    text-decoration: none;
193
194
195
}

a:focus {
196
197
    outline: 0;
    text-decoration: none;
198
199
200
}

a:hover, a:active {
201
202
203
    color: [% color_6 %];
    outline: 0;
    text-decoration: none;
204
205
206
207
208
}

/* Misc */

abbr[title] {
209
    border-bottom: 1px dotted;
210
211
212
}

b, strong {
213
    font-weight: bold;
214
215
216
}

blockquote {
217
    margin: 1em 40px;
218
219
220
}

dfn {
221
    font-style: italic;
222
223
224
}

hr {
225
226
227
228
    display: block;
    height: 1px;
    border-bottom: 1px solid [% color_9 %];
    margin: 1em 0;
229
230
231
}

ins {
232
233
234
    background: [% color_14 %];
    color: [% color_1 %];
    text-decoration: none;
235
236
237
}

mark {
238
239
240
241
    background: [% color_14 %];
    color: [% color_1 %];
    font-style: italic;
    font-weight: bold;
242
243
244
}

pre, code, kbd, samp {
245
246
247
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
248
249
250
}

pre {
251
252
253
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
254
255
256
}

q {
257
    quotes: none;
258
259
260
}

q:before, q:after {
261
262
    content: "";
    content: none;
263
264
265
}

small {
266
    font-size: 85%;
267
268
269
}

sub, sup {
270
271
272
273
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
274
275
276
}

sup {
277
    top: -0.5em;
278
279
280
}

sub {
281
    bottom: -0.25em;
282
283
}

sikeda's avatar
sikeda committed
284
ul, ol, dl {
285
286
287
288
289
    margin: 1em 0;
    padding: 0 0 0 1rem;
    font-size: 13px;
    color: [% color_3 %];
    list-style-position: outside;
290
291
292
}

nav ul, nav ol {
293
294
    list-style: none;
    list-style-image: none;
295
296
297
}

img {
298
299
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
300
301
302
}

address {
303
    font-style:normal;
304
305
306
}

p {
307
308
309
310
    color: [% color_3 %];
    line-height: 1.6em;
    margin: 0.5em 0px 1em;
    padding: 0.2em 0 0;
311
312
313
}

/* Forms */
314
315
form{
    margin:0.5rem 0 1rem 0;
316
    clear:both;
317
}
318
319
320
321
fieldset{
    display:table-cell;
    min-width:0;
}
322

323
324
325
326
main form form{
    margin:1rem 0 0 0;
    padding-left: 0!important;
}
327
328

label {
329
330
331
332
333
    color: [% color_4 %];
    margin-top:0.5rem;
    /*display: inline-block;*/    padding-left:0!important;
    font-weight:700;
    cursor: pointer;
334
335
}

336
label.inlineLabel {
337
338
339
340
341
342
    display: inline !important;
    font: inherit;
    padding: 0;
    line-height: normal;
    width: auto !important;
    float: none !important;
343
}
344
label[for="connected_only"] {
345
    display: inline;
346
}
IKEDA Soji's avatar
IKEDA Soji committed
347

348
input {
349
350
351
352
353
354
    /*border: 1px solid [% color_12 %];
    border-radius: 3px;
    font-size: 16px;
    padding: 10px 9px;
    margin-right: 10px;
    outline:none;*/
355
356
357
}

input[type="checkbox"], input[type="radio"] {
358
359
360
361
    border: none;
    box-sizing: border-box;
    *width: 13px;
    *height: 13px;
362
}
363
364
365
table input[type="checkbox"], table input[type="radio"] {
    margin-bottom:0
}
366
input[type="file"]{
367
    display: block;
368
        margin-top:0.5rem;
369
370
}
select {
371
372
373
374
375
376
    /*border: 1px solid [% color_12 %];
    border-radius: 3px;
    font-size: 16px;
    padding: 6px 4px;
    margin-right: 10px;
    outline:none;*/
377
}
378
379
380
381
382
[%# 641px ~%]
@media only screen and (min-width: 40em) {
    select, input {
        max-width: 550px;
    }
lumineau's avatar
lumineau committed
383
384
385
386
}
select[name="size"] {
   max-width: 60px;
}
387
textarea {
388
389
390
391
392
393
394
395
396
    /*font-size: 13px;
    color: [% color_4 %];
    min-height: 60px;
    padding: 6px 9px;
    border: 1px solid [% color_12 %];
    border-radius: 3px;
    width: 94%;
    line-height: 20px;
    outline:none;*/
397
}
398

399
legend {
400
401
    *margin-left: -7px;
    white-space: normal;
402
403
404
}

button, input, select, textarea {
405
406
407
    font-size: 100%;
    vertical-align: baseline;
    *vertical-align: middle;
408
409
410
}

button, input {
411
    line-height: normal;
412
413
}

IKEDA Soji's avatar
IKEDA Soji committed
414
415
416
417
418
419
420
button[type="button"],
button[type="reset"],
button[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
421
422
423
424
425
426
427
428
429
430
431
    cursor: pointer;
    *overflow: visible;
    display: inline-block;
    color: [% color_7 %];
    border-radius: 4px;
    background: [% color_6 %] none no-repeat scroll top left;
    font-size: 12px;
    font-weight: 200;
    padding: 5px 9px;
    border: 0;
    margin: 0.25em;
432
        transition: background-color 300ms ease-out;
433
434
}

IKEDA Soji's avatar
IKEDA Soji committed
435
436
437
438
439
440
441
button[type="button"]:hover,
button[type="submit"]:hover,
button[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
a.button:hover {
442
    background: [% color_5 %] none no-repeat scroll bottom left;
443
444
445
}

input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled {
446
    background: none repeat scroll 0 0 [% color_12 %];
447
448
449
}

button[disabled], input[disabled] {
450
    cursor: default;
451
452
453
}

input[type="search"] {
454
455
456
457
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
458
459
460
461
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
462
    -webkit-appearance: none;
463
464
465
}

textarea {
466
467
468
    overflow: auto;
    vertical-align: top;
    resize: vertical;
469
470
471
}

input:invalid, textarea:invalid {
472
473
    background-color: [% color_13 %];
    opacity:0.5;
474
475
}

IKEDA Soji's avatar
IKEDA Soji committed
476
477
[%# To align buttons in messages moderate form in reveal modal. ~%]
div.reveal form[id*="moderate_"] {
478
    display: inline-block;
IKEDA Soji's avatar
IKEDA Soji committed
479
480
}

IKEDA Soji's avatar
IKEDA Soji committed
481
482
483
484
div.columns {
    overflow: hidden;
    text-overflow: ellipsis;
}
485

486
/* Titles */
487
488
489
h1,h2,h3,h4,h5,h6{
    font-family: 'Raleway', sans-serif;
}
490
h1 {
491
492
493
494
    color: [% color_2 %];
    font-weight: 100;
    font-size: 1.9em;
    margin: 0px 0px 0.6em;
495
496
}
h2 {
497
498
499
500
    color: [% color_2 %];
    font-size: 1.6em;
    font-weight: 100;
    margin: 1rem 0px 0.2rem;
501
502
}
h3 {
503
504
505
506
    margin: 0px 0px 0.6em;
    color: [% color_2 %];
    font-weight: 100;
    font-size: 1.3em;
507
508
}
h4 {
509
510
511
512
    color: [% color_2 %];
    font-size: 1.2em;
    margin: 1em 0px 0px;
    font-weight: 100;
513
514
}
h5 {
515
516
517
518
    color: [% color_3 %];
    font-size: 1.1em;
    margin: 2em 0px 0.2em;
    font-weight: 100;
519
}
520
h6 {
521
    font-size: 1em;
522
}
523
h1 a, h2 a, h3 a {
524
    color:[% color_2 %];
525
}
526
527
528
529
530
531
532
533
534
535
main h1, main h2, main h3, main h4, main h5, main h6, main article, main p, main form {
    padding:0 1rem!important;
}
main form[name="myform"] {
    padding:0!important;
}
main form h1, main form h2, main form h3, main form h4, main form h5, main form h6, main form p{
    padding-left:0!important;
    margin-left:0!important;
}
536
537
538
539
540
541


main.home h3{
    font-weight:500;
    color:[% color_5 %];
    margin-bottom:20px;
542
}
543
544
545

/* Home Submenu */

546
section.home-submenu{
547
548
549
550
551
    background-color:[% color_2 %];
    min-height:3rem;
    margin: 1rem auto 2rem auto;
    padding:0 0 10px 0;
}
552
section.home-submenu ul {
553
554
555
    display:table;
    list-style: none;
    margin: 0 auto;
556
557
    padding:0;
}
558
section.home-submenu ul li{
559
560
561
562
    display:table-cell;
    padding:0;
    text-align:center;
}
563
section.home-submenu li a{
564
565
566
567
568
569
570
571
572
    color:[% color_7 %];
    text-decoration: none;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
573
section.home-submenu span{
574
575
    display: block;
}
576
section.home-submenu i span{
577
    display: inline-block;
578
}
579
section.home-submenu a:hover{
580
    color:[% color_11 %];
581
}
582
section.home-submenu .fa-stack {
583
    width: inherit;
584
}
585
section.home-submenu .fa-envelope, section.home-submenu .fa-plus, section.home-submenu .fa-search{
586
    color: [% color_11 %];
587
}
588
section.home-submenu a:hover span i.fa-envelope, section.home-submenu a:hover span i.fa-plus, section.home-submenu a:hover span i.fa-search{
589
    color: [% color_7 %];
590
591
}

592
593
594
595
596
[%# Compat. with Fooundation 5. ~%]
ul.row {
    width: 100%;
}

597
/* Tables */
598
table {
599
600
601
602
603
604
    background-color: [% color_7 %];
    margin: 0px 0px 18px;
    word-wrap: break-word;
    border-collapse:separate;
    border-spacing: 0;
    box-shadow: 0 1px 1px #ccc;
605
}
IKEDA Soji's avatar
IKEDA Soji committed
606
table.listOfItems tr {
607
608
    height:2rem;
}
IKEDA Soji's avatar
IKEDA Soji committed
609
table.listOfItems td{
610
611
612
    vertical-align:middle;
    text-align:center;
}
613
614
615
616
617
618
table.listOfItems td form, table.listOfItems td form fieldset{
    display:inline;
    margin:0;
    padding:0!important;
}
table.listOfItems td form fieldset button.action, table.listOfItems td button.action {
619
620
621
622
623
624
625
626
    display: inline-block;
    color: [% color_5 %];
    border: none;
    background: none;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    margin: 0;
627
628
}
table.listOfItems td form fieldset button.action:hover, table.listOfItems td button.action:hover {
629
    color: [% color_6 %];
630
}
IKEDA Soji's avatar
IKEDA Soji committed
631
table.ls_template th{
632
    border-right: 1px solid [% color_7 %];
633
}
IKEDA Soji's avatar
IKEDA Soji committed
634
table.ls_template th[colspan]{
635
636
    border-bottom: 1px solid [% color_7 %];
}
IKEDA Soji's avatar
IKEDA Soji committed
637
table.ls_template td{
638
    border-right: 1px solid [% color_9 %];
639
640
}

641
642
643
644
645
table tr.even, table tr.alt, table tr:nth-of-type(odd) {
  background: [% color_8 %];
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: [% color_7 %];
646
647
}

648
649
650
table tr th {
    background-color: [% color_4 %];
    color: [% color_7 %];
651
    text-align: center;
652
653
654
655
}
table tr th a{
    color: [% color_7 %];
}
656
657
658
659
table tr th, table tr td {
    padding: 0.5rem;
    font-size: 0.8rem;
}
660

661
662
663
.table-wrapper table {
  table-layout: auto;
}
664

665
#loading {
666
667
668
    position: absolute;
    top: 0;
    left: 0;
669
670
    width:100%;
    height:100%;
671
    background-color: rgba(255, 255, 255, 0.75);
672
673
    overflow: hidden;
    display: none;
674
    z-index: 1;
675
}
676
677
678
679

#loadingText {
    width: 100%;
    text-align: center;
680
681
    line-height: 100vh;
    vertical-align: middle;
682
683
684
685
    color: rgb(0, 75, 148);
    font-weight: 100;
    font-size: 2rem;
    margin: 0;
686
}
687

IKEDA Soji's avatar
IKEDA Soji committed
688
[%# Used only when top_menu is false ~%]
689
#logo {
690
691
692
693
694
695
    display: block;
    margin: 1rem auto;
    width: 50%;
    text-align: center;
}
#logo img{
696
    max-width: 100%;
697
}
698

IKEDA Soji's avatar
IKEDA Soji committed
699
[% IF 0 # No longer used ~%]
700
#nav {
701
702
    position:relative;
    top:-1px;
703
704
705
}

#nav li {
706
707
708
709
710
    list-style: none;
    float:left;
    height:32px;
    margin-right:5px;
    background-image:none; /*overrides Massey default */
711
712
713
}

#nav a span {
714
715
716
    display:block;
    font-weight:bold;
    padding:7px 15px 2px 15px;
717
718
719
}

#nav a {
720
721
    display:block;
    height:32px;
722
723
    background-image:none;
    background-color: transparent;
724
    border:1px solid [% color_9 %];
725
726
    color: [% color_7 %];
    border: none;
727
    border-radius: 3px 3px 0px 0px;
728
}
IKEDA Soji's avatar
IKEDA Soji committed
729
[%~ END # IF 0 ~%]
730
731

p {
732
    word-wrap:break-word;
733
734
}

735
736
737
738
739
740
/* header */
header h1{
    width:100%;
    text-align:center;
    padding:0.5rem 0 2rem 0;
    margin:0;
IKEDA Soji's avatar
IKEDA Soji committed
741
    background-color:[% color_7 %];     [%~# FIXME %]
742
743
}

744
745
/* main element */
main{
IKEDA Soji's avatar
IKEDA Soji committed
746
    background-color:[% color_7 %];     [%~# FIXME %]
747
748
749
750
751
752
    padding-bottom:2rem;
    [% IF top_menu %]
    min-height:450px;
    [% ELSE %]
    min-height:550px;
    [% END %]
IKEDA Soji's avatar
IKEDA Soji committed
753
}
754
755
756
757
758
759
main.home{
    min-height:inherit;
    text-align: justify;
    padding-bottom:0;
}

IKEDA Soji's avatar
IKEDA Soji committed
760
761
[%# Used only when top_menu is false ~%]
main h1.robot_name {
762
763
    width:100%;
    margin:0;
IKEDA Soji's avatar
IKEDA Soji committed
764
    background-color:[% color_7 %];     [%~# FIXME %]
765
766
767
768
769
    letter-spacing: 0.1rem;
    text-align: center;
    z-index:10;
}

770

771
772
[%# 641px ~%]
@media only screen and (min-width: 40em) {
IKEDA Soji's avatar
IKEDA Soji committed
773
774
775
776
777
778
779
780
781
782
783
    /* aside menu */
    aside {
        font-size: 0.9em;
        word-wrap: break-word;
    }
    aside li {
        border: none;
        line-height: 1.7em;
        list-style-type:none;
    }

IKEDA Soji's avatar
IKEDA Soji committed
784
    #sympa-sub-bar li a {
IKEDA Soji's avatar
IKEDA Soji committed
785
786
        padding-bottom: 0.5em;
        padding-top: 0.5em;
IKEDA Soji's avatar
IKEDA Soji committed
787
788
789
790
    }
    [%# To include link to review page, <a> would be inline,
      but to align accordion icons, parents of submenus would be block. ~%]
    #sympa-sub-bar li:not(.is-accordion-submenu-parent) a {
IKEDA Soji's avatar
IKEDA Soji committed
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
        display: inline;
    }

    aside nav menu.connect {
        border: 1px solid [% color_9 %];
        background-color: [% color_7 %]!important;
    }

    aside nav menu.connect li {
        background-color: transparent!important;
    }

    aside nav menu.connect ul li > ul.menu {
        margin: 0;
        padding: 0;
        width:90%;
    }
    aside nav menu.connect ul li > ul.menu li{
        margin: 0;
        padding: 0;
        line-height:1;
    }
    aside nav menu.connect ul li > ul.menu li label{
        padding: 0;
        font-size: inherit;
    }
    aside nav menu.connect ul li > ul.menu li input{
        height:1.5rem;
    }
IKEDA Soji's avatar
IKEDA Soji committed
820
    [% IF 0 # No longer used. ~%]
IKEDA Soji's avatar
IKEDA Soji committed
821
822
823
824
825
    aside nav menu li.divider, aside nav menu [role="separator"] {
        display:block;
        margin:0!important;
        border-bottom: 1px solid [% color_5 %];
    }
IKEDA Soji's avatar
IKEDA Soji committed
826
    [%~ END # IF 0 ~%]
IKEDA Soji's avatar
IKEDA Soji committed
827
828
829
830
831
832
833
834
835
836
837
    #sympa-sub-bar menu {
        width:98%;
        max-width:250px;
        margin: 0 auto 1rem auto ;
        border-radius: 5px;
    }

    aside nav menu.user, aside nav menu.list, aside nav menu.sympa {
        background-color:[% color_8 %];
        border:1px solid [% color_6 %];
    }
IKEDA Soji's avatar
IKEDA Soji committed
838
839
840
841
842
843
844
845
846
    #sympa-sub-bar menu.user li.divider,
    #sympa-sub-bar menu.user [role="separator"],
    #sympa-sub-bar menu.list li.divider,
    #sympa-sub-bar menu.list [role="separator"],
    #sympa-sub-bar menu.sympa li.divider,
    #sympa-sub-bar menu.sympa [role="separator"] {
        border-top: 1px solid [% color_6 %];
        margin: 0.5rem 0;
    }
IKEDA Soji's avatar
IKEDA Soji committed
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904

    aside nav menu a {
        color:[% color_6 %];
    }
    aside nav menu a:hover {
        color:[% color_5 %];
    }

    aside nav menu ul {
        padding-left:0;
    }

    aside nav menu ul li {
        padding-left:10px;
    }

    aside nav menu ul li:nth-child(even) {
        background-color:[% color_7%];
    }
    aside nav menu ul li ul li {
        background-color:inherit!important;
    }
    aside nav menu ul li ul {
        margin-top: 0;
        padding-left: 0.5rem;
    }

    aside nav menu ul#MainMenuLinks li ul li.menuLinks {
        line-height: 1.2rem;
    }

    aside nav menu ul li label {
        margin-top:0;
        padding-left: 0;
        padding-bottom: 0.5rem;
        font-size:110%;
    }
    aside nav menu ul li.menu_title label {
        padding-bottom: 0.1rem;
        padding-top: 0.1rem;
        margin-bottom: 0.2rem;
        color:[% color_7 %];
        cursor: default;
    }
    aside nav menu ul li.menu_title, aside nav menu ul li.menu_title:hover {
        background-color:[% color_6 %]!important;
    }
    aside nav menu ul li.active, aside nav menu ul li ul li.active {
        background-color:[% color_5%]!important;
    }
    aside nav menu ul li.active a {
        color:[% color_7 %];
    }
    aside ul li.role{
        line-height:1rem;
        margin-bottom:0.5rem;
    }
    dd {
905
        margin: 0 0 0 40px;
IKEDA Soji's avatar
IKEDA Soji committed
906
907
908
    }

    [%# Compat. with Foundation 5 ~%]
IKEDA Soji's avatar
IKEDA Soji committed
909
910
    #sympa-sub-bar menu > ul {
        background-color: transparent;
IKEDA Soji's avatar
IKEDA Soji committed
911
912
913
        margin: 1em 0;
    }
    #sympa-sub-bar menu ul li a {
IKEDA Soji's avatar
IKEDA Soji committed
914
        background-color: transparent;
IKEDA Soji's avatar
IKEDA Soji committed
915
916
917
        padding: 0;
    }
    /* end aside */
IKEDA Soji's avatar
IKEDA Soji committed
918
}
919

920
921
922
923
924
925
926
927
928
929
/*shared menu*/
menu.shared{
    margin:1rem;
}
menu.shared li{
    display:inline;
    list-style:none;
}
/* end shared menu */

lumineau's avatar
lumineau committed
930
931
932
/*Top Button*/
.scroll-top-wrapper {
    position: fixed;
933
934
935
936
937
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
lumineau's avatar
lumineau committed
938
    background-color: [% color_6 %];
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
lumineau's avatar
lumineau committed
955
956
}
.scroll-top-wrapper:hover {
957
    background-color: [% color_11 %];
lumineau's avatar
lumineau committed
958
959
960
961
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
962
    opacity: 1.0;
lumineau's avatar
lumineau committed
963
964
}
.scroll-top-wrapper i.fa {
965
    line-height: inherit;
lumineau's avatar
lumineau committed
966
967
968
}
/****End Top button***/

IKEDA Soji's avatar
IKEDA Soji committed
969
[% IF 0 # No longer used. ~%]
970
971
972
.remember{
   line-height: 2em;
}
IKEDA Soji's avatar
IKEDA Soji committed
973
[%~ END # IF 0 ~%]
974

975
/* Initials in list of lists */
IKEDA Soji's avatar
IKEDA Soji committed
976
977
main nav menu ul li.letter,
main nav menu ul li.letter a,
978
979
980
981
h4.letter {
    text-transform: capitalize;
}

982
983
984
#top{
   height: 0;
}
985

986
.highlighted {
987
    color: red;
988
}
989

990
991
992
993
994
995
.item_list .item {
    width: 70%;
    overflow: hidden;
    margin-bottom: 0.5em;
    margin-left: 5px;
}
996

997
.item_list .suspended {
lumineau's avatar
lumineau committed
998
    background-color:[% color_13 %];
999
}
1000

For faster browsing, not all history is shown. View entire blame