You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
371 lines
9.5 KiB
371 lines
9.5 KiB
14 years ago
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
|