GnuCashew ~ GnuCash Enabled Web
GCW
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 
61 /* Account elipsis '...' on the left */
62 .AccountRegister
63  .Wt-header
64  .Wt-tv-c4,
65 .AccountRegister
66  .Wt-tv-contents
67  .Wt-tv-c4
68 {
69  direction: rtl;
70 }
71 
72 /* read-only selected row */
73 .AccountRegister
74  .Wt-tableview
75  .Wt-tv-contents.Wt-striped
76  div.Wt-tv-c.active
77 {
78  color: #0d0c0c;
79  font-weight:bold;
80  background-color:#ffff7e !important;
81 }
82 
83 /* Alternating Row Colors */
84 .AccountRegister
85  .Wt-tableview
86  .Wt-tv-contents.Wt-striped
87  div.Wt-tv-c:nth-child(2n)
88 {
89  background-color:#ffcb0024;
90 }
91 
92 .AccountRegister
93  .Wt-tableview
94  .Wt-tv-contents.Wt-striped
95  div.Wt-tv-c:nth-child(2n+1)
96 {
97  background-color:#1c861333;
98 }
99 
100 /* Thin black line underneath each row */
101 .AccountRegister
102  .Wt-tableview
103  .Wt-tv-contents
104  .Wt-tv-c
105 {
106  border-bottom: 1px solid black;
107 }
108 
109 /* Thin black line on the left */
110 .AccountRegister
111  .Wt-tableview
112  .Wt-tv-contents
113  .Wt-tv-c1
114 {
115  border-left: 1px solid black;
116 }
117 
118 /* Extra padding on the right for scroll bar */
119 .AccountRegister
120  .Wt-tableview
121  .Wt-tv-contents
122  .Wt-tv-c8
123 {
124  padding-right: 15px;
125 }
126 
127 /* Extra padding on the right for scroll bar */
128 .AccountRegister
129  .Wt-tableview
130  .Wt-headerdiv
131  .Wt-tv-c8
132 {
133  padding-right: 15px;
134 }
135 
136 /* Selected Editor Widget padding/margin (the div right before the editor) */
137 .AccountRegister
138  .Wt-tableview
139  .Wt-tv-contents
140  div.Wt-tv-c.selectable
141 {
142  padding:0px;
143  margin:0px;
144 }
145 
146 /* Selected Editor Widget background highlight (the editor) */
147 .AccountRegister
148  .Wt-tableview
149  .Wt-tv-contents
150  div.Wt-tv-c.selectable
151  input
152 {
153  background-color:yellow;
154  vertical-align:top;
155 }
156 
157 .AccountEditor
158 {
159  background-color:#ffbf0047;
160  border: 1px solid black;
161  padding: 5px;
162 }
163 
164 .BillPay
165  .EditWidget
166 {
167  background-color:#ffbf0047;
168  border: 1px solid black;
169 }
170 
171 /*
172 ** Selected 'month' columns are highlighted
173 ** important overrides the alternating row colors
174 */
175 .billpay .colsel
176 {
177  background-color:#1aeaff !important;
178  color: black;
179 }
180 
181 .billpay.unpaid.Wt-tableview .Wt-header
182 {
183  background-color:#ffb6c194;
184 }
185 
186 .billpay.pending.Wt-tableview .Wt-header
187 {
188  background-color:#ffe6b694;
189 }
190 
191 .billpay.paid.Wt-tableview .Wt-header
192 {
193  background-color:#90ee909e;
194 }
195 
196 .billpay.disabled.Wt-tableview .Wt-header
197 {
198  background-color:lightgray;
199 }
200 
201 .billpayedit
202 {
203  display: flex;
204  justify-content: space-around;
205  align-items: flex-start;
206  padding: 5px;
207 }
208 
209 .billpayedit
210  .t1
211 {
212  border-collapse: collapse;
213  width: 75%;
214 }
215 
216 .billpayedit
217  .t1
218  td
219 {
220  padding-left: 3px;
221  padding-right: 3px;
222  text-align: left;
223 }
224 
225 .PaymentWidget
226 {
227  background-color: aquamarine;
228 }
229 
230 .MakePaymentTable
231 {
232  margin-bottom: 5px;
233 }
234 
235 .MakePaymentTable .date
236 {
237  width:125px;
238 }
239 
240 .MakePaymentTable .num
241 {
242  width:35px;
243  text-align:center;
244 }
245 
246 .MakePaymentTable .desc
247 {
248  width:175px;
249 }
250 
251 .MakePaymentTable .acct
252 {
253  width:175px;
254  text-align:right;
255 }
256 
257 .MakePaymentTable .recon
258 {
259  width:35px;
260  text-align:center;
261 }
262 
263 .MakePaymentTable .debit
264 {
265  width:75px;
266  text-align:right;
267 }
268 
269 .MakePaymentTable .credit
270 {
271  width:75px;
272  text-align:right;
273 }
274 
275 .MakePaymentTable .form-control
276 {
277  padding-left:5px;
278  padding-right:5px;
279  padding-top:0px;
280  padding-bottom:0px;
281  height:23px;
282 }
283 
284 
285