kmymoney/html/kmymoney.css

0001 @media screen {
0002
0003     A.el {
0004         text-decoration: none;
0005     }
0006
0007     A.elRef {
0008         font-weight: bold
0009     }
0010
0011     A.code {
0012         text-decoration: none;
0013         font-weight: normal;
0014         color: #4C59A6
0015     }
0016
0017     A.codeRef {
0018         font-weight: normal;
0019         color: #4C59A6
0020     }
0021
0022     A:hover {
0023         text-decoration: none;
0024         font-weight: normal;
0025         color: #4C59A6
0026     }
0027
0028     body {
0029         background-color: Window;
0030         color: WindowText;
0031         font-family: verdana, arial, sans-serif;
0032     }
0033
0034     .setcolor { /*sets color of some spacing elements (such as the column between assets and liabilities) to the desired color*/
0035         background-color: Window;
0036     }
0037
0038     body#summaryview { /* set body attributes that affect only the summary view (and not reports) */
0039         background: url(qrc:/html/images/bg-texture.png) repeat fixed;
0040         background-color: Window;
0041     }
0042
0043     .displayblock { /*ties together a summary header and a table into a single content block*/
0044         background-color: Window;
0045     }
0046
0047     .displayblock > tr > td {
0048         padding-bottom:5px;
0049     }
0050
0051     .summaryheader { /*section labels over each table in the financial summary*/
0052         background-color: Highlight;
0053         Font-size: large;
0054         font-weight: bold;
0055         padding: 5px 10px;
0056     }
0057
0058     .summarytable { /*the tables in the financial summary */
0059     }
0060
0061     .summarytable td { /*style 'td' in the tables in the financial summary */
0062         padding: 5px 10px;
0063         border-left: 2px solid Window;
0064         border-right: 2px solid Window;
0065     }
0066
0067     .itemtitle { /*'tr' -additional label for table headers. example "Assets" and "Liabilities"*/
0068         font-size: large;
0069         font-weight: bold;
0070     }
0071
0072     .itemtitle td { /*'td' table data cells related to .itemtitle*/
0073         border-left: 0px;
0074         border-right: 0px;
0075     }
0076
0077     .item { /*'tr' -item labels (table headers) for sections in the financial summary */
0078         white-space: nowrap;
0079         font-weight: bold;
0080         color: WindowText;
0081         background-color: Window;
0082     }
0083
0084     .item td { /*'td' table data cells related to .item*/
0085         border-left: 0px;
0086         border-right: 0px;
0087         border-bottom: 3px solid #000000;
0088         background-color: Window;
0089         vertical-align: bottom;
0090     }
0091
0092     .nowrap {
0093         white-space: nowrap;
0094     }
0095
0096     th.left, td.left { /*rule to align table header and table data cells*/
0097         text-align: left;
0098     }
0099
0100     th.right, td.right { /*rule to align table header and table data cells*/
0101         text-align: right;
0102     }
0103
0104     th.center, td.center { /*rule to align table header and table data cells*/
0105         text-align: center;
0106     }
0107
0108     .gap { /* used for spacing in financial summary and reports if needed -match to background color of body if you don't want it to show.*/
0109
0110     }
0111
0112     /***********************************************************/
0113     /* These affect only the reports found in the reports view */
0114     h2.report { /* header -title on report pages */
0115         font-size: x-large;
0116         font-family: verdana, arial, sans-serif;
0117         margin-right: 10px;
0118         margin-left: 10px;
0119         margin-top: 10px;
0120         margin-bottom: 10px;
0121         text-align: center;
0122         color: WindowText;
0123     }
0124
0125     .itemheader { /*column labels in reports */
0126         font-family: verdana, arial, helvetica, sans-serif;
0127         font-weight: bold;
0128         background-color: Window;
0129         color: WindowText;
0130         padding-top: 5px;
0131         padding-left: 20px;
0132         padding-bottom: 5px;
0133     }
0134
0135     div.subtitle { /*subtitle of each report page*/
0136         font-size: large;
0137         text-align: center;
0138         color: WindowText;
0139     }
0140
0141     table.report { /*center the report*/
0142         margin-left: auto;
0143         margin-right: auto;
0144     }
0145
0146     table.report th { /*styles table header cells*/
0147         font-size: large;
0148         padding: 8px 8px;
0149         white-space: nowrap;
0150     }
0151
0152     table.report td { /*styles table cells- but not background color*/
0153         padding: 0 8px;
0154         text-align: right;
0155         white-space: nowrap;
0156     }
0157
0158     table.report td.leftborder { /*does not appear to be in use*/
0159         border-left: 1px solid;
0160     }
0161
0162     table.report td.left { /*far left column*/
0163         text-align: left;
0164     }
0165
0166     table.report td.left0 {
0167         text-align: left;
0168     }
0169
0170     table.report td.left1 {
0171         text-align: left;
0172         text-indent: 16px;
0173     }
0174
0175     table.report td.left2 {
0176         text-align: left;
0177         text-indent: 32px;
0178     }
0179
0180     table.report tr#subtotal td { /*line separating row groups*/
0181         border-bottom: 1px solid #000000;
0182         font-weight: normal;
0183     }
0184
0185     table.report tr#solo td { /*line separating rows that are not groups*/
0186         border-bottom: 1px solid #000000;
0187         font-weight: normal;
0188     }
0189
0190     table.report tr#topparent td.left { /*parent label for each row group containing children*/
0191         font-weight: bold;
0192     }
0193
0194     table.report tr#solo td.left { /*label for each row group _not_ containing children*/
0195         font-weight: bold;
0196     }
0197
0198     table.report tr.sectionheader td { /* label (title) of each section -subtotals  -for example 'Income' and 'Expenses' */
0199         font-weight: bold;
0200         padding: 8px 8px 0 8px;
0201         color: WindowText;
0202     }
0203
0204     table.report tr.sectionfooter td { /* totals for each section -subtotals */
0205         border-top: 1px solid #000000;
0206         padding: 0 8px 8px 8px;
0207         color: WindowText;
0208     }
0209
0210     table.report tr.sectionfooterfirst td { /* totals for each section -subtotals */
0211         border-top: 1px solid #000000;
0212         padding: 0 8px 0 8px;
0213         color: WindowText;
0214     }
0215
0216     table.report tr.sectionfootermiddle td { /* totals for without top border */
0217         padding: 0 8px 0 8px;
0218         color: WindowText;
0219     }
0220
0221     table.report tr.sectionfooterlast td { /* totals for each section -subtotals */
0222         padding: 0 8px 8px 8px;
0223         color: WindowText;
0224     }
0225
0226     table.report tr.reportfooter td { /* "Grand Total" totals" */
0227         border-bottom: 1px solid #000000;
0228         border-top: 1px solid #000000;
0229         padding: 0 8px 0 8px;
0230         color: WindowText;
0231     }
0232
0233     table.report tr.reportfooter td.left { /* "Grand Total" label in the left column */
0234         font-weight: bold;
0235         color: WindowText;
0236     }
0237
0238     table.report tr.spacer td { /*used to make a table row act as a spacer when needed*/
0239         font-size: 4pt;
0240         padding: 16px 0;
0241     }
0242 }
0243
0244 @media print {
0245
0246     /* unvisited link */
0247     a:link {
0248         color: #000000;
0249         text-decoration: none
0250     }
0251
0252     body {
0253         background: white;
0254         margin: 0;
0255         padding: 0
0256     }
0257
0258     body {
0259         font-family: helvetica, arial;
0260         font-size: 10pt
0261     }
0262
0263     td, th {
0264         font-family: helvetica, arial;
0265         font-size: 9pt
0266     }
0267
0268     thead {
0269         display: table-header-group
0270     }
0271
0272     tbody {
0273         display: table-row-group
0274     }
0275
0276     tfoot {
0277         display: table-footer-group
0278     }
0279
0280     tr {
0281         page-break-inside: avoid
0282     }
0283
0284     div.gap {
0285         display: none
0286     }
0287
0288     .spacer {
0289         display: none
0290     }
0291
0292     h2.report,
0293     div.subtitle {
0294         margin: 6pt;
0295         padding: 0;
0296         text-align: center
0297     }
0298
0299     div.subtitle {
0300         margin-bottom: 18pt
0301     }
0302
0303     table {
0304         border-collapse: separate;
0305         border-spacing: 1px;
0306     }
0307
0308     table {
0309         margin-left: auto;
0310         margin-right: auto
0311     }
0312
0313     td {
0314         vertical-align: baseline
0315     }
0316
0317     table.report { /*center the report*/
0318         margin-left: auto;
0319         margin-right: auto;
0320     }
0321
0322     table.report th { /*styles table header cells*/
0323         padding: 8px 8px;
0324     }
0325
0326     table.report td { /*styles table cells- but not background color*/
0327         text-align: right;
0328
0329     }
0330
0331     table.report td.left { /*far left column*/
0332         text-align: left;
0333     }
0334
0335     table.report td.left0 { /*does not appear to be in use*/
0336         text-align: left;
0337     }
0338
0339     table.report td.left1 { /*does not appear to be in use*/
0340         text-align: left;
0341         text-indent: 16px;
0342     }
0343
0344     table.report td.left2 { /*does not appear to be in use*/
0345         text-align: left;
0346         text-indent: 32px;
0347     }
0348
0349     table.report tr#subtotal td { /*line separating row groups*/
0350         border-bottom: 1px solid #000000;
0351         font-weight: normal;
0352     }
0353
0354     table.report tr#solo td { /*line separating rows that are not groups*/
0355         border-bottom: 1px solid #000000;
0356         font-weight: normal;
0357     }
0358
0359     table.report tr#topparent td.left { /*parent label for each row group containing children*/
0360         font-weight: bold;
0361     }
0362
0363     table.report tr#solo td.left { /*label for each row group _not_ containing children*/
0364         font-weight: bold;
0365     }
0366
0367     th {
0368         border-bottom: 1pt solid #000000
0369     }
0370
0371     /*  th             { background: #cccccc } */
0372     tr.item0 td {
0373         background: #f2f2ff
0374     }
0375
0376     tr.item1 td {
0377         background: #f2fff2
0378     }
0379
0380     tr.row-even td {
0381         background: #f2f2ff
0382     }
0383
0384     tr.row-odd td {
0385         background: #f2fff2
0386     }
0387
0388     tr.item0 td,
0389     tr.item1 td,
0390     tr.itemA td,
0391     tr.itemZ td {
0392         font-style: italic
0393     }
0394
0395     td.left0,
0396     td.left1,
0397     td.left2,
0398     td.left {
0399         text-align: left
0400     }
0401
0402     td.center {
0403         text-align: center
0404     }
0405
0406     td.right {
0407         text-align: right
0408     }
0409
0410     td, th {
0411         padding: 2pt 4pt
0412     }
0413
0414     tr.sectionheader td.left,
0415     tr.sectionfooter td.left,
0416     tr.sectionheader td.left0,
0417     tr.sectionfooter td.left0 {
0418         padding-top: 12pt;
0419         font-size: 18px;
0420         font-weight: bold
0421     }
0422
0423     tr.sectionheader td.left1,
0424     tr.sectionfooter td.left1,
0425     tr.sectionheader td.left2,
0426     tr.sectionfooter td.left2 {
0427         padding-top: 6pt;
0428         font-size: 14px;
0429         font-weight: bold
0430     }
0431
0432     tr.reportfooter td.left {
0433         padding-top: 12pt;
0434         font-size: 18px;
0435         font-weight: bold
0436     }
0437
0438     #subtotal {
0439         font-style: italic
0440     }
0441
0442     /*  #topparent td, #solo td { border-top: 1px solid #000000 } */
0443 }
0444
0445 tr.item0 td, tr.item1 td, tr.itemA td, tr.itemZ td {
0446     font-style: italic;
0447 }
0448
0449 tr.itemA td {
0450     border-bottom: 1px dotted #000000;
0451 }
0452
0453 tr.itemZ td {
0454     border-top: 1px dotted #000000;
0455 }
0456
0457 .item0 .value, .item1 .value {
0458     padding-right: 32px;
0459 }