css.tt2 37.5 KB
Newer Older
1
2
3
4
5
6
[% IF custom_css || session.custom_css -%]
[% 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'] -%]
[% IF session.$color %][% SET $color = session.$color %][% END -%]
/* [% color %]: [% $color %] */
[% END -%]
[% END -%]
7

8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/**
 * 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, nav, section {
	display: block;
}

42
body {
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/**
 * UI root
 */
63

64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/* Fonts */
@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: normal;
    src: url("[% static_content_url %]/fonts/Raleway/Raleway-Regular.ttf") format("truetype");
}

/****/


* {		/* Proportional fonts */
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
}

80
body {
lumineau's avatar
lumineau committed
81
82
83
    font-family: 'Raleway', sans-serif;
    font-size: 0.85em;
    -webkit-text-size-adjust:100%;
84
85
86
    line-height: 1.4;
    color: [% color_1 %];
    background-color:[% color_0 %];
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
}

/**
 * Any-place rules
 */

/* Selection */

::-moz-selection {
	background: [% color_15 %];
	color: [% color_7 %];
	text-shadow: none;
}

::selection {
	background: [% color_15 %];
	color: [% color_7 %];
	text-shadow: none;
}

/* Links */

a {
	color: [% color_5 %];
	text-decoration: none;
112
        transition: background-color 300ms ease-out;
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
}

a:visited {
	text-decoration: none;
}

a:focus {
	outline: 0;
	text-decoration: none;
}

a:hover, a:active {
	color: [% color_6 %];
	outline: 0;
	text-decoration: none;
}

/* Misc */

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border-top: 1px solid [% color_9 %];
	margin: 1em 0;
}

ins {
	background: [% color_14 %];
	color: [% color_1 %];
	text-decoration: none;
}

mark {
	background: [% color_14 %];
	color: [% color_1 %];
	font-style: italic;
	font-weight: bold;
}

pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

sikeda's avatar
sikeda committed
208
ul, ol, dl {
209
	margin: 1em 0;
210
	padding: 0 0 0 1rem;
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
	font-size: 13px;
	color: [% color_3 %];
	list-style-position: outside;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

address {
	font-style:normal;
}

p {
	color: [% color_3 %];
	line-height: 1.6em;
	margin: 0.5em 0px 1em;
	padding: 0.2em 0 0;
}

/* Forms */
238
239
form{
    margin:0.5rem 0 1rem 0;
240
    clear:both;
241
}
242
243
244
245
fieldset{
    display:table-cell;
    min-width:0;
}
246

247
248
249
250
main form form{
    margin:1rem 0 0 0;
    padding-left: 0!important;
}
251
252

label {
253
254
255
256
	color: [% color_4 %];
	margin-top:0.5rem;
	/*display: inline-block;*/    padding-left:0!important;
	font-weight:700;
257
258
259
	cursor: pointer;
}

260
261
262
263
264
265
266
267
label.inlineLabel {
	display: inline !important;
	font: inherit;
	padding: 0;
	line-height: normal;
	width: auto !important;
	float: none !important;
}
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
label[for="connected_only"] {
	display: inline;
}
 
input {
	/*border: 1px solid [% color_12 %];
	border-radius: 3px;
	font-size: 16px;
	padding: 10px 9px;
	margin-right: 10px;
	outline:none;*/
}

input[type="checkbox"], input[type="radio"] {
	border: none;
283
284
285
286
	box-sizing: border-box;
	*width: 13px;
	*height: 13px;
}
287
288
289
table input[type="checkbox"], table input[type="radio"] {
    margin-bottom:0
}
290
291
292
input[type="file"]{
	display: block;
        margin-top:0.5rem;
293
294
295
296
297
298
299
300
301
}
select {
	/*border: 1px solid [% color_12 %];
	border-radius: 3px;
	font-size: 16px;
	padding: 6px 4px;
	margin-right: 10px;
	outline:none;*/
}
lumineau's avatar
lumineau committed
302
303
304
305
306
307
select, input {
   max-width: 550px;
}
select[name="size"] {
   max-width: 60px;
}
308
309
310
311
312
313
314
315
316
317
318
textarea {
	/*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;*/
}
319

320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
legend {
	*margin-left: -7px;
	white-space: normal;
}

button, input, select, textarea {
	font-size: 100%;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
}

335
button, input[type="button"], input[type="reset"], input[type="submit"], a.button{
336
337
338
339
	cursor: pointer;
	*overflow: visible;
	display: inline-block;
	color: [% color_7 %];
340
	border-radius: 4px;
341
342
	background: [% color_6 %] none no-repeat scroll top left;
	font-size: 12px;
343
	font-weight: 200;
344
345
346
	padding: 5px 9px;
	border: 0;
	margin: 0.25em;
347
        transition: background-color 300ms ease-out;
348
349
}

350
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, a.button:hover {
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
	background: [% color_5 %] none no-repeat scroll bottom left;
}

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

button[disabled], input[disabled] {
	cursor: default;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

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

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

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

/* Titles */
386
387
388
h1,h2,h3,h4,h5,h6{
    font-family: 'Raleway', sans-serif;
}
389
390
391
h1 {
	color: [% color_2 %];
	font-weight: 100;
392
	font-size: 1.9em;
393
394
395
396
	margin: 0px 0px 0.6em;
}
h2 {
	color: [% color_2 %];
397
	font-size: 1.6em;
398
	font-weight: 100;
399
	margin: 1rem 0px 0.2rem;
400
401
402
}
h3 {
	margin: 0px 0px 0.6em;
403
	color: [% color_2 %];
404
	font-weight: 100;
405
	font-size: 1.3em;
406
407
408
}
h4 {
	color: [% color_2 %];
409
	font-size: 1.2em;
410
	margin: 1em 0px 0px;
411
412
413
414
	font-weight: 100;
}
h5 {
	color: [% color_3 %];
415
	font-size: 1.1em;
416
417
418
	margin: 2em 0px 0.2em;
	font-weight: 100;
}
419
h6 {
420
    font-size: 1em;
421
}
422
423
424
h1 a, h2 a, h3 a {
	color:[% color_2 %];
}
425
426
427
428
429
430
431
432
433
434
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;
}
435
436
437
438
439
440


main.home h3{
    font-weight:500;
    color:[% color_5 %];
    margin-bottom:20px;
441
}
442
443
444

/* Home Submenu */

445
section.home-submenu{
446
447
448
449
450
    background-color:[% color_2 %];
    min-height:3rem;
    margin: 1rem auto 2rem auto;
    padding:0 0 10px 0;
}
451
section.home-submenu ul {
452
453
454
    display:table;
    list-style: none;
    margin: 0 auto;
455
456
    padding:0;
}
457
section.home-submenu ul li{
458
459
460
461
    display:table-cell;
    padding:0;
    text-align:center;
}
462
section.home-submenu li a{
463
464
465
466
467
468
469
470
471
    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;
}
472
section.home-submenu span{
473
474
    display: block;
}
475
section.home-submenu i span{
476
    display: inline-block;
477
}
478
section.home-submenu a:hover{
479
    color:[% color_11 %];
480
}
481
section.home-submenu .fa-stack {
482
    width: inherit;
483
}
484
section.home-submenu .fa-envelope, section.home-submenu .fa-plus, section.home-submenu .fa-search{
485
    color: [% color_11 %];
486
}
487
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{
488
    color: [% color_7 %];
489
490
491
}

/* Tables */
492
table {
493
494
495
496
497
498
    background-color: [% color_7 %];
    margin: 0px 0px 18px;
    word-wrap: break-word;
    border-collapse:separate;
    border-spacing: 0;
    box-shadow: 0 1px 1px #ccc;
499
}
500
501
502
503
504
505
506
table.listOfItems tr { 
    height:2rem;
}
table.listOfItems td{ 
    vertical-align:middle;
    text-align:center;
}
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
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 {
	display: inline-block;
	color: [% color_5 %];
	border: none;
	background: none;
	font-size: inherit;
	font-weight: inherit;
	padding: 0;
	margin: 0;
}
table.listOfItems td form fieldset button.action:hover, table.listOfItems td button.action:hover {
	color: [% color_6 %];
}
525
526
table.ls_template th{ 
    border-right: 1px solid [% color_7 %];
527
}
528
529
530
531
532
table.ls_template th[colspan]{ 
    border-bottom: 1px solid [% color_7 %];
}
table.ls_template td{ 
    border-right: 1px solid [% color_9 %];
533
534
}

535
536
537
538
539
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 %];
540
541
}

542
543
544
table tr th {
    background-color: [% color_4 %];
    color: [% color_7 %];
545
    text-align: center;
546
547
548
549
}
table tr th a{
    color: [% color_7 %];
}
550
551
552
553
table tr th, table tr td {
    padding: 0.5rem;
    font-size: 0.8rem;
}
554

555
556
557
.table-wrapper table {
  table-layout: auto;
}
558

559
560
561
562
563
564
565
#loading {
    width:100%;
    height:100%;
    background-color:[% color_7 %];
    overflow: hidden;
    display: none;
}
566
567
568
569
570
571
572
573
574

#loadingText {
    width: 100%;
    text-align: center;
    padding-top: 10rem;
    color: rgb(0, 75, 148);
    font-weight: 100;
    font-size: 2rem;
    margin: 0;
575
}
576

577
#logo {
578
579
580
581
582
    display: block;
    margin: 1rem auto;
    width: 50%;
    text-align: center;
}
583

584
#logo img{
585
	max-width: 100%;
586
}
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621

#nav {
	position:relative;
	top:-1px;
}

#nav li {
	list-style: none;
	float:left;
	height:32px;
	margin-right:5px;
   background-image:none; /*overrides Massey default */
}

#nav a span {
	display:block;
	font-weight:bold;
	padding:7px 15px 2px 15px;
}

#nav a {
	display:block;
	height:32px;
    background-image:none;
    background-color: transparent;
	border:1px solid [% color_9 %];
    color: [% color_7 %];
    border: none;
	border-radius: 3px 3px 0px 0px;
}

p {
	word-wrap:break-word;
}

622
623
624
625
626
627
628
/* header */
header h1{
    width:100%;
    text-align:center;
    padding:0.5rem 0 2rem 0;
    margin:0;
    background-color:[% color_7 %];
629
630
}

631
632
633
634
635
636
637
638
639
640
/* main element */
main{
    background-color:[% color_7 %];
    padding-bottom:2rem;
    [% IF top_menu %]
    min-height:450px;
    [% ELSE %]
    min-height:550px;
    [% END %]
}  
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
main.home{
    min-height:inherit;
    text-align: justify;
    padding-bottom:0;
}

main h1.robot_name{
    width:100%;
    margin:0;
    background-color:[% color_7 %];
    letter-spacing: 0.1rem;
    text-align: center;
    z-index:10;
}

656
657
658
659
660

/* aside menu */
aside {
    font-size: 0.9em;
    word-wrap: break-word;
661
}
662
663
664
665
aside li {
    border: none;
    line-height: 1.7em;
    list-style-type:none;
666
}
667

668
669
670
671
aside li a {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    display: inline;
672
}
673

674
675
676
aside menu.connect{
    border: 1px solid [% color_9 %];
    background-color: [% color_7 %]!important;
677
}
678

679
680
aside menu.connect li{
    background-color: transparent!important;
681
}
682

683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
aside menu.connect ul li.has-dropdown ul{
    margin: 0;
    padding: 0;
    width:90%;
}
aside menu.connect ul li.has-dropdown ul li{
    margin: 0;
    padding: 0;
    line-height:1;
}
aside menu.connect ul li.has-dropdown ul li label{
    padding: 0;
    font-size: inherit;
}
aside menu.connect ul li.has-dropdown ul li input{
    height:1.5rem;
699
}
700
701
aside menu li.divider, aside menu [role="separator"] {
    display:block;
702
    margin:0!important;
703
    border-bottom: 1px solid [% color_5 %];
704
705
706
707
708
709
}
aside menu{
    width:98%;
    max-width:250px;
    margin: 0 auto 1rem auto ;
    border-radius: 5px;
710
}
711

712
713
714
aside menu.user,aside menu.list,aside menu.sympa{
    background-color:[% color_8 %];
    border:1px solid [% color_6 %];
715
}
716

717
718
719
720
721
aside menu a{
    color:[% color_6 %];
}
aside menu a:hover{
    color:[% color_5 %];
722
}
723

724
725
aside menu ul {
    padding-left:0;
726
}
727

728
729
aside menu ul li {
    padding-left:10px;
730
}
731

732
733
734
735
736
737
738
739
740
aside menu ul li:nth-child(even){
    background-color:[% color_7%];
}
aside menu ul li ul li{
    background-color:inherit!important;
}
aside menu ul li ul{
    margin-top: 0;
    padding-left: 0.5rem;
741
}
742

743
744
aside menu ul#MainMenuLinks li ul li.menuLinks{
    line-height: 1.2rem;
745
}
746

747
aside menu ul li label{
748
    margin-top:0;
749
750
751
    padding-left: 0;
    padding-bottom: 0.5rem;
    font-size:110%;
752
}
753
aside menu ul li.menu_title label {
754
755
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
756
757
    margin-bottom: 0.2rem;
    color:[% color_7 %];
758
    cursor: default;
759
}
760
761
aside menu ul li.menu_title, aside menu ul li.menu_title:hover{
    background-color:[% color_6 %]!important;
762
}
763
aside menu ul li.active, aside menu ul li ul li.active{
764
    background-color:[% color_5%]!important;
765
766
767
768
}
aside menu ul li.active a{
    color:[% color_7 %];
}
769
770
771
772
aside ul li.role{
    line-height:1rem;
    margin-bottom:0.5rem;
}
773
774
dd {
	margin: 0 0 0 40px;
775
}
776
777
/* end aside */

778
779
780
781
782
783
784
785
786
787
/*shared menu*/
menu.shared{
    margin:1rem;
}
menu.shared li{
    display:inline;
    list-style:none;
}
/* end shared menu */

lumineau's avatar
lumineau committed
788
789
790
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
820
821
822
823
824
825
826
/*Top Button*/
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: [% color_6 %];
	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;
}
.scroll-top-wrapper:hover {
	background-color: [% color_11 %];
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
/****End Top button***/

827
828
829
.remember{
   line-height: 2em;
}
830

831
832
833
834
835
836
837
/* Initials in list of lists */
main .top-bar-section li.letter,
main .top-bar-section li.letter a,
h4.letter {
    text-transform: capitalize;
}

838
839
840
#top{
   height: 0;
}
841

842
843
844
.highlighted {
	color: red;
}
845

846
847
848
849
850
851
.item_list .item {
    width: 70%;
    overflow: hidden;
    margin-bottom: 0.5em;
    margin-left: 5px;
}
852

853
.item_list .suspended {
lumineau's avatar
lumineau committed
854
    background-color:[% color_13 %];
855
}
856

857
858
859
.item_list .item .item_icon {
    float: left;
}
860

861
862
863
.item_list .item_content {
    padding: 0.5em;
}
864

865
866
867
868
869
.item_list .item .item_icon + .item_content {
    margin-left: 60px;
}

.item_list .item .item_content .item_title {
lumineau's avatar
lumineau committed
870
871
    display: block;
    font-weight: bold;
872
873
874
}

.item_list .item .item_content ul {
lumineau's avatar
lumineau committed
875
876
877
878
879
880
881
882
883
884
885
886
887
888
    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;
889
890
891
}

.item_list .item .item_content p {
lumineau's avatar
lumineau committed
892
893
    font-size: 0.9em;
    margin: 0.5em 0 0.5em 1em;
894
895
896
}

.item_list .item .item_content p.note {
lumineau's avatar
lumineau committed
897
898
899
900
901
902
903
    font-size: 80%;
    font-style: italic;
}

.item_list span.divider {
    padding:0;
    margin:0.5rem 0;
904
905
906
907
908
909
910
911
}

.prefs {
    line-height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

912
/*.form_row {
913
914
915
916
917
918
919
920
921
922
    margin-top: 1em;
    float: left;
    clear: left;
    width: 100%;
}

.form_row label {
    display: block;
    float: left;
    width: 150px;
923
924
925
}*/

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

927
928
929
930
}
#list_type  {
    margin-top:0
}
931
#list_type ul {
932
933
934
935
936
937
938
939
940
941
    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;
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
}

.navBar li {
    line-height: 2em;
}

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

#bold_label em {
   font-style: normal;
}

957
form#logs_form label,
958
959
960
961
962
963
964
965
form.bold_label label { 
}
#Canvas {
	min-height: 95%;
	width: 98%;
	margin: 0 0.8em -5em 0.8em;
	overflow: hidden;
}
966

967
968
969
970
971
972
973
974
#Menus {
	float:left;
	width: 23.5em;
	border: 0px solid;
	margin-top:1em;
	padding-top: 0px;
	text-align: left;
}
975

976
977
978
979
#Paint {
	vertical-align:top;
	text-align: center;
}
980

981
982
983
984
985
986
987
#Title {
	text-align: left;
	font-size:1.8em; 
	font-weight: bold;
	padding:1em 0 0 0;
	z-index:520;
}
988

989
990
991
992
993
994
.menuInactive2 {
	font-size: 1em;
	line-height:1.4em;
	text-decoration: none;
	font-weight:normal;
}
995

996
997
ul#MainMenuLinks li {
   line-height: 1.7em;
998
999
1000
}

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