-
Notifications
You must be signed in to change notification settings - Fork 26
Expand file tree
/
Copy pathsandtable.css
More file actions
121 lines (104 loc) · 6.43 KB
/
Copy pathsandtable.css
File metadata and controls
121 lines (104 loc) · 6.43 KB
1
2
3
4
5
6
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
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
112
113
114
115
116
117
118
119
120
body {background-color: white; text: white; color: black; font-family: arial, sans-serif; background-image: url("/images/sand_ripples.jpg")}
.title { font-size: 150%; line-height: 140% }
.formTitle { font-size: 80% }
.drawtime { font-size: 80% }
.form { font-size: 100% }
.save { font-size: 100%; vertical-align: middle }
.load { font-size: 100%; vertical-align: middle }
.delete { font-size: 100%; vertical-align: middle }
.upload { font-size: 100%; vertical-align: middle }
.error { color: #FF3F3F; font-size: 90%; line-height: 140% }
.status { color: #000000; font-size: 100%; font-weight: bold; line-height: 120% }
.formError { color: #FF3F3F; font-size: 90% }
.navigation { color: #EEEEEE; font-size: 90%; font-weight: bold }
.picturename{ font-size: 80%; text-align: center }
.adminwarn { font-size: 120% }
.admingood { font-size: 100% }
.savebox {}
.loadbox {}
.historyTitle { font-size: 120% }
div.filer { background-color: #FFFFFF; vertical-align: bottom; }
button.filer { background-color: #FFFFFF; border: 2px solid #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: 100% }
a.filer { display: flex; align-items: center; justify-content: center; min-height: 80px; }
a.filer img { display: block; margin: 0 auto; }
.filerTitle { font-size: 120%; }
.filername { font-size: 80%; color: #000000; text-align: center }
img { border-radius: 4px }
img.sandable { border: 1px solid #6F6F6F; margin: 1px 1px 1px 1px }
img.selected { border: 3px solid #FFE000; margin: 0px; box-shadow: 0 0 0 2px rgba(255, 224, 0, 0.65), 0 0 14px rgba(255, 224, 0, 0.7) }
img.led { border: 1px solid #6F6F6F; margin: 1px 1px 1px 1px }
img.ledselected { border: 3px solid #FFE000; margin: 0px; box-shadow: 0 0 0 2px rgba(255, 224, 0, 0.65), 0 0 14px rgba(255, 224, 0, 0.7) }
img.history { border: 1px solid #6F6F6F; margin: 1px 1px 1px 1px }
img.plan { border: 3px solid #B7B181; margin: 1px 1px 1px 1px; background-color: #B7B181 }
a:link { color: gray }
a:visited { color: gray }
a:hover { color: black }
a:active { color: black }
a.plan { font-size: 140%; font-family: arial, sans-serif }
a.plan:link { color: #CFCFCF }
a.plan:visited { color: #CFCFAF }
a.plan:hover { color: #FFFFFF }
a.plan:active { color: #FFFFFF }
button { border-radius: 4px }
button.redraw,
button.random,
button.defaults,
button.doit,
button.abort,
button.sand,
button.preview,
button.save,
button.export,
button.upload,
button.load,
button.delete,
button.rename {
font-size: 100%;
margin: 3px 3px 3px 3px;
padding: 2px 6px;
line-height: 1.2;
vertical-align: middle;
}
button.redraw { color: #000000; background-color: #00DF2F }
button.random { color: #FFFFFF; background-color: #8A2BE2 }
button.defaults { color: #FFFFFF; background-color: #7B3FA0 }
button.doit { color: #000000; background-color: #DFBF00 }
button.abort { color: #FFFFFF; background-color: #8F0000 }
button.sand { color: #000000; background-color: #DFBF00 }
button.preview { color: #000000; background-color: #00DF2F }
button.save { color: #FFFFFF; background-color: #00007F }
button.export { color: #FFFFFF; background-color: #6F5F00 }
button.upload { color: #FFFFFF; background-color: #00007F }
button.load { color: #FFFFFF; background-color: #00007F }
button.delete { color: #FFFFFF; background-color: #7F0000 }
button.rename { color: #FFFFFF; background-color: #00007F }
button.sandable { background-color: #6F6F6F; border: 2px solid #6F6F6F; margin: 0px 0px 0px 0px; padding: 0px }
button.selected { background-color: #000000; border: 3px solid #FFE000; margin: 0px 0px 0px 0px; padding: 0px; box-shadow: 0 0 0 2px rgba(255, 224, 0, 0.65), 0 0 14px rgba(255, 224, 0, 0.7) }
button.led { background-color: #6F6F6F; border: 2px solid #6F6F6F; margin: 0px 0px 0px 0px; padding: 0px }
button.ledselected { background-color: #2A0A0A; border: 3px solid #FFE000; margin: 0px 0px 0px 0px; padding: 0px; box-shadow: 0 0 0 2px rgba(255, 224, 0, 0.65), 0 0 14px rgba(255, 224, 0, 0.7) }
button.history { background-color: #6F6F6F; border: 2px solid #6F6F6F; margin: 0px 0px 0px 0px; padding: 0px }
button.picture { background-color: #FFFFFF; border: 2px solid #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px }
input.save { background: #DFDFFF; color: black; width: 300px; vertical-align: middle }
select.load { background: #DFDFFF; color: black; width: 25ch; max-width: 25ch; vertical-align: middle }
input.upload { background: #DF00FF: color: black; width: 400px; vertical-align: middle }
pre.text { color: black; font-family: "Lucida Console", monospace, "Courier New"; font-size: 85% }
table.help {}
td { font-size: 90% }
th { font-size: 100%; line-height: 130%; text-align: left; background-color: #DFDFDF }
td.help {}
th.help {}
td.picture { background-color: #EFEFEF }
td.filer { background-color: #EFEFEF }
ul { list-style-type: square; list-style-position: outside }
div.adminwarn { background-color: white; width: 400px; padding: 10px; border: 10px solid red; margin: 10px; }
div.admingood { background-color: white; width: 400px; padding: 10px; border: 10px solid darkgreen; margin: 10px; }
.pl-thumb { position: relative; display: inline-block; }
.pl-thumb-label { display: none; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); background: rgba(0,0,0,0.75); color: #fff; font-size: 80%; white-space: nowrap; padding: 3px 6px; border-radius: 3px; pointer-events: none; z-index: 10; margin-left: 8px; }
.pl-thumb:hover .pl-thumb-label { display: block; }
.draw-thumb { position: relative; display: inline-block; line-height: 0; }
.draw-thumb-label { display: none; position: absolute; top: 0; left: 0; transform: none; background: rgba(255, 255, 255, 0.92); color: #000; font-size: 80%; line-height: 1.35; white-space: nowrap; padding: 7px 8px; border: 1px solid rgba(0, 0, 0, 0.55); border-radius: 0 0 6px 0; pointer-events: none; z-index: 10; }
.draw-thumb:hover .draw-thumb-label { display: block; }
.intSlider { -webkit-appearance: none; height: 5px; border-radius: 2px; background-color: #a29963}
.intSlider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; height: 12px; width: 12px; border-radius: 50%; cursor: pointer; background:#615301}
.floatSlider { -webkit-appearance: none; height: 5px; border-radius: 2px; background-color: #a29963}
.floatSlider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; height: 12px; width: 12px; border-radius: 50%; cursor: pointer; background:#615301}