GnuCashew ~ Web Application compatible with GnuCash sql data files.
GCW
Loading...
Searching...
No Matches
gcw.css
Go to the documentation of this file.
1
2/*
3** root document container
4** background-color: ghostwhite;
5** background-color: whitesmoke;
6** background-color: floralwhite;
7** font-size: smaller;
8*/
9.Wt-domRoot
10{
11 font-family: Arial;
12 font-weight: normal;
13 background-color: azure;
14}
15
16.AccountRegister
17{
18/* font-size:smaller; */
19}
20
21/*
22** Background and big fat line on the
23** bottom border of the header
24*/
25.AccountRegister
26 .Wt-header
27{
28 background-color: #96b183;
29 border-bottom:2px solid black;
30}
31
32/*
33** Negative values are red
34**
35*/
36.AccountRegister
37 .negval
38{
39 color:red;
40 background-color:gold !important;
41}
42
43/*
44** Error values are super-red
45**
46*/
47.AccountRegister
48 div.errval
49{
50 color:#0713ce;
51 background-color:#ff000082 !important;
52 border-radius:5px;
53}
54
55.AccountRegister input
56{
57 padding:0px;
58}
59
60/* Account elipsis '...' on the left */
61.AccountRegister
62 .Wt-header
63 .Wt-tv-c4,
64.AccountRegister
65 .Wt-tv-contents
66 .Wt-tv-c4
67{
68 direction: rtl;
69}
70
71/* read-only selected row */
72.AccountRegister
73 .Wt-tableview
74 .Wt-tv-contents
75 div.Wt-tv-c.active
76{
77 color: #0d0c0c;
78 font-weight:bold;
79 background-color:#ffef98 !important;
80}
81
82/* alternating row colors, first line (basic ledger: rowbl) */
83.AccountRegister
84 .Wt-tableview
85 .Wt-tv-contents
86 .rowbl:nth-child(2n)
87{
88 background-color:#feffda;
89}
90
91/* alternating row colors, second line (basic ledger: rowbl) */
92.AccountRegister
93 .Wt-tableview
94 .Wt-tv-contents
95 .rowbl:nth-child(2n+1)
96{
97 background-color:#bfdeb9;
98}
99
100/* static row colors, (transaction journal: rowtj) */
101.AccountRegister
102 .Wt-tableview
103 .Wt-tv-contents
104 .rowtj
105{
106 background-color:#bfdeb9;
107}
108
109/* static row colors, (transaction journal data: rowtd) */
110.AccountRegister
111 .Wt-tableview
112 .Wt-tv-contents
113 .rowtd
114{
115 background-color:#ede7d3;
116}
117
118/* static row colors, rowDoubleLine */
119.AccountRegister
120 .rowdl
121{
122 background-color:aliceblue;
123}
124
125/*
126.AccountRegister
127 .Wt-tableview
128 .Wt-tv-contents
129 .rowo
130{
131 background-color:#1c861333;
132}
133
134.AccountRegister
135 .Wt-tableview
136 .Wt-tv-contents
137 .rowe
138{
139 background-color:#ffcb0024;
140}
141*/
142
143/*
144** the following css are turned off because we're not
145** using the 'alternatingRowColors' feature in the
146** table views. Insead we are using the .rowo and
147** .rowe class selectors.
148*/
149/* Alternating Row Colors Even */
150/*.AccountRegister
151 .Wt-tableview
152 .Wt-tv-contents.Wt-striped
153 div.Wt-tv-c:nth-child(2n)
154{
155 background-color:#ffcb0024;
156}
157*/
158
159/* Alternating Row Colors Odd */
160/*.AccountRegister
161 .Wt-tableview
162 .Wt-tv-contents.Wt-striped
163 div.Wt-tv-c:nth-child(2n+1)
164{
165 background-color:#1c861333;
166}
167*/
168
169/* Thin black line underneath each row */
170.AccountRegister
171 .Wt-tableview
172 .Wt-tv-contents
173 .Wt-tv-c
174{
175 border-bottom: 1px solid black;
176}
177
178/* Thin black line on the left */
179.AccountRegister
180 .Wt-tableview
181 .Wt-tv-contents
182 .Wt-tv-c1
183{
184 border-left: 1px solid black;
185}
186
187/* Extra padding on the right for scroll bar */
188.AccountRegister
189 .Wt-tableview
190 .Wt-tv-contents
191 .Wt-tv-c8
192{
193 padding-right: 15px;
194}
195
196/* Extra padding on the right for scroll bar */
197.AccountRegister
198 .Wt-tableview
199 .Wt-headerdiv
200 .Wt-tv-c8
201{
202 padding-right: 15px;
203}
204
205/* Selected Editor Widget padding/margin (the div right before the editor) */
206.AccountRegister
207 .Wt-tableview
208 .Wt-tv-contents
209 div.Wt-tv-c.selectable
210{
211 padding:0px;
212 margin:0px;
213}
214
215/* Selected Editor Widget background highlight (the editor) */
216.AccountRegister
217 .Wt-tableview
218 .Wt-tv-contents
219 div.Wt-tv-c.selectable
220 input
221{
222/* background-color:#ffef98; */
223 background-color:yellow;
224 vertical-align:top;
225}
226
227.AccountEditor
228{
229 background-color:#ffbf0047;
230 border: 1px solid black;
231 padding: 5px;
232}
233
234
235
236
237
238/*
239.Wt-dateedit {
240 padding-right: 40px;
241 background-image: url('date-edit-button-2.png');
242 background-position: right top;
243 background-repeat: no-repeat;
244}
245*/
246
247
248
249
250
251.BillPay
252 .EditWidget
253{
254 background-color:#ffbf0047;
255 border: 1px solid black;
256}
257
258.BillPay .SummaryTable
259{
260/* width: 100%; */
261 border-collapse: separate;
262}
263
264.BillPay .SummaryTable .acctDay
265{
266 text-align:center !important;
267 color:black;
268 border-top: 1px solid black;
269 border-right: 1px solid black;
270 padding-top: 5px;
271}
272
273.BillPay .SummaryTable td
274{
275 padding-left:4px;
276 padding-right:3px;
277}
278
279.BillPay .SummaryTable td:nth-child(1)
280{
281 border-left: 1px solid black;
282 text-align:right;
283}
284
285.BillPay .SummaryTable td:nth-child(2)
286{
287 border-right: 1px solid black;
288 text-align:left;
289}
290
291.BillPay .SummaryTable .su
292{
293 border-bottom: 1px solid black;
294}
295
296.BillPay .SummaryTable .du
297{
298 border-bottom: 3px double black;
299}
300
301.billpay
302 .active
303{
304 background-color: #eddfdf !important;
305 font-weight: bolder;
306 color: #3b3ecd;
307}
308
309
310/*
311** Selected 'month' columns are highlighted
312** important overrides the alternating row colors
313*/
314.billpay .colsel
315{
316 background-color:#1aeaff !important;
317 color: black;
318}
319
320.billpay.unpaid.Wt-tableview .Wt-header
321{
322 background-color:#ffb6c194;
323}
324
325.billpay.pending.Wt-tableview .Wt-header
326{
327 background-color:#ffe6b694;
328}
329
330.billpay.paid.Wt-tableview .Wt-header
331{
332 background-color:#90ee909e;
333}
334
335.billpay.inactive.Wt-tableview .Wt-header
336{
337 background-color:lightgray;
338}
339
340.billpayedit
341{
342 display: flex;
343 justify-content: space-around;
344 align-items: flex-start;
345 padding: 5px;
346}
347
348.billpayedit
349 .t1
350{
351 border-collapse: collapse;
352 width: 75%;
353}
354
355.billpayedit
356 .t1
357 td
358{
359 padding-left: 3px;
360 padding-right: 3px;
361 text-align: left;
362}
363
364.PaymentWidget
365{
366 background-color: aquamarine;
367}
368
369.MakePaymentTable
370{
371 margin-bottom: 5px;
372}
373
374.MakePaymentTable .date
375{
376 width:125px;
377}
378
379.MakePaymentTable .num
380{
381 width:35px;
382 text-align:center;
383}
384
385.MakePaymentTable .desc
386{
387 width:175px;
388}
389
390.MakePaymentTable .acct
391{
392 width:175px;
393 text-align:right;
394}
395
396.MakePaymentTable .recon
397{
398 width:35px;
399 text-align:center;
400}
401
402.MakePaymentTable .debit
403{
404 width:75px;
405 text-align:right;
406}
407
408.MakePaymentTable .credit
409{
410 width:75px;
411 text-align:right;
412}
413
414.MakePaymentTable .form-control
415{
416 padding-left:5px;
417 padding-right:5px;
418 padding-top:0px;
419 padding-bottom:0px;
420 height:23px;
421}
422
423
424