summaryrefslogtreecommitdiffstats
path: root/kmymoney2/html/kmymoney2.css
diff options
context:
space:
mode:
authortpearson <tpearson@283d02a7-25f6-0310-bc7c-ecb5cbfe19da>2011-07-04 22:38:03 +0000
committertpearson <tpearson@283d02a7-25f6-0310-bc7c-ecb5cbfe19da>2011-07-04 22:38:03 +0000
commitdadc34655c3ab961b0b0b94a10eaaba710f0b5e8 (patch)
tree99e72842fe687baea16376a147619b6048d7e441 /kmymoney2/html/kmymoney2.css
downloadkmymoney-dadc34655c3ab961b0b0b94a10eaaba710f0b5e8.tar.gz
kmymoney-dadc34655c3ab961b0b0b94a10eaaba710f0b5e8.zip
Added kmymoney
git-svn-id: svn://anonsvn.kde.org/home/kde/branches/trinity/applications/kmymoney@1239792 283d02a7-25f6-0310-bc7c-ecb5cbfe19da
Diffstat (limited to 'kmymoney2/html/kmymoney2.css')
-rw-r--r--kmymoney2/html/kmymoney2.css370
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;
+ }
+