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: Helvetica, Arial, Verdana, Tahoma, sans-serif;
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 .pointer
259{
260 cursor: pointer;
261}
262
263.BillPay .SummaryTable
264{
265/* width: 100%; */
266 border-collapse: separate;
267}
268
269.BillPay .SummaryTable .acctDay
270{
271 text-align:center !important;
272 color:black;
273 border-top: 1px solid black;
274 border-right: 1px solid black;
275 padding-top: 5px;
276}
277
278.BillPay .SummaryTable td
279{
280 padding-left:4px;
281 padding-right:3px;
282}
283
284.BillPay .SummaryTable td:nth-child(1)
285{
286 border-left: 1px solid black;
287 text-align:right;
288}
289
290.BillPay .SummaryTable td:nth-child(2)
291{
292 border-right: 1px solid black;
293 text-align:left;
294}
295
296.BillPay .SummaryTable .su
297{
298 border-bottom: 1px solid black;
299}
300
301.BillPay .SummaryTable .du
302{
303 border-bottom: 3px double black;
304}
305
306.billpay
307 .active
308{
309 background-color: #eddfdf !important;
310 font-weight: bolder;
311 color: #3b3ecd;
312}
313
314
315/*
316** Selected 'month' columns are highlighted
317** important overrides the alternating row colors
318*/
319.billpay .colsel
320{
321 background-color:#1aeaff !important;
322 color: black;
323}
324
325.billpay.unpaid.Wt-tableview .Wt-header
326{
327 background-color:#ffb6c194;
328}
329
330.billpay.pending.Wt-tableview .Wt-header
331{
332 background-color:#ffe6b694;
333}
334
335.billpay.paid.Wt-tableview .Wt-header
336{
337 background-color:#90ee909e;
338}
339
340.billpay.inactive.Wt-tableview .Wt-header
341{
342 background-color:lightgray;
343}
344
345.billpayedit
346{
347 display: flex;
348 justify-content: space-around;
349 align-items: flex-start;
350 padding: 5px;
351}
352
353.billpayedit
354 .t1
355{
356 border-collapse: collapse;
357 width: 75%;
358}
359
360.billpayedit
361 .t1
362 td
363{
364 padding-left: 3px;
365 padding-right: 3px;
366 text-align: left;
367}
368
369.PaymentWidget
370{
371 background-color: aquamarine;
372}
373
374.MakePaymentTable
375{
376 margin-bottom: 5px;
377}
378
379.MakePaymentTable .date
380{
381 width:125px;
382}
383
384.MakePaymentTable .num
385{
386 width:35px;
387 text-align:center;
388}
389
390.MakePaymentTable .desc
391{
392 width:175px;
393}
394
395.MakePaymentTable .acct
396{
397 width:175px;
398 text-align:right;
399}
400
401.MakePaymentTable .recon
402{
403 width:35px;
404 text-align:center;
405}
406
407.MakePaymentTable .debit
408{
409 width:75px;
410 text-align:right;
411}
412
413.MakePaymentTable .credit
414{
415 width:75px;
416 text-align:right;
417}
418
419.MakePaymentTable .form-control
420{
421 padding-left:5px;
422 padding-right:5px;
423 padding-top:0px;
424 padding-bottom:0px;
425 height:23px;
426}
427
428
429