You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
1.6 KiB
CSS
115 lines
1.6 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,700italic,400italic);
|
|
|
|
body {
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
}
|
|
|
|
.label{
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.headerRight {
|
|
float: right;
|
|
width: 40%;
|
|
}
|
|
|
|
.headerRight .content {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.headerRight .content .contentRow {
|
|
display: table-row;
|
|
}
|
|
|
|
.headerRight .content .contentRow .label{
|
|
display: table-cell;
|
|
}
|
|
|
|
.headerRight .content .contentRow .invoiceNumber, .headerRight .content .contentRow .invoiceDate, .headerRight .content .contentRow .invoiceDateDue, .headerRight .content .contentRow .balanceDue{
|
|
display: table-cell;
|
|
}
|
|
|
|
.headerRight .content .contentRow .balanceDue{
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.headerLeft {
|
|
}
|
|
|
|
h1{
|
|
margin-top: 0px;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
|
|
.customerAddress, .careOf{
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.careOf{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.currencyCell, .rateCell, .quantityCell, .labelCell {
|
|
text-align: right;
|
|
}
|
|
|
|
.invoiceTable {
|
|
padding-top: 0em;
|
|
padding-bottom: 5em;
|
|
width: 100%;
|
|
}
|
|
|
|
.invoiceComments {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
th {
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
td {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.quantityHeading, .rateHeading, .amountHeading {
|
|
width: 10%;
|
|
}
|
|
|
|
.headingRow{
|
|
border-bottom: 2px solid #ddd;
|
|
}
|
|
|
|
.ruleRow{
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.totalRow, .balancedueRow {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.commentRow td{
|
|
padding-left: 10px;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
|
|
#pageFooter {
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:flex-end;
|
|
}
|
|
|
|
#pageFooter:after {
|
|
counter-increment: page;
|
|
content: counter(page);
|
|
}
|