blob: e71f3444aa9c691472737022e4790cb9a7407cb1 (
plain)
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
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
210
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
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
|
@import "variables";
.f-color {
.a {color: @main_color_a;}
.b {color: @main_color_b;}
.c {color: @main_color_c;}
.d {color: @main_color_d;}
.e {color: @main_color_e;}
.f {color: @main_color_f;}
.g {color: @main_color_g;}
.h {color: @main_color_h;}
.i {color: @main_color_i;}
.j {color: @main_color_j;}
.k {color: @main_color_k;}
.l {color: @main_color_l;}
.m {color: @main_color_m;}
.n {color: @main_color_n;}
.o {color: @main_color_o;}
.p {color: @main_color_p;}
.q {color: @func_color_q;}
.r {color: @func_color_r;}
.s {color: @func_color_s;}
.t {color: @tlv_color_t;}
.u {color: @tlv_color_u;}
.v {color: @tlv_color_v;}
}
.f-type {
._36 {
font-family: @font-opensans-light;
font-size: 36px;
}
._28 {
font-family: @font-opensans-light;
font-size: 28px;
}
._24 {
font-family: @font-opensans-light;
font-size: 24px;
}
._18_r {
font-family: @font-opensans-regular;
font-size: 18px;
}
._18_m {
font-family: @font-opensans-medium;
font-size: 18px;
}
._16_r {
font-family: @font-opensans-regular;
font-size: 16px;
}
._16_m {
font-family: @font-opensans-medium;
font-size: 16px;
}
._14_r {
font-family: @font-opensans-regular;
font-size: 14px;
}
._14_m {
font-family: @font-opensans-medium;
font-size: 14px;
}
._14_i {
font-family: @font-opensans-medium-italic;
font-size: 14px;
}
._13_r {
font-family: @font-opensans-regular;
font-size: 13px;
}
._13_m {
font-family: @font-opensans-medium;
font-size: 13px;
}
._13_i {
font-family: @font-opensans-medium-italic;
font-size: 13px;
}
._12_r {
font-family: @font-opensans-regular;
font-size: 12px;
}
._12_m {
font-family: @font-opensans-medium;
font-size: 12px;
}
._12_i {
font-family: @font-opensans-medium-italic;
font-size: 12px;
}
}
.buildForColor(@c){
.@{c}_36 { color: ~"@{main_color_@{c}}"; .f-type > ._36;}
.@{c}_24 { color: ~"@{main_color_@{c}}"; .f-type > ._24;}
.@{c}_18_r { color: ~"@{main_color_@{c}}"; .f-type > ._18_r;}
.@{c}_18_m { color: ~"@{main_color_@{c}}"; .f-type > ._18_m;}
.@{c}_16_r { color: ~"@{main_color_@{c}}"; .f-type > ._16_r;}
.@{c}_16_m { color: ~"@{main_color_@{c}}"; .f-type > ._16_m;}
.@{c}_14_r { color: ~"@{main_color_@{c}}"; .f-type > ._14_r;}
.@{c}_14_m { color: ~"@{main_color_@{c}}"; .f-type > ._14_m;}
.@{c}_14_i { color: ~"@{main_color_@{c}}"; .f-type > ._14_i;}
.@{c}_13_r { color: ~"@{main_color_@{c}}"; .f-type > ._13_r;}
.@{c}_13_m { color: ~"@{main_color_@{c}}"; .f-type > ._13_m;}
.@{c}_13_i { color: ~"@{main_color_@{c}}"; .f-type > ._13_i;}
.@{c}_12_r { color: ~"@{main_color_@{c}}"; .f-type > ._12_r;}
.@{c}_12_m { color: ~"@{main_color_@{c}}"; .f-type > ._12_m;}
.@{c}_12_i { color: ~"@{main_color_@{c}}"; .f-type > ._12_i;}
}
.buildForFuncColor(@c){
.@{c}_36 { color: ~"@{func_color_@{c}}"; .f-type > ._36;}
.@{c}_24 { color: ~"@{func_color_@{c}}"; .f-type > ._24;}
.@{c}_18_r { color: ~"@{func_color_@{c}}"; .f-type > ._18_r;}
.@{c}_18_m { color: ~"@{func_color_@{c}}"; .f-type > ._18_m;}
.@{c}_16_r { color: ~"@{func_color_@{c}}"; .f-type > ._16_r;}
.@{c}_16_m { color: ~"@{func_color_@{c}}"; .f-type > ._16_m;}
.@{c}_14_r { color: ~"@{func_color_@{c}}"; .f-type > ._14_r;}
.@{c}_14_m { color: ~"@{func_color_@{c}}"; .f-type > ._14_m;}
.@{c}_14_i { color: ~"@{func_color_@{c}}"; .f-type > ._14_i;}
.@{c}_13_r { color: ~"@{func_color_@{c}}"; .f-type > ._13_r;}
.@{c}_13_m { color: ~"@{func_color_@{c}}"; .f-type > ._13_m;}
.@{c}_13_i { color: ~"@{func_color_@{c}}"; .f-type > ._13_i;}
.@{c}_12_r { color: ~"@{func_color_@{c}}"; .f-type > ._12_r;}
.@{c}_12_m { color: ~"@{func_color_@{c}}"; .f-type > ._12_m;}
.@{c}_12_i { color: ~"@{func_color_@{c}}"; .f-type > ._12_i;}
}
.buildForTlvColor(@c){
.@{c}_36 { color: ~"@{tlv_color_@{c}}"; .f-type > ._36;}
.@{c}_24 { color: ~"@{tlv_color_@{c}}"; .f-type > ._24;}
.@{c}_18_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._18_r;}
.@{c}_18_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._18_m;}
.@{c}_16_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._16_r;}
.@{c}_16_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._16_m;}
.@{c}_14_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_r;}
.@{c}_14_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_m;}
.@{c}_14_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_i;}
.@{c}_13_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_r;}
.@{c}_13_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_m;}
.@{c}_13_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_i;}
.@{c}_12_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_r;}
.@{c}_12_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_m;}
.@{c}_12_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_i;}
}
.buildForColor(a);
.buildForColor(b);
.buildForColor(c);
.buildForColor(d);
.buildForColor(e);
.buildForColor(f);
.buildForColor(g);
.buildForColor(h);
.buildForColor(i);
.buildForColor(j);
.buildForColor(k);
.buildForColor(l);
.buildForColor(m);
.buildForColor(n);
.buildForColor(o);
.buildForColor(p);
.buildForFuncColor(q);
.buildForFuncColor(r);
.buildForFuncColor(s);
.buildForTlvColor(t);
.buildForTlvColor(u);
.buildForTlvColor(v);
.disabled {
opacity: 0.4 !important;
cursor: auto;
background-color: transparent;
pointer-events: none;
}
/* I'm not using hidden name, can not override bower_components/bootstrap/dist/css/less/responsive-utilities.less */
.hideme {
visibility: hidden;
}
.view-mode {
opacity: 1;
border: solid 1px @main_color_o;
background-color: #f8f8f8 !important;
cursor: auto;
& + &:not(.icons-text), &.no-border-top {
border-top: none;
}
}
.no-pointer-events {
pointer-events: none;
}
.unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectable {
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}
.square-icon() {
display: inline-block;
background-color: @main_color_a;
padding: 0;
margin: 0;
margin-right: 7px;
width: 2em;
height: 2em;
border-radius: 1px;
&::before {
display: block;
content: "";
color: @main_color_p;
text-align: center;
line-height: 2em;
width: calc(100% - 2px);
height: calc(100% - 2px);
}
&.small {
font-size: 14px;
}
&.medium {
font-size: 20px;
}
&.large {
font-size: 30px;
}
}
|
