css.tt2 51.6 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 -%]
Luc Didry's avatar
Luc Didry committed
58
59
60
    [% 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 -%]
61
[% 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
108
ul.styled-list {
    list-style: disc;
}
109
110

blockquote, q {
111
    quotes: none;
112
113
114
115
}

blockquote:before, blockquote:after,
q:before, q:after {
116
117
    content: '';
    content: none;
118
119
}

120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
/***
  * 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;
  }
136
137
}

138
139
140
/**
 * UI root
 */
141

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

/****/


153
154
/* Proportional fonts */
* {
155
156
157
158
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
}

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

/**
 * Any-place rules
 */

/* Selection */

::-moz-selection {
175
176
177
    background: [% color_15 %];
    color: [% color_7 %];
    text-shadow: none;
178
179
180
}

::selection {
181
182
183
    background: [% color_15 %];
    color: [% color_7 %];
    text-shadow: none;
184
185
186
187
188
}

/* Links */

a {
189
190
    color: [% color_5 %];
    text-decoration: none;
191
        transition: background-color 300ms ease-out;
192
193
194
}

a:visited {
195
    text-decoration: none;
196
197
198
}

a:focus {
199
200
    outline: 0;
    text-decoration: none;
201
202
203
}

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

/* Misc */

abbr[title] {
212
    border-bottom: 1px dotted;
213
214
215
}

b, strong {
216
    font-weight: bold;
217
218
219
}

blockquote {
220
    margin: 1em 40px;
221
222
223
}

dfn {
224
    font-style: italic;
225
226
227
}

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

ins {
235
236
237
    background: [% color_14 %];
    color: [% color_1 %];
    text-decoration: none;
238
239
240
}

mark {
241
242
243
244
    background: [% color_14 %];
    color: [% color_1 %];
    font-style: italic;
    font-weight: bold;
245
246
247
}

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

pre {
254
255
256
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
257
258
259
}

q {
260
    quotes: none;
261
262
263
}

q:before, q:after {
264
265
    content: "";
    content: none;
266
267
268
}

small {
269
    font-size: 85%;
270
271
272
}

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

sup {
280
    top: -0.5em;
281
282
283
}

sub {
284
    bottom: -0.25em;
285
286
}

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

nav ul, nav ol {
296
297
    list-style: none;
    list-style-image: none;
298
299
300
}

img {
301
302
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
303
304
305
}

address {
306
    font-style:normal;
307
308
309
}

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

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

326
327
328
329
main form form{
    margin:1rem 0 0 0;
    padding-left: 0!important;
}
330
331

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

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

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

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

402
legend {
403
404
    *margin-left: -7px;
    white-space: normal;
405
406
407
}

button, input, select, textarea {
408
409
410
    font-size: 100%;
    vertical-align: baseline;
    *vertical-align: middle;
411
412
413
}

button, input {
414
    line-height: normal;
415
416
}

IKEDA Soji's avatar
IKEDA Soji committed
417
418
419
420
421
422
423
button[type="button"],
button[type="reset"],
button[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
424
425
426
427
428
429
430
431
432
433
434
    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;
435
        transition: background-color 300ms ease-out;
436
437
}

IKEDA Soji's avatar
IKEDA Soji committed
438
439
440
441
442
443
444
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 {
445
    background: [% color_5 %] none no-repeat scroll bottom left;
446
447
448
}

input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled {
449
    background: none repeat scroll 0 0 [% color_12 %];
450
451
452
}

button[disabled], input[disabled] {
453
    cursor: default;
454
455
456
}

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

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
465
    -webkit-appearance: none;
466
467
468
}

textarea {
469
470
471
    overflow: auto;
    vertical-align: top;
    resize: vertical;
472
473
474
}

input:invalid, textarea:invalid {
475
476
    background-color: [% color_13 %];
    opacity:0.5;
477
478
}

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

IKEDA Soji's avatar
IKEDA Soji committed
484
485
486
487
div.columns {
    overflow: hidden;
    text-overflow: ellipsis;
}
488

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


main.home h3{
    font-weight:500;
    color:[% color_5 %];
    margin-bottom:20px;
545
}
546
547
548

/* Home Submenu */

549
section.home-submenu{
550
551
552
553
554
    background-color:[% color_2 %];
    min-height:3rem;
    margin: 1rem auto 2rem auto;
    padding:0 0 10px 0;
}
555
section.home-submenu ul {
556
557
558
    display:table;
    list-style: none;
    margin: 0 auto;
559
560
    padding:0;
}
561
section.home-submenu ul li{
562
563
564
565
    display:table-cell;
    padding:0;
    text-align:center;
}
566
section.home-submenu li a{
567
568
569
570
571
572
573
574
575
    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;
}
576
section.home-submenu span{
577
578
    display: block;
}
579
section.home-submenu i span{
580
    display: inline-block;
581
}
582
section.home-submenu a:hover{
583
    color:[% color_11 %];
584
}
585
section.home-submenu .fa-stack {
586
    width: inherit;
587
}
588
section.home-submenu .fa-envelope, section.home-submenu .fa-plus, section.home-submenu .fa-search{
589
    color: [% color_11 %];
590
}
591
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{
592
    color: [% color_7 %];
593
594
}

595
596
597
598
599
[%# Compat. with Fooundation 5. ~%]
ul.row {
    width: 100%;
}

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

644
645
646
647
648
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 %];
649
650
}

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

664
665
666
.table-wrapper table {
  table-layout: auto;
}
667

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

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

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

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

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

#nav a span {
717
718
719
    display:block;
    font-weight:bold;
    padding:7px 15px 2px 15px;
720
721
722
}

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

p {
735
    word-wrap:break-word;
736
737
}

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

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

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

773

774
775
[%# 641px ~%]
@media only screen and (min-width: 40em) {
IKEDA Soji's avatar
IKEDA Soji committed
776
777
778
779
780
781
782
783
784
785
786
    /* 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
787
    #sympa-sub-bar li a {
IKEDA Soji's avatar
IKEDA Soji committed
788
789
        padding-bottom: 0.5em;
        padding-top: 0.5em;
IKEDA Soji's avatar
IKEDA Soji committed
790
791
792
793
    }
    [%# 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
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
820
821
822
        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
823
    [% IF 0 # No longer used. ~%]
IKEDA Soji's avatar
IKEDA Soji committed
824
825
826
827
828
    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
829
    [%~ END # IF 0 ~%]
IKEDA Soji's avatar
IKEDA Soji committed
830
831
832
833
834
835
836
837
838
839
840
    #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
841
842
843
844
845
846
847
848
849
    #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
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
905
906
907

    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 {
908
        margin: 0 0 0 40px;
IKEDA Soji's avatar
IKEDA Soji committed
909
910
911
    }

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

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

lumineau's avatar
lumineau committed
933
934
935
/*Top Button*/
.scroll-top-wrapper {
    position: fixed;
936
937
938
939
940
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
lumineau's avatar
lumineau committed
941
    background-color: [% color_6 %];
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
    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
958
959
}
.scroll-top-wrapper:hover {
960
    background-color: [% color_11 %];
lumineau's avatar
lumineau committed
961
962
963
964
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
965
    opacity: 1.0;
lumineau's avatar
lumineau committed
966
967
}
.scroll-top-wrapper i.fa {
968
    line-height: inherit;
lumineau's avatar
lumineau committed
969
970
971
}
/****End Top button***/

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

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

985
986
987
#top{
   height: 0;
}
988

989
.highlighted {
990
    color: red;
991
}
992

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

1000
.item_list .suspended {
lumineau's avatar
lumineau committed
1001
    background-color:[% color_13 %];
1002
}
1003

1004
1005
1006
.item_list .item .item_icon {
    float: left;
}
1007

1008
1009
1010
.item_list .item_content {
    padding: 0.5em;
}
1011

1012
1013
1014
1015
1016
.item_list .item .item_icon + .item_content {
    margin-left: 60px;
}

.item_list .item .item_content .item_title {
lumineau's avatar
lumineau committed
1017
1018
    display: block;
    font-weight: bold;
1019
1020
1021
}

.item_list .item .item_content ul {
lumineau's avatar
lumineau committed
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
    padding-left: 5rem;
}

.item_list .item .item_content ul.my {
    margin:0;
    padding-left: 0;
}

.item_list .item .item_content ul.my li{
    display:inline;
}

.item_list .item .item_content ul.my li:nth-child(2){
    padding-left: 1.5rem;
1036
1037
1038
}

.item_list .item .item_content p {
lumineau's avatar
lumineau committed
1039
1040
    font-size: 0.9em;
    margin: 0.5em 0 0.5em 1em;
1041
1042
1043
}

.item_list .item .item_content p.note {
lumineau's avatar
lumineau committed
1044
1045
1046
1047
1048
1049
1050
    font-size: 80%;
    font-style: italic;
}

.item_list span.divider {
    padding:0;
    margin:0.5rem 0;
1051
1052
}

IKEDA Soji's avatar
IKEDA Soji committed
1053
[% IF 0 # No longer used. ~%]
1054
1055
1056
1057
1058
1059
.prefs {
    line-height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

IKEDA Soji's avatar
IKEDA Soji committed
1060
.form_row {
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
    margin-top: 1em;
    float: left;
    clear: left;
    width: 100%;
}

.form_row label {
    display: block;
    float: left;
    width: 150px;
IKEDA Soji's avatar
IKEDA Soji committed
1071
1072
}
[%~ END # IF 0 ~%]
1073
1074

#list_create form label[for="owner"]{
1075

1076
1077
1078
1079
}
#list_type  {
    margin-top:0
}
1080
#list_type ul {
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
    margin-top:0
}
#list_type ul li{
    margin-bottom:0;
}
#list_type li{
    margin-bottom:0.5rem;
}
#list_type input[type="radio"], select {
    margin: 0;
1091
1092
}

IKEDA Soji's avatar
IKEDA Soji committed
1093
[% IF 0 # No longer used. ~%]
1094
1095
1096
.navBar li {
    line-height: 2em;
}
IKEDA Soji's avatar
IKEDA Soji committed
1097
[%~ END # IF 0 ~%]
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107

#bold_label label {
   display: inline-block;
   width: 100px;
}

#bold_label em {
   font-style: normal;
}

IKEDA Soji's avatar
IKEDA Soji committed
1108
[% IF 0 # No longer used. ~%]
1109
form#logs_form label,
IKEDA Soji's avatar
IKEDA Soji committed
1110
form.bold_label label {
1111
1112
}
#Canvas {
1113
1114
1115
1116
    min-height: 95%;
    width: 98%;
    margin: 0 0.8em -5em 0.8em;
    overflow: hidden;
1117
}
1118

1119
#Menus {
1120
1121
1122
1123
1124
1125
    float:left;
    width: 23.5em;
    border: 0px solid;
    margin-top:1em;
    padding-top: 0px;
    text-align: left;
1126
}
1127

1128
#Paint {
1129
1130
    vertical-align:top;
    text-align: center;
1131
}
1132

1133
#Title {
1134
1135
1136
1137
1138
    text-align: left;
    font-size:1.8em;
    font-weight: bold;
    padding:1em 0 0 0;
    z-index:520;
1139
}
IKEDA Soji's avatar
IKEDA Soji committed
1140
[%~ END # IF 0 ~%]
1141

1142
.menuInactive2 {
1143
1144
1145
1146
    font-size: 1em;
    line-height:1.4em;
    text-decoration: none;
    font-weight:normal;
1147
}
1148

1149
1150
ul#MainMenuLinks li {
   line-height: 1.7em;
1151
1152
}

IKEDA Soji's avatar
IKEDA Soji committed
1153
[% IF 0 # No longer used. ~%]
1154
#toggleMenu {
1155
1156
    float: right;
    padding-right: 3px;
1157
1158
}

IKEDA Soji's avatar
IKEDA Soji committed
1159
td.adminmenu {
1160
    text-align: center;
1161
1162
}

IKEDA Soji's avatar
IKEDA Soji committed
1163
.text_left {
1164
    text-align: left;
1165
1166
}

IKEDA Soji's avatar
IKEDA Soji committed
1167
.text_right {
1168
    text-align: right!important;
1169
1170
}

IKEDA Soji's avatar
IKEDA Soji committed
1171
td.text_right {
1172
    text-align: right;
1173
1174
}

IKEDA Soji's avatar
IKEDA Soji committed
1175
.text_justify {
1176
    text-align: justify;
1177
1178
1179
}

.without_padding {
1180
    padding:0!important;
1181
1182
1183
1184
1185
}

.list_panel li {
   list-style-type: none;
}
IKEDA Soji's avatar
IKEDA Soji committed
1186
[%~ END # IF 0 ~%]
1187
1188

#list_type {
1189
    list-style-type: none;
1190
1191
1192
}

#list_type dd {
1193
    margin-left: 1em;
1194
1195
}

IKEDA Soji's avatar
IKEDA Soji committed
1196
.smaller {
1197
    font-size: smaller;
1198
1199
}

IKEDA Soji's avatar
IKEDA Soji committed
1200
.larger {
1201
    font-size: larger;
1202
1203
}

IKEDA Soji's avatar
IKEDA Soji committed
1204
[% IF 0 # No longer used. ~%]
IKEDA Soji's avatar
IKEDA Soji committed
1205
span.center {
1206
    text-align: center;
1207
}
IKEDA Soji's avatar
IKEDA Soji committed
1208
[%~ END # IF 0 ~%]
1209

IKEDA Soji's avatar
IKEDA Soji committed
1210
table td.review_cels {
1211
1212
    text-align: center;
    padding:0 0.2em;