diff options
Diffstat (limited to 'kmymoney2/html/kmymoney2.css')
| -rw-r--r-- | kmymoney2/html/kmymoney2.css | 370 |
1 files changed, 370 insertions, 0 deletions
diff --git a/kmymoney2/html/kmymoney2.css b/kmymoney2/html/kmymoney2.css new file mode 100644 index 0000000..a18dfde --- /dev/null +++ b/kmymoney2/html/kmymoney2.css @@ -0,0 +1,370 @@ + +@media screen { + + A.el { text-decoration: none; } + A.elRef { font-weight: bold } + A.code { text-decoration: none; font-weight: normal; color: #4C59A6 } + A.codeRef { font-weight: normal; color: #4C59A6 } + A:hover { text-decoration: none; font-weight: normal; color: #4C59A6 } + + body { + background-color: Window; + color:WindowText; + font-family: verdana, arial, sans-serif; + } + + .setcolor { /*sets color of some spacing elements (such as the column between assets and liabilities) to the desired color*/ + background-color:Window; +} + +body#summaryview { /* set body attributes that affect only the summary view (and not reports) */ + background: url(./images/bg-texture.png) repeat fixed; +} + + +#vieweffect { /* creates a dropshadow at the top of the view creating a resessed effect */ + background: url(./images/top-shadow.png) repeat-x top; + margin:0px -10px 0px -10px; + position:fixed; + top:-5px; + width:100%; + height:20px; + z-index:50; +} + + #summarytitle { /* "your financial summary" title on summary page */ + display:block; + margin-bottom:6px; + text-align: right; + color:WindowText; + Font-size:20px; + padding:10px 15px 15px 0; + } + + .shadow {/*wraps .displayblock -can be used for special decorative effects like a drop shadow */ + background: url(./images/shadow.png) no-repeat bottom right; + margin:0px 5px 30px 15px; + } + + .displayblock {/*ties together a summary header and a table into a single content block*/ + display:block; + position:relative; + top:-6px; + left:-6px; + background-color: Window; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + border-left: 1px solid lightgrey; +/*border:1px solid WindowText;*/ + padding: 0px; + } + + .summaryheader { /*section labels over each table in the financial summary*/ + background: HighLight url(./images/currencyflourish.png) no-repeat bottom right; + color:HighLightText; + Font-size:1.2em; + font-weight:bold; + padding:5px 10px; + } + + .summarytable { /*the tables in the financial summary */ + padding:5px; + } + + .summarytable td { /*style <td> in the tables in the financial summary */ + padding:5px 10px; + border-left: medium solid Window; + border-right: medium solid window; + color:WindowText; + } + + .itemtitle { /*<tr> -additional label for table headers. example "Assets" and "Liabilities"*/ + color:HighLight; + Font-weight:bold; + } + + .itemtitle td { /*<td> table data cells related to .itemtitle*/ + padding:0px 10px 0px 10px; + border-left: 0px; + border-right: 0px; + font-size:1.2em; + } + + .item { /*<tr> -item labels (table headers) for sections in the financial summary */ + font-weight:bold; + color:WindowText; + } + + .item td { /*<td> table data cells related to .item*/ + border-left: 0px; + border-right: 0px; + border-bottom:3px solid WindowText; + } + + .warningtitle { /*<tr> -set warning background color -overdue payments -items of this class also belong to the class called "itemtitle"*/ + color:red;/*set programatically, not by css*/ + background-color: infobackground; + } + + .warning { /*<tr> -set warning background color -items of this class also belong to the class called "item"*/ + background-color: infobackground; + } + + th.left, td.left {/*rule to align table header and table data cells*/ + text-align: left; + } + + th.right, td.right {/*rule to align table header and table data cells*/ + text-align: right; + } + + th.center, td.center {/*rule to align table header and table data cells*/ + text-align: center; + } + + .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.*/ + + } + +/***********************************************************/ +/* These affect only the reports found in the reports view */ + + h2.report { /* header -title on report pages */ + font-size: 18px; + font-family: verdana, arial, sans-serif; + margin-right: 10px; + margin-left: 10px; + margin-top: 10px; + margin-bottom: 10px; + text-align: center; + color:WindowText; + } + + .itemheader { /*column labels in reports */ + font-family: verdana, arial, helvetica, sans-serif; + font-weight: bold; + background-color: Window; + color: WindowText; + padding-top: 5px; + padding-left: 20px; + padding-bottom: 5px; + } + + div.subtitle { /*subtitle of each report page*/ + text-align: center; + color:WindowText; + } + + table.report {/*center the report*/ + margin-left:auto; + margin-right:auto; + } + + table.report th {/*styles table header cells*/ + padding: 0.5em 0.5em; + } + + table.report td {/*styles table cells- but not background color*/ + font-size: 9pt; + padding: 0 0.5em; + text-align: right; + } + + table.report td.leftborder {/*does not appear to be in use*/ + border-left: 1px solid; + } + + table.report td.left {/*far left column*/ + text-align: left; + } + + table.report td.left0 {/*does not appear to be in use*/ + text-align: left; + } + + table.report td.left1 {/*does not appear to be in use*/ + text-align: left; + text-indent: 1.0em; + } + + table.report td.left2 {/*does not appear to be in use*/ + text-align: left; + text-indent: 2.0em; + } + + table.report tr#subtotal td {/*line separating row groups*/ + border-bottom: 1px solid black; + font-weight: normal; + } + +table.report tr#solo td {/*line separating rows that are not groups*/ + border-bottom: 1px solid black; + font-weight: normal; + } + +table.report tr#topparent td.left {/*parent label for each row group containing children*/ + font-weight: bold; + } + + table.report tr#solo td.left {/*label for each row group _not_ containing children*/ + font-weight: bold; + } + + table.report tr.sectionheader td { /* label (title) of each section -subtotals -for example 'Income' and 'Expenses' */ + font-weight: bold; + padding: 0.5em 0.5em 0 0.5em; + color:WindowText; + } + + table.report tr.sectionfooter td { /* totals for each section -subtotals */ + border-top: 1px solid black; + padding: 0 0.5em 0.5em 0.5em; + color:WindowText; + } + + table.report tr.reportfooter td { /* "Grand Total" totals" */ + border-bottom: 1px solid black; + border-top: 1px solid black; + padding: 0 0.5em 0 0.5em; + color:WindowText; + } + + table.report tr.reportfooter td.left { /* "Grand Total" label in the left column */ + font-weight: bold; + color:WindowText; + } + + table.report tr.spacer td {/*used to make a table row act as a spacer when needed*/ + font-size: 4pt; + padding: 1em 0; + } +} + +@media print { + + body { background: white; margin: 0; padding: 0 } + body { font-family: helvetica, arial; font-size: 10pt } + td,th { font-family: helvetica, arial; font-size: 9pt } + + thead { display: table-header-group } + tbody { display: table-row-group } + tfoot { display: table-footer-group } + tr { page-break-inside: avoid } + + div.gap { display: none } + .spacer { display: none } + + h2.report, + div.subtitle { margin: 6pt; padding: 0; text-align: center } + div.subtitle { margin-bottom: 18pt } + + table { border-collapse: separate; border-spacing: 1px; } + table { margin-left: auto; margin-right: auto } + td { vertical-align: baseline } + + table.report {/*center the report*/ + margin-left:auto; + margin-right:auto; + } + + table.report th {/*styles table header cells*/ + padding: 0.5em 0.5em; + } + + table.report td {/*styles table cells- but not background color*/ + text-align: right; + } + table.report td.left {/*far left column*/ + text-align: left; + } + + table.report td.left0 {/*does not appear to be in use*/ + text-align: left; + } + + table.report td.left1 {/*does not appear to be in use*/ + text-align: left; + text-indent: 1.0em; + } + + table.report td.left2 {/*does not appear to be in use*/ + text-align: left; + text-indent: 2.0em; + } + + table.report tr#subtotal td {/*line separating row groups*/ + border-bottom: 1px solid black; + font-weight: normal; + } + +table.report tr#solo td {/*line separating rows that are not groups*/ + border-bottom: 1px solid black; + font-weight: normal; + } + +table.report tr#topparent td.left {/*parent label for each row group containing children*/ + font-weight: bold; + } + + table.report tr#solo td.left {/*label for each row group _not_ containing children*/ + font-weight: bold; + } + + th { border-bottom: 1pt solid black } +/* th { background: #cccccc } */ + tr.item0 td { background: #f2f2ff } + tr.item1 td { background: #f2fff2 } + tr.row-even td { background: #f2f2ff } + tr.row-odd td { background: #f2fff2 } + + tr.item0 td, + tr.item1 td, + tr.itemA td, + tr.itemZ td { font-style: italic } + + td.left0, + td.left1, + td.left2, + td.left { text-align: left } + td.center { text-align: center } + td.right { text-align: right } + td, th { padding: 2pt 4pt } + + tr.sectionheader td.left, + tr.sectionfooter td.left, + tr.sectionheader td.left0, + tr.sectionfooter td.left0 { + padding-top: 12pt; font-size: 1.1em; font-weight: bold + } + + tr.sectionheader td.left1, + tr.sectionfooter td.left1, + tr.sectionheader td.left2, + tr.sectionfooter td.left2 { + padding-top: 6pt; font-size: 0.9em; font-weight: bold + } + + tr.reportfooter td.left { + padding-top: 12pt; font-size: 1.1em; font-weight: bold + } + + #subtotal { font-style: italic } +/* #topparent td, #solo td { border-top: 1px solid gray } */ +} + +tr.item0 td,tr.item1 td,tr.itemA td,tr.itemZ td { + font-style: italic; + } + +tr.itemA td { + border-bottom: 1px dotted gray; + } + +tr.itemZ td { + border-top: 1px dotted gray; + } + +.item0 .value,.item1 .value { + padding-right: 2em; + } + |