-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
97 lines (92 loc) · 7.51 KB
/
style.css
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
TABLE.lt-table,TD.lt-cell,TD.lt-head { border: solid rgb(230,230,230) 1px; border-collapse: collapse; }
TD.lt-cell,TD.lt-head,TH.lt-title { padding: 5px; }
TH.lt-title { font-size: 14px; }
P.menu { text-align: center; }
TD.lt-head { font-weight: bold; }
DIV.lt-subhead { font-weight: normal; font-size: small; }
TR.lt-row { transition: background 2s; }
TR.lt-row-active { background-color: rgb(230, 230, 255); }
TD.lt-cell { white-space: pre-wrap; transition: background 2s; }
TD.lt-unused { background-color: rgb(200,200,200); }
TD.lt-sum { font-weight: bold; }
TD.lt-tar { text-align: right; }
TD.lt-fin { text-align: right; }
TD.lt-fin:not(:empty)::before { content: "€\a0"; text-align: left; float: left; }
TD.lt-fin INPUT { width: 50px; }
TD.lt-short { text-align: right; }
TD.lt-short INPUT { width: 50px; }
TD.lt-dist { text-align: right; }
TD.lt-dist::after { content: " km"; }
TR.lt-row-group > TD { font-weight: bold; }
TD.lt-sort { position: relative; }
TD.lt-sort::after { position: absolute; top: 0; right: 0; bottom: 0; width: 1rem; padding: 0.4rem 0.3rem 0.2rem 0.2rem; background-color: white; box-shadow: -0.3rem 0 0.3rem 0 white; cursor: pointer; }
TR:hover TD.lt-sort::after { content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m 28.5,85 c -4,0 -7,-3 -7,-8 V 8 c 0,-4 3,-8 7,-8 4,0 7,3 7,8 v 68 c 0,4 -3,8 -7,8 z" fill="lightgrey"/><path d="M 29,100 1.5,72 c -2,-2 -2,-6 0,-8 2,-2 6,-2 8,0 L 29,83 47,65 c 2,-2 6,-2 8,0 2,2 2,6 0,8 z" fill="lightgrey"/><path d="m 70.5,14 c 4,0 7,3 7,8 v 70 c 0,4 -3,8 -7,8 -4,0 -7,-3 -7,-8 V 23 c 0,-4 3,-8 7,-8 z" fill="lightgrey"/><path d="M 70,0 98.5,26 c 2,2 2,6 0,8 -2,2 -6,2 -8,0 L 70,16 51,34 c -2,2 -6,2 -8,0 -2,-2 -2,-6 0,-8 z" fill="lightgrey"/></svg>'); }
TR.lt-row TD.lt-sorted-asc::after { content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m 28.5,85 c -4,0 -7,-3 -7,-8 V 8 c 0,-4 3,-8 7,-8 4,0 7,3 7,8 v 68 c 0,4 -3,8 -7,8 z" fill="lightgrey"/><path d="M 29,100 1.5,72 c -2,-2 -2,-6 0,-8 2,-2 6,-2 8,0 L 29,83 47,65 c 2,-2 6,-2 8,0 2,2 2,6 0,8 z" fill="lightgrey"/><path d="m 70.5,14 c 4,0 7,3 7,8 v 70 c 0,4 -3,8 -7,8 -4,0 -7,-3 -7,-8 V 23 c 0,-4 3,-8 7,-8 z"/><path d="M 70,0 98.5,26 c 2,2 2,6 0,8 -2,2 -6,2 -8,0 L 70,16 51,34 c -2,2 -6,2 -8,0 -2,-2 -2,-6 0,-8 z"/></svg>') }
TR.lt-row TD.lt-sorted-desc::after { content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m 28.5,85 c -4,0 -7,-3 -7,-8 V 8 c 0,-4 3,-8 7,-8 4,0 7,3 7,8 v 68 c 0,4 -3,8 -7,8 z"/><path d="M 29,100 1.5,72 c -2,-2 -2,-6 0,-8 2,-2 6,-2 8,0 L 29,83 47,65 c 2,-2 6,-2 8,0 2,2 2,6 0,8 z"/><path d="m 70.5,14 c 4,0 7,3 7,8 v 70 c 0,4 -3,8 -7,8 -4,0 -7,-3 -7,-8 V 23 c 0,-4 3,-8 7,-8 z" fill="lightgrey"/><path d="M 70,0 98.5,26 c 2,2 2,6 0,8 -2,2 -6,2 -8,0 L 70,16 51,34 c -2,2 -6,2 -8,0 -2,-2 -2,-6 0,-8 z" fill="lightgrey"/></svg>') }
TD.lt-cell DIV.lt-div { margin: 10px 10px; }
TD.lt-edit { height: 20px; }
TD.lt-edit:hover { position: relative; }
TD.lt-edit:not(.lt-editing, .lt-switch):hover::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' fill='rgba(255,255,255,0.5)'/%3E%3Cg fill='%23070'%3E%3Cpath d='m422.95 176.02c0.549-0.48 1.09-0.975 1.612-1.498l21.772-21.772c12.883-12.883 12.883-33.771 0-46.654l-40.434-40.434c-12.883-12.883-33.771-12.883-46.653 0l-21.772 21.772c-0.523 0.523-1.018 1.064-1.498 1.613l86.97 86.969z'/%3E%3Cpolygon points='114.32 397.68 157.32 440.68 106.66 448.34 56 456 63.658 405.34 71.316 354.68'/%3E%3Cpolygon points='349.14 125.54 118.98 355.69 106.54 343.25 336.7 113.09 324.26 100.65 81.659 343.25 168.75 430.34 411.35 187.74'/%3E%3C/g%3E%3C/svg%3E");
/* Image source: http://simpleicon.com/ */
position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; z-index: 500;
}
TD.lt-notsaved { background-color: #ffa0a0 }
.lt-required { background-color: rgb(255,220,220); }
DIV.lt-div { }
DIV.lt-search-form { display: grid; grid-template-columns: repeat(3, auto); justify-items: start; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; }
DIV.lt-search-form > INPUT { justify-self: stretch; }
SELECT.lt-search-form-select { width: 100%; }
DIV.lt-search-form-buttons { grid-column: 1 / 4; }
DIV.lt-search-form-buttons > *:not(:first-child):not(select) { margin-left: 10px; }
DIV.lt-buttongrid { float: right; width: 480px; }
DIV.lt-buttongrid-tabbar { padding-top: 15px; padding-bottom: 9px; padding-right: 10px; }
DIV.lt-buttongrid-panels { position: relative; }
DIV.lt-buttongrid-panel { position: absolute; left: 0px; top: 0px; border: solid black 1px; background-color: white; width: 480px; height: 320px; }
INPUT.lt-buttongrid-button { width: 120px; height: 80px; border: solid white 2px; background-color: rgb(80,80,255); color: white; }
INPUT.lt-buttongrid-button:active { width: 120px; height: 80px; border: solid red 2px; background-color: black; color: yellow; }
SPAN.lt-buttongrid-tab { border: solid black 1px; border-bottom: none; padding: 10px; margin-left: 10px; }
SPAN.lt-buttongrid-topleft { position: absolute; top: 2px; left: 5px; }
SPAN.lt-buttongrid-topright { position: absolute; top: 2px; right: 5px; }
SPAN.lt-buttongrid-bottomleft { position: absolute; bottom: 1px; left: 5px; }
SPAN.lt-buttongrid-bottomright { position: absolute; bottom: 1px; right: 5px; }
DIV.lt-numpad { position: relative; clear: right; float: right; top: 330px; }
INPUT.lt-numpad-button { width: 80px; height: 80px; }
DIV#lt-numpad-display { display: inline-block; vertical-align: top; text-align: center; line-height: 96px; margin: 1px; width: 76px; height: 76px; border: solid black 1px; }
DIV#lt-overlay { position: absolute; width: 800px; height: 600px; background-color: #CCCCCC; border-radius: 10px; z-index: 10000 }
IMG#lt-overlay-close { float: right; position: relative; top: -25px; left: 25px; }
TBODY:empty { display: none; }
TEXTAREA {
box-sizing: border-box;
max-height: 200px;
min-height: 20px;
overflow-x: hidden;
}
TEXTAREA.insert {
min-height: 40px;
}
.notransition {
transition: none !important;
}
INPUT.lt-delete {
background:linear-gradient(to bottom, #909090 5%, #505050 100%); background-color:#909090;
border-radius:6px; border:1px solid #909090;
color:#ffffff; font-size:11px !important; font-weight:bold; cursor:pointer;
margin: 0px 0px !important;
padding: 1px 4px 2px 4px !important;
}
INPUT.lt-delete:hover { background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%); background-color:#909090; border:1px solid #fe1a00; }
SPAN.lt-label-filter { position: absolute; left: -18px; }
SPAN.lt-label-clear { position: absolute; right: -18px; top: 2px; }
.container-fluid { padding-left: 25px; padding-right: 25px; }
TD.lt-filter INPUT { width: 100%; }
INPUT.lt-tableaction { float: right; }
INPUT.lt-add-option { margin-left: 5px; }
.lt-switch { position: relative; margin-left: 10px; }
.lt-switch-input { display: none; }
.lt-switch-label { display: block; width: 32px; height: 16px; }
.lt-switch-label::before,.lt-switch-label::after { content: ""; display: block; position: absolute; cursor: pointer; }
.lt-switch-label::before { width: 28px; height: 18px; background-color: #dedede; border-radius: 1em; transition: background-color 0.25s ease; }
.lt-switch-label::after { width: 18px; height: 18px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); transition: left 0.25s ease; }
.lt-switch-input:checked + .lt-switch-label::before { background-color: #89c12d; }
.lt-switch-input:checked + .lt-switch-label::after { left: 16px; }