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

[% IF custom_css -%]
5
6
7
8
[% 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 -%]
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
42
43
/**
 * 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;
}

44
body {
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
	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
 */
65

66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
/* 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;
}

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

/**
 * 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;
114
        transition: background-color 300ms ease-out;
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
208
209
}

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
210
ul, ol, dl {
211
	margin: 1em 0;
212
	padding: 0 0 0 1rem;
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
238
239
	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 */
240
241
form{
    margin:0.5rem 0 1rem 0;
242
    clear:both;
243
}
244
245
246
247
fieldset{
    display:table-cell;
    min-width:0;
}
248

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

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

262
263
264
265
266
267
268
269
label.inlineLabel {
	display: inline !important;
	font: inherit;
	padding: 0;
	line-height: normal;
	width: auto !important;
	float: none !important;
}
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
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;
285
286
287
288
	box-sizing: border-box;
	*width: 13px;
	*height: 13px;
}
289
290
291
table input[type="checkbox"], table input[type="radio"] {
    margin-bottom:0
}
292
293
294
input[type="file"]{
	display: block;
        margin-top:0.5rem;
295
296
297
298
299
300
301
302
303
}
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
304
305
306
307
308
309
select, input {
   max-width: 550px;
}
select[name="size"] {
   max-width: 60px;
}
310
311
312
313
314
315
316
317
318
319
320
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;*/
}
321

322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
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;
}

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

352
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, a.button:hover {
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
386
	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;
}

387
388
389
390
391
392
/* to align buttons in messages moderate form in reveal modal */ 
div.reveal-modal form[id*="moderate_"]{
	display: inline-block;
}


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


main.home h3{
    font-weight:500;
    color:[% color_5 %];
    margin-bottom:20px;
449
}
450
451
452

/* Home Submenu */

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

/* Tables */
500
table {
501
502
503
504
505
506
    background-color: [% color_7 %];
    margin: 0px 0px 18px;
    word-wrap: break-word;
    border-collapse:separate;
    border-spacing: 0;
    box-shadow: 0 1px 1px #ccc;
507
}
508
509
510
511
512
513
514
table.listOfItems tr { 
    height:2rem;
}
table.listOfItems td{ 
    vertical-align:middle;
    text-align:center;
}
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
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 %];
}
533
534
table.ls_template th{ 
    border-right: 1px solid [% color_7 %];
535
}
536
537
538
539
540
table.ls_template th[colspan]{ 
    border-bottom: 1px solid [% color_7 %];
}
table.ls_template td{ 
    border-right: 1px solid [% color_9 %];
541
542
}

543
544
545
546
547
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 %];
548
549
}

550
551
552
table tr th {
    background-color: [% color_4 %];
    color: [% color_7 %];
553
    text-align: center;
554
555
556
557
}
table tr th a{
    color: [% color_7 %];
}
558
559
560
561
table tr th, table tr td {
    padding: 0.5rem;
    font-size: 0.8rem;
}
562

563
564
565
.table-wrapper table {
  table-layout: auto;
}
566

567
568
569
570
571
572
573
#loading {
    width:100%;
    height:100%;
    background-color:[% color_7 %];
    overflow: hidden;
    display: none;
}
574
575
576
577
578
579
580
581
582

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

585
#logo {
586
587
588
589
590
    display: block;
    margin: 1rem auto;
    width: 50%;
    text-align: center;
}
591

592
#logo img{
593
	max-width: 100%;
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
622
623
624
625
626
627
628
629

#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;
}

630
631
632
633
634
635
636
/* header */
header h1{
    width:100%;
    text-align:center;
    padding:0.5rem 0 2rem 0;
    margin:0;
    background-color:[% color_7 %];
637
638
}

639
640
641
642
643
644
645
646
647
648
/* main element */
main{
    background-color:[% color_7 %];
    padding-bottom:2rem;
    [% IF top_menu %]
    min-height:450px;
    [% ELSE %]
    min-height:550px;
    [% END %]
}  
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
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;
}

664
665
666
667
668

/* aside menu */
aside {
    font-size: 0.9em;
    word-wrap: break-word;
669
}
670
671
672
673
aside li {
    border: none;
    line-height: 1.7em;
    list-style-type:none;
674
}
675

676
677
678
679
aside li a {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    display: inline;
680
}
681

682
683
684
aside menu.connect{
    border: 1px solid [% color_9 %];
    background-color: [% color_7 %]!important;
685
}
686

687
688
aside menu.connect li{
    background-color: transparent!important;
689
}
690

691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
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;
707
}
708
709
aside menu li.divider, aside menu [role="separator"] {
    display:block;
710
    margin:0!important;
711
    border-bottom: 1px solid [% color_5 %];
712
713
714
715
716
717
}
aside menu{
    width:98%;
    max-width:250px;
    margin: 0 auto 1rem auto ;
    border-radius: 5px;
718
}
719

720
721
722
aside menu.user,aside menu.list,aside menu.sympa{
    background-color:[% color_8 %];
    border:1px solid [% color_6 %];
723
}
724

725
726
727
728
729
aside menu a{
    color:[% color_6 %];
}
aside menu a:hover{
    color:[% color_5 %];
730
}
731

732
733
aside menu ul {
    padding-left:0;
734
}
735

736
737
aside menu ul li {
    padding-left:10px;
738
}
739

740
741
742
743
744
745
746
747
748
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;
749
}
750

751
752
aside menu ul#MainMenuLinks li ul li.menuLinks{
    line-height: 1.2rem;
753
}
754

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

786
787
788
789
790
791
792
793
794
795
/*shared menu*/
menu.shared{
    margin:1rem;
}
menu.shared li{
    display:inline;
    list-style:none;
}
/* end shared menu */

lumineau's avatar
lumineau committed
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
827
828
829
830
831
832
833
834
/*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***/

835
836
837
.remember{
   line-height: 2em;
}
838

839
840
841
842
843
844
845
/* Initials in list of lists */
main .top-bar-section li.letter,
main .top-bar-section li.letter a,
h4.letter {
    text-transform: capitalize;
}

846
847
848
#top{
   height: 0;
}
849

850
851
852
.highlighted {
	color: red;
}
853

854
855
856
857
858
859
.item_list .item {
    width: 70%;
    overflow: hidden;
    margin-bottom: 0.5em;
    margin-left: 5px;
}
860

861
.item_list .suspended {
lumineau's avatar
lumineau committed
862
    background-color:[% color_13 %];
863
}
864

865
866
867
.item_list .item .item_icon {
    float: left;
}
868

869
870
871
.item_list .item_content {
    padding: 0.5em;
}
872

873
874
875
876
877
.item_list .item .item_icon + .item_content {
    margin-left: 60px;
}

.item_list .item .item_content .item_title {
lumineau's avatar
lumineau committed
878
879
    display: block;
    font-weight: bold;
880
881
882
}

.item_list .item .item_content ul {
lumineau's avatar
lumineau committed
883
884
885
886
887
888
889
890
891
892
893
894
895
896
    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;
897
898
899
}

.item_list .item .item_content p {
lumineau's avatar
lumineau committed
900
901
    font-size: 0.9em;
    margin: 0.5em 0 0.5em 1em;
902
903
904
}

.item_list .item .item_content p.note {
lumineau's avatar
lumineau committed
905
906
907
908
909
910
911
    font-size: 80%;
    font-style: italic;
}

.item_list span.divider {
    padding:0;
    margin:0.5rem 0;
912
913
914
915
916
917
918
919
}

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

920
/*.form_row {
921
922
923
924
925
926
927
928
929
930
    margin-top: 1em;
    float: left;
    clear: left;
    width: 100%;
}

.form_row label {
    display: block;
    float: left;
    width: 150px;
931
932
933
}*/

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

935
936
937
938
}
#list_type  {
    margin-top:0
}
939
#list_type ul {
940
941
942
943
944
945
946
947
948
949
    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;
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
}

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

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

#bold_label em {
   font-style: normal;
}

965
form#logs_form label,
966
967
968
969
970
971
972
973
form.bold_label label { 
}
#Canvas {
	min-height: 95%;
	width: 98%;
	margin: 0 0.8em -5em 0.8em;
	overflow: hidden;
}
974

975
976
977
978
979
980
981
982
#Menus {
	float:left;
	width: 23.5em;
	border: 0px solid;
	margin-top:1em;
	padding-top: 0px;
	text-align: left;
}
983

984
985
986
987
#Paint {
	vertical-align:top;
	text-align: center;
}
988

989
990
991
992
993
994
995
#Title {
	text-align: left;
	font-size:1.8em; 
	font-weight: bold;
	padding:1em 0 0 0;
	z-index:520;
}
996

997
998
999
1000
.menuInactive2 {
	font-size: 1em;
	line-height:1.4em;
	text-decoration: none;
For faster browsing, not all history is shown. View entire blame