Dokumentmal Saint Etienne

Navn
Dokumenttype
Prosessor
Neste mal
Tittel
Innhold	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Purring $reminderOrdinal</title> <link type="text/css" rel="stylesheet" href="main.css" /> <style type="text/css"> html { height: 100%; } body { font-family: Arial, Helvetica, Sans serif; padding: 0; margin: 0; height: 100%; } div.heading { } div.heading div.user_info { float: right; font-size: 10pt; font-weight: bold; text-transform: uppercase; margin-top: 1em; margin-right: 1em; } div.heading div.logo { min-height: 3em; } div.user_actions { text-transform: none; font-size: 8pt; font-weight: normal; margin-top: 0.2em; } div.user_actions span { padding-right: 0.4em; } div.menu { margin-top: 0.2em; background: #808080; } div.menu.second { margin-top: 0; background: #A8A8A8; } div.menu span.link { display: inline-block; padding-left: 1em; padding-right: 1em; font-weight: bold; } div.menu span.link.selected, div.menu span.link a:hover { background: #A8A8A8; } div.menu.second span.link.selected, div.menu.second span.link a:hover { background: #C8C8C8; } div.menu span.link a, div.menu span.link a:visited { color: white; text-decoration: none; } div.content { margin-left: 8px; margin-top: 8px; margin-right: 8px; min-height: 100%; } form.login { /display: table;/ } div.input { display: table-row; } span.label { display: table-cell; padding-right: 1em; padding-bottom: 0.5em; } span.value { display: table-cell; } .username input, .password input { width: 7em; } table { border-collapse: collapse; } div.message { margin: 1em; padding: 1em; border: 1px solid black; background: #80ff80; } div.error { margin: 1em; padding: 1em; border: 1px solid black; background: #ff8080; } div.warning { margin: 1em; padding: 1em; border: 1px solid black; background: #ffff80; } img { border: 0; } form h2 { text-transform: uppercase; font-size: 14pt; } span.fixed { display: block; font-size: 8pt; } span.fixed p { padding-left: 1em; text-indent: -1em; } span.help { font-size: 8pt; } div.help { background: #b7f1a3 /url(Images/info_48x48.png) no-repeat /; /* background-position: center left; padding-left: 60px; padding-top: 1em; padding-bottom: 1em; padding-right: 1em; / padding: 1em; margin-top: 1em; / min-height: 48px;/ } div.help img { float: left; margin-right: 1em; } / Make div.help expand to encompass entire contents, including floating images / div.help:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } div.help {display: inline-block;} / Hides from IE5/Mac \/ html div.help {height: 1px;} div.help {display: block;} /* End hide from IE5/Mac / div.signature { border: 1px solid black; background: white; margin-top: 2em; padding: 1em; } div.signature span.title { font-weight: bold; } div.signature span { display: block; } div.help_window { display: none; height: 400px; width: 400px; margin: 0 auto; background: white; border: 1px solid black; position: relative; } div.help_window_close { background: white; float: right; } div.help_window_title { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0.5em; padding: 0.3em; background: #A8A8A8; color: white; font-weight: bold; text-transform: uppercase; } div.help_content { padding: 1em; } th { text-align: left; padding-right: 1em; } td.label { vertical-align: top; } p.addNew a { text-decoration: none; } input.error { border: 1px solid red; } </style> <style type="text/css"> td, th { font-size:10pt; margin:0; padding:0; } div.invoice { position: absolute; top: 0; left: 0; / A4 / width: 210mm; height: 284mm; margin: 0; padding: 0; } div.companyHeader { position: absolute; top: 9.6mm; left: 11.9mm; width: auto; height: auto; font-size: 8pt; } div.companyHeader img.logo { margin-right: 5mm; } div.companyFooter { position: absolute; bottom: 0; left: 30mm; width: auto; height: auto; margin-bottom: 10mm; font-size: 8pt; } div.companyFooter td.label, div.companyFooter td.value { vertical-align: top; padding-left: 3mm; } div.customerAddress { position: absolute; top: 38.2mm; left: 18mm; width: 100mm; height: 28.7mm; } div.invoiceInfo { position: absolute; top: 38.2mm; left: 119.2mm; width: 73.2mm; height: 35.6mm; } h1.invoiceCaption { text-transform: uppercase; font-size: 20pt; font-weight: bold; margin-bottom: 2mm; margin-top: 0; } table.invoiceDetails { font-size: 10pt; } table.invoiceDetails td { padding-bottom: 0; padding-top: 0; } table.invoiceDetails td.label { padding-right: 5mm; } table.invoiceDetails td.value { font-weight: bold; } div.invoiceReference { position: absolute; top: 75mm; left: 11.9mm; width: 169.4mm; height: 10mm; } div.invoiceReference table { font-size: 10pt; } div.invoiceReference table td { padding-bottom: 0; padding-top: 0; } div.invoiceReference table td.label { padding-right: 5mm; } div.invoiceReference table td.value { font-weight: bold; } div.invoiceSpecification { position: absolute; top: 91.4mm; left: 11.9mm; width: 169.4mm; } table.items th { text-transform: uppercase; border-bottom: 1px solid black; padding: 0; } .itemDescription { text-align: left; width: 110mm; vertical-align: top; } .itemRate, .itemUnits, .itemCost { text-align: right; white-space: nowrap; vertical-align: top; } .itemUnits { width: 30mm; vertical-align: top; } .itemRate, table.sum td.label { width: 35mm; } .itemCost, table.sum td.value { width: 35mm; } .sumAmount, .sumVat, .sumTotal { text-align: right; text-transform: uppercase; } .sumTotal .label, .sumTotal .value { border-bottom: 1px solid black; } .sumTotal { font-weight: bold; } .sumSpacer td { height: 10mm; } .delayWarning { font-size: 8pt; vertical-align: bottom; text-transform: none; text-align: left; } table.invoices { margin-top: 2em; } table.invoices td { white-space: nowrap; } .number, .amount, .amountVat { text-align: right; padding-right: 1em; white-space: nowrap; } .customer, .date, .due, .paid, .status { text-align: left; padding-right: 1em; } tr.overdue td { color: red; } td.actions img { padding-right: 0.2em; } input.invoicePaidDate { width: 5em; } td.itemDetail { padding-top: 0.5em; padding-left: 2em; padding-bottom: 0.5em; font-size: 8pt; } table.invoiceinteresttransaction td { padding-left: 1em; } div.timesheetSpecification { position: absolute; top: 284mm; left: 0; / A4 / width: 210mm; height: 284mm; margin: 0; padding: 0; } div.timesheetSpecification table { position: absolute; top: 38.2mm; left: 11.9mm; width: auto; height: auto; } .highlight { color: red; } table.items tr.header td { font-weight: bold; padding-top: 0.5em; } / EDIT INVOICE */ textarea.invoiceItemDescription { width: 30em; } input.invoiceItemUnits { width: 5em; text-align: right; } input.invoiceItemRate { width: 5em; text-align: right; } table.editInvoiceItems tr td { vertical-align: top; } </style> </head> <body onload="print();"> <div class="invoice"> <div class="companyHeader"> <img class="logo" src="On White - 100x68.png" alt="$companyName" title="$companyName" /> </div> <div class="customerAddress"> $customerAddress </div> <div class="invoiceInfo"> <h1 class="invoiceCaption">Purring</h1> <table class="invoiceDetails"> <tbody> <tr class="invoiceNumber"><td class="label">Fakturanr:</td><td class="value">$invoiceNumber</td></tr> <tr class="invoiceNumber"><td class="label">Purring nr:</td><td class="value">$reminderOrdinal</td></tr> <tr class="customerNumber"><td class="label">Kontonr:</td><td class="value">$companyBankAccountNumber</td></tr> <tr class="invoiceDate"><td class="label">Fakturadato:</td><td class="value">$invoiceDate</td></tr> <tr class="invoiceDue highlight"><td class="label">Forfallsdato:</td><td class="value">$invoiceDue</td></tr> <tr class="reminderDate"><td class="label">Purredato:</td><td class="value">$reminderDate</td></tr> <tr class="reminderDue highlight"><td class="label">Ny forfallsdato:</td><td class="value">$reminderDue</td></tr> </tbody> </table> </div> <div class="invoiceReference"> <table> [$reference<tr><td class="label">Deres referanse</td><td class="value">$reference</td></tr>$reference] [$purchaseOrder<tr><td class="label">Bestilling</td><td class="value">$purchaseOrder</td></tr>$purchaseOrder] </table> </div> <div class="invoiceSpecification"> <table class="items"> <thead> <tr><th class="itemDescription">Spesifikasjon</th><th class="itemUnits">Antall</th><th class="itemRate">Enhetspris</th><th class="itemCost">Sum</th></tr> </thead> <tbody> <tr class="header"><td colspan="4">Opprinnelig faktura</td></tr> $invoiceItems [$reminderItems <tr class="header"><td colspan="4">Nye poster</td></tr> $reminderItems$reminderItems] <tr class="sumSpacer"><td colspan="4"></td></tr> <tr class="sumAmount"> <td class="delayWarning" colspan="2" rowspan="3"> $itemsWithoutVat Ved forsinket betaling påløper det forsinkelsesrenter på $delayInterestRate% p.a. </td> <td class="label">Uten MVA</td><td class="value">$amountWithoutVat</td></tr> <tr class="sumVat"><td class="label">MVA</td><td class="value">$amountVat</td></tr> <tr class="sumTotal"><td class="label">Totalt</td><td class="value">$amountWithVat</td> </tr> </tbody> </table> </div> <div class="companyFooter"> <table> <tbody> <tr> <td rowspan="3"></td> <td rowspan="2" class="label">Adresse</td> <td rowspan="2" class="companyAddress value">$companyAddress</td> <td class="label">Bankkonto</td> <td class="companyBankAccount value">$companyBankAccountNumber</td> <td class="label">Telefon</td> <td class="companyPhone value">$companyPhone</td> </tr> <tr> <td class="label">Foretaksnummer</td><td class="companyNumber value">$companyRegistrationNumber</td> <td class="label">E-post</td> <td class="companyEmail value">$companyEmail</td> </tr> </tbody> </table> </div> </div> </body> </html>