css.tt2 51.7 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
/***
  * Foundation 6: Expand width of tooltip (See GH issue #1262)
  */

.tooltip {
    max-width: 20rem;
}

128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
/***
  * 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;
  }
144
145
}

146
147
148
/**
 * UI root
 */
149

150
151
152
153
154
/* Fonts */
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: normal;
155
    src: url("[% static_content_url %]/fonts/Raleway/Raleway-Regular.otf") format("opentype");
156
157
158
159
160
}

/****/


161
162
/* Proportional fonts */
* {
163
164
165
166
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
}

167
body {
lumineau's avatar
lumineau committed
168
169
170
    font-family: 'Raleway', sans-serif;
    font-size: 0.85em;
    -webkit-text-size-adjust:100%;
171
172
173
    line-height: 1.4;
    color: [% color_1 %];
    background-color:[% color_0 %];
174
175
176
177
178
179
180
181
182
}

/**
 * Any-place rules
 */

/* Selection */

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

::selection {
189
190
191
    background: [% color_15 %];
    color: [% color_7 %];
    text-shadow: none;
192
193
194
195
196
}

/* Links */

a {
197
198
    color: [% color_5 %];
    text-decoration: none;
199
        transition: background-color 300ms ease-out;
200
201
202
}

a:visited {
203
    text-decoration: none;
204
205
206
}

a:focus {
207
208
    outline: 0;
    text-decoration: none;
209
210
211
}

a:hover, a:active {
212
213
214
    color: [% color_6 %];
    outline: 0;
    text-decoration: none;
215
216
217
218
219
}

/* Misc */

abbr[title] {
220
    border-bottom: 1px dotted;
221
222
223
}

b, strong {
224
    font-weight: bold;
225
226
227
}

blockquote {
228
    margin: 1em 40px;
229
230
231
}

dfn {
232
    font-style: italic;
233
234
235
}

hr {
236
237
238
239
    display: block;
    height: 1px;
    border-bottom: 1px solid [% color_9 %];
    margin: 1em 0;
240
241
242
}

ins {
243
244
245
    background: [% color_14 %];
    color: [% color_1 %];
    text-decoration: none;
246
247
248
}

mark {
249
250
251
252
    background: [% color_14 %];
    color: [% color_1 %];
    font-style: italic;
    font-weight: bold;
253
254
255
}

pre, code, kbd, samp {
256
257
258
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
259
260
261
}

pre {
262
263
264
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
265
266
267
}

q {
268
    quotes: none;
269
270
271
}

q:before, q:after {
272
273
    content: "";
    content: none;
274
275
276
}

small {
277
    font-size: 85%;
278
279
280
}

sub, sup {
281
282
283
284
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
285
286
287
}

sup {
288
    top: -0.5em;
289
290
291
}

sub {
292
    bottom: -0.25em;
293
294
}

sikeda's avatar
sikeda committed
295
ul, ol, dl {
296
297
298
299
300
    margin: 1em 0;
    padding: 0 0 0 1rem;
    font-size: 13px;
    color: [% color_3 %];
    list-style-position: outside;
301
302
303
}

nav ul, nav ol {
304
305
    list-style: none;
    list-style-image: none;
306
307
308
}

img {
309
310
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
311
312
313
}

address {
314
    font-style:normal;
315
316
317
}

p {
318
319
320
321
    color: [% color_3 %];
    line-height: 1.6em;
    margin: 0.5em 0px 1em;
    padding: 0.2em 0 0;
322
323
324
}

/* Forms */
325
326
form{
    margin:0.5rem 0 1rem 0;
327
    clear:both;
328
}
329
330
331
332
fieldset{
    display:table-cell;
    min-width:0;
}
333

334
335
336
337
main form form{
    margin:1rem 0 0 0;
    padding-left: 0!important;
}
338
339

label {
340
341
342
343
344
    color: [% color_4 %];
    margin-top:0.5rem;
    /*display: inline-block;*/    padding-left:0!important;
    font-weight:700;
    cursor: pointer;
345
346
}

347
label.inlineLabel {
348
349
350
351
352
353
    display: inline !important;
    font: inherit;
    padding: 0;
    line-height: normal;
    width: auto !important;
    float: none !important;
354
}
355
label[for="connected_only"] {
356
    display: inline;
357
}
IKEDA Soji's avatar
IKEDA Soji committed
358

359
input {
360
361
362
363
364
365
    /*border: 1px solid [% color_12 %];
    border-radius: 3px;
    font-size: 16px;
    padding: 10px 9px;
    margin-right: 10px;
    outline:none;*/
366
367
368
}

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

410
legend {
411
412
    *margin-left: -7px;
    white-space: normal;
413
414
415
}

button, input, select, textarea {
416
417
418
    font-size: 100%;
    vertical-align: baseline;
    *vertical-align: middle;
419
420
421
}

button, input {
422
    line-height: normal;
423
424
}

IKEDA Soji's avatar
IKEDA Soji committed
425
426
427
428
429
430
431
button[type="button"],
button[type="reset"],
button[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
432
433
434
435
436
437
438
439
440
441
442
    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;
443
        transition: background-color 300ms ease-out;
444
445
}

IKEDA Soji's avatar
IKEDA Soji committed
446
447
448
449
450
451
452
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 {
453
    background: [% color_5 %] none no-repeat scroll bottom left;
454
455
456
}

input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled {
457
    background: none repeat scroll 0 0 [% color_12 %];
458
459
460
}

button[disabled], input[disabled] {
461
    cursor: default;
462
463
464
}

input[type="search"] {
465
466
467
468
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
469
470
471
472
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
473
    -webkit-appearance: none;
474
475
476
}

textarea {
477
478
479
    overflow: auto;
    vertical-align: top;
    resize: vertical;
480
481
482
}

input:invalid, textarea:invalid {
483
484
    background-color: [% color_13 %];
    opacity:0.5;
485
486
}

IKEDA Soji's avatar
IKEDA Soji committed
487
488
[%# To align buttons in messages moderate form in reveal modal. ~%]
div.reveal form[id*="moderate_"] {
489
    display: inline-block;
IKEDA Soji's avatar
IKEDA Soji committed
490
491
}

IKEDA Soji's avatar
IKEDA Soji committed
492
493
494
495
div.columns {
    overflow: hidden;
    text-overflow: ellipsis;
}
496

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


main.home h3{
    font-weight:500;
    color:[% color_5 %];
    margin-bottom:20px;
553
}
554
555
556

/* Home Submenu */

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

603
604
605
606
607
[%# Compat. with Fooundation 5. ~%]
ul.row {
    width: 100%;
}

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

652
653
654
655
656
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 %];
657
658
}

659
660
661
table tr th {
    background-color: [% color_4 %];
    color: [% color_7 %];
662
    text-align: center;
663
664
665
666
}
table tr th a{
    color: [% color_7 %];
}
667
668
669
670
table tr th, table tr td {
    padding: 0.5rem;
    font-size: 0.8rem;
}
671

672
673
674
.table-wrapper table {
  table-layout: auto;
}
675

676
#loading {
677
678
679
    position: absolute;
    top: 0;
    left: 0;
680
681
    width:100%;
    height:100%;
682
    background-color: rgba(255, 255, 255, 0.75);
683
684
    overflow: hidden;
    display: none;
685
    z-index: 1;
686
}
687
688
689
690

#loadingText {
    width: 100%;
    text-align: center;
691
692
    line-height: 100vh;
    vertical-align: middle;
693
694
695
696
    color: rgb(0, 75, 148);
    font-weight: 100;
    font-size: 2rem;
    margin: 0;
697
}
698

IKEDA Soji's avatar
IKEDA Soji committed
699
[%# Used only when top_menu is false ~%]
700
#logo {
701
702
703
704
705
706
    display: block;
    margin: 1rem auto;
    width: 50%;
    text-align: center;
}
#logo img{
707
    max-width: 100%;
708
}
709

IKEDA Soji's avatar
IKEDA Soji committed
710
[% IF 0 # No longer used ~%]
711
#nav {
712
713
    position:relative;
    top:-1px;
714
715
716
}

#nav li {
717
718
719
720
721
    list-style: none;
    float:left;
    height:32px;
    margin-right:5px;
    background-image:none; /*overrides Massey default */
722
723
724
}

#nav a span {
725
726
727
    display:block;
    font-weight:bold;
    padding:7px 15px 2px 15px;
728
729
730
}

#nav a {
731
732
    display:block;
    height:32px;
733
734
    background-image:none;
    background-color: transparent;
735
    border:1px solid [% color_9 %];
736
737
    color: [% color_7 %];
    border: none;
738
    border-radius: 3px 3px 0px 0px;
739
}
IKEDA Soji's avatar
IKEDA Soji committed
740
[%~ END # IF 0 ~%]
741
742

p {
743
    word-wrap:break-word;
744
745
}

746
747
748
749
750
751
/* header */
header h1{
    width:100%;
    text-align:center;
    padding:0.5rem 0 2rem 0;
    margin:0;
IKEDA Soji's avatar
IKEDA Soji committed
752
    background-color:[% color_7 %];     [%~# FIXME %]
753
754
}

755
756
/* main element */
main{
IKEDA Soji's avatar
IKEDA Soji committed
757
    background-color:[% color_7 %];     [%~# FIXME %]
758
759
760
761
762
763
    padding-bottom:2rem;
    [% IF top_menu %]
    min-height:450px;
    [% ELSE %]
    min-height:550px;
    [% END %]
IKEDA Soji's avatar
IKEDA Soji committed
764
}
765
766
767
768
769
770
main.home{
    min-height:inherit;
    text-align: justify;
    padding-bottom:0;
}

IKEDA Soji's avatar
IKEDA Soji committed
771
772
[%# Used only when top_menu is false ~%]
main h1.robot_name {
773
774
    width:100%;
    margin:0;
IKEDA Soji's avatar
IKEDA Soji committed
775
    background-color:[% color_7 %];     [%~# FIXME %]
776
777
778
779
780
    letter-spacing: 0.1rem;
    text-align: center;
    z-index:10;
}

781

782
783
[%# 641px ~%]
@media only screen and (min-width: 40em) {
IKEDA Soji's avatar
IKEDA Soji committed
784
785
786
787
788
789
790
791
792
793
794
    /* 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
795
    #sympa-sub-bar li a {
IKEDA Soji's avatar
IKEDA Soji committed
796
797
        padding-bottom: 0.5em;
        padding-top: 0.5em;
IKEDA Soji's avatar
IKEDA Soji committed
798
799
800
801
    }
    [%# 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
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
        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
831
    [% IF 0 # No longer used. ~%]
IKEDA Soji's avatar
IKEDA Soji committed
832
833
834
835
836
    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
837
    [%~ END # IF 0 ~%]
IKEDA Soji's avatar
IKEDA Soji committed
838
839
840
841
842
843
844
845
846
847
848
    #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
849
850
851
852
853
854
855
856
857
    #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
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
908
909
910
911
912
913
914
915

    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 {
916
        margin: 0 0 0 40px;
IKEDA Soji's avatar
IKEDA Soji committed
917
918
919
    }

    [%# Compat. with Foundation 5 ~%]
IKEDA Soji's avatar
IKEDA Soji committed
920
921
    #sympa-sub-bar menu > ul {
        background-color: transparent;
IKEDA Soji's avatar
IKEDA Soji committed
922
923
924
        margin: 1em 0;
    }
    #sympa-sub-bar menu ul li a {
IKEDA Soji's avatar
IKEDA Soji committed
925
        background-color: transparent;
IKEDA Soji's avatar
IKEDA Soji committed
926
927
928
        padding: 0;
    }
    /* end aside */
IKEDA Soji's avatar
IKEDA Soji committed
929
}
930

931
932
933
934
935
936
937
938
939
940
/*shared menu*/
menu.shared{
    margin:1rem;
}
menu.shared li{
    display:inline;
    list-style:none;
}
/* end shared menu */

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

IKEDA Soji's avatar
IKEDA Soji committed
980
[% IF 0 # No longer used. ~%]
981
982
983
.remember{
   line-height: 2em;
}
IKEDA Soji's avatar
IKEDA Soji committed
984
[%~ END # IF 0 ~%]
985

986
/* Initials in list of lists */
IKEDA Soji's avatar
IKEDA Soji committed
987
988
main nav menu ul li.letter,
main nav menu ul li.letter a,
989
990
991
992
h4.letter {
    text-transform: capitalize;
}

993
994
995
#top{
   height: 0;
}
996

997
.highlighted {
998
    color: red;
999
}
1000

1001
1002
1003
1004
1005
1006
.item_list .item {
    width: 70%;
    overflow: hidden;
    margin-bottom: 0.5em;
    margin-left: 5px;
}
1007

1008
.item_list .suspended {
lumineau's avatar
lumineau committed
1009
    background-color:[% color_13 %];
1010
}
1011

1012
1013
1014
.item_list .item .item_icon {
    float: left;
}
1015

1016
1017
1018
.item_list .item_content {
    padding: 0.5em;
}
1019

1020
1021
1022
1023
1024
.item_list .item .item_icon + .item_content {
    margin-left: 60px;
}

.item_list .item .item_content .item_title {
lumineau's avatar
lumineau committed
1025
1026
    display: block;
    font-weight: bold;
1027
1028
1029
}

.item_list .item .item_content ul {
lumineau's avatar
lumineau committed
1030
1031
1032
1033
1034
1035
1036
1037
    padding-left: 5rem;
}

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

IKEDA Soji's avatar
IKEDA Soji committed
1038
.item_list .item .item_content ul.my li {
lumineau's avatar
lumineau committed
1039
    display:inline;
IKEDA Soji's avatar
IKEDA Soji committed
1040
    padding-left: 1.5rem;
lumineau's avatar
lumineau committed
1041
1042
}

IKEDA Soji's avatar
IKEDA Soji committed
1043
1044
.item_list .item .item_content ul.my li:first-child {
    padding-left: 0;
1045
1046
1047
}

.item_list .item .item_content p {
lumineau's avatar
lumineau committed
1048
1049
    font-size: 0.9em;
    margin: 0.5em 0 0.5em 1em;
1050
1051
1052
}

.item_list .item .item_content p.note {
lumineau's avatar
lumineau committed
1053
1054
1055
1056
1057
1058
1059
    font-size: 80%;
    font-style: italic;
}

.item_list span.divider {
    padding:0;
    margin:0.5rem 0;
1060
1061
}

IKEDA Soji's avatar
IKEDA Soji committed
1062
[% IF 0 # No longer used. ~%]
1063
1064
1065
1066
1067
1068
.prefs {
    line-height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

IKEDA Soji's avatar
IKEDA Soji committed
1069
.form_row {
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
    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
1080
1081
}
[%~ END # IF 0 ~%]
1082
1083

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

1085
1086
1087
1088
}
#list_type  {
    margin-top:0
}
1089
#list_type ul {
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
    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;
1100
1101
}

IKEDA Soji's avatar
IKEDA Soji committed
1102
[% IF 0 # No longer used. ~%]
1103
1104
1105
.navBar li {
    line-height: 2em;
}
IKEDA Soji's avatar
IKEDA Soji committed
1106
[%~ END # IF 0 ~%]
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116

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

#bold_label em {
   font-style: normal;
}

IKEDA Soji's avatar
IKEDA Soji committed
1117
[% IF 0 # No longer used. ~%]
1118
form#logs_form label,
IKEDA Soji's avatar
IKEDA Soji committed
1119
form.bold_label label {
1120
1121
}
#Canvas {
1122
1123
1124
1125
    min-height: 95%;
    width: 98%;
    margin: 0 0.8em -5em 0.8em;
    overflow: hidden;
1126
}
1127

1128
#Menus {
1129
1130
1131
1132
1133
1134
    float:left;
    width: 23.5em;
    border: 0px solid;
    margin-top:1em;
    padding-top: 0px;
    text-align: left;
1135
}
1136

1137
#Paint {
1138
1139
    vertical-align:top;
    text-align: center;
1140
}
1141

1142
#Title {
1143
1144
1145
1146
1147
    text-align: left;
    font-size:1.8em;
    font-weight: bold;
    padding:1em 0 0 0;
    z-index:520;
1148
}
IKEDA Soji's avatar
IKEDA Soji committed
1149
[%~ END # IF 0 ~%]
1150

1151
.menuInactive2 {
1152
1153
1154
1155
    font-size: 1em;
    line-height:1.4em;
    text-decoration: none;
    font-weight:normal;
1156
}
1157

1158
1159
ul#MainMenuLinks li {
   line-height: 1.7em;
1160
1161
}

IKEDA Soji's avatar
IKEDA Soji committed
1162
[% IF 0 # No longer used. ~%]
1163
#toggleMenu {
1164
1165
    float: right;
    padding-right: 3px;
1166
1167
}

IKEDA Soji's avatar
IKEDA Soji committed
1168
td.adminmenu {
1169
    text-align: center;
1170
1171
}

IKEDA Soji's avatar
IKEDA Soji committed
1172
.text_left {
1173
    text-align: left;
1174
1175
}

IKEDA Soji's avatar
IKEDA Soji committed
1176
.text_right {
1177
    text-align: right!important;
1178
1179
}

IKEDA Soji's avatar
IKEDA Soji committed
1180
td.text_right {
1181
    text-align: right;
1182
1183
}

IKEDA Soji's avatar
IKEDA Soji committed
1184
.text_justify {
1185
    text-align: justify;
1186
1187
1188
}

.without_padding {
1189
    padding:0!important;
1190
1191
1192
1193
1194
}

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

#list_type {
1198
    list-style-type: none;
1199
1200
1201
}

#list_type dd {
1202
    margin-left: 1em;
1203
1204
}

IKEDA Soji's avatar
IKEDA Soji committed
1205
.smaller {
1206
    font-size: smaller;
1207
1208
}

IKEDA Soji's avatar
IKEDA Soji committed
1209
.larger {
1210
    font-size: larger;
1211
1212
}

IKEDA Soji's avatar
IKEDA Soji committed
1213
[% IF 0 # No longer used. ~%]
IKEDA Soji's avatar