Changer couleur modèle facture
Publié : 15 août 2018, 15:57
Bonjours ,
Je souhaite modifier la couleur de l'entête ainsi que les couleurs des textes mais avec ma non connaissance du codage html sa m'est impossible. je voudrais que tout ceux qui apparait en bleu soit en vert.
Déplus je ne comprend pas pourquoi j'ai des mots qui sont en anglais (Project, Item, Price, QTY, ID, VAT)
Merci d'avance de votre aide.
Je souhaite modifier la couleur de l'entête ainsi que les couleurs des textes mais avec ma non connaissance du codage html sa m'est impossible. je voudrais que tout ceux qui apparait en bleu soit en vert.
Code : Tout sélectionner
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
body
{
font-family: -apple-system;
font-size: 6pt;
font-weight: 200;
margin: 0pt;
}
.left
{
float: left;
margin-right: 20pt;
}
.right
{
float: right;
margin-left: 20pt;
}
.clear
{
clear: both;
}
table
{
width: 100%;
border-collapse: separate;
border-spacing: 0pt;
}
#border
{
height: 10pt;
margin-bottom: 20pt;
background-color: #03ABF0;
}
#logo .title
{
display: inline;
margin-left: 10pt;
font-size: 28pt;
font-weight: 100;
}
#company
{
text-align: right;
}
#company .title
{
font-size: 14pt;
font-weight: 400;
text-transform: uppercase;
}
#company .value
{
font-size: 5pt;
font-weight: 100;
}
.separator
{
margin-top: 10pt;
margin-bottom: 10pt;
height:1pt;
background-color: #000000;
}
#invoice td
{
vertical-align: top;
}
#invoice tr.spacer td
{
padding-top: 10pt;
}
#invoice .title
{
font-size: 8pt;
font-weight: 400;
text-transform: uppercase;
}
#invoice .value
{
font-size: 8pt;
font-weight: 200;
}
#invoice .total
{
vertical-align: middle;
text-align: right;
}
#invoice .total div
{
display: inline;
}
#invoice .total .title
{
font-size: 14pt;
font-weight: 400;
}
#invoice .total .value
{
color: #03ABF0;
font-size: 14pt;
font-weight: 400;
}
#content th
{
padding-left: 6pt;
color: #03ABF0;
font-size: 8pt;
font-weight: 300;
text-transform: uppercase;
white-space: nowrap;
}
#content td
{
padding-left: 6pt;
padding-top: 6pt;
font-size: 6pt;
font-weight: 200;
white-space: nowrap;
}
#content th:first-child, #content td:first-child
{
padding-left: 0pt;
white-space: normal;
}
#content tr.total td
{
font-weight: 400;
}
.details
{
font-size: 4pt;
font-weight: 100;
}
.footer
{
margin-top: 20pt;
font-style: italic;
}
</style>
</head>
<body>
<div id="border"></div>
<div id="logo" class="left">
{% if company.logo %}<img src="data:image/png;base64,{{ company.logo }}" width="{{ company.logoWidth }}" height="{{ company.logoHeight }}">{% /if %}
<div class="title">{{ company.name }}</div>
</div>
<div id="company" class="right">
<div class="title">{{ type }}</div>
<br>
<div class="value">{{ company.phone }}</div>
<div class="value">{{ company.mail }}</div>
<div class="value">{{ company.webSite }}</div>
<div class="value">{{ company.address }}</div>
<br>
<div class="value">ID: {{ company.identificationNumber }}</div>
<div class="value">VAT: {{ company.taxesNumber }}</div>
</div>
<div class="clear"></div>
<div class="separator"></div>
<div id="invoice">
<table>
<tr>
<td>
<table>
<tr>
<td>
<div class="title">Client</div>
<div class="value">{{ client.name }}</div>
<div class="value">{{ client.address }}</div>
</td>
<td>
<div class="title"># {{ type }}</div>
<div class="value">{{ number }}</div>
</td>
</tr>
<tr class="spacer">
<td>
<div class="title">Project</div>
<div class="value">{{ title }}</div>
</td>
<td>
<div class="title">Date</div>
<div class="value">{{ date | date_format: dd/MM/yyyy }}</div>
</td>
</tr>
</table>
</td>
<td class="total">
<div class="title">Total</div> <div class="value">{{ amount }}</div>
</td>
</tr>
</table>
</div>
<div class="separator"></div>
<div id="content">
<table>
<tr>
<th align="left">Item</th>
<th align="right">Price</th>
<th align="right">Qty</th>
<th align="right">ET Total</th>
<th align="right">Taxes</th>
<th align="right">Total</th>
</tr>
{% for item in items %}
<tr>
<td align="left">{{ item.title }}{% if item.details %}<br><span class="details">{{ item.details }}</span>{% /if %}</td>
<td align="right">{{ item.amount }}</td>
<td align="right">{{ item.quantity }}</td>
<td align="right">{{ item.totalWithoutTaxes }}</td>
<td align="right">{% if item.taxesRate %}{{ item.taxesRate }}{% /if %}</td>
<td align="right">{% if item.free %}<s>{% /if %}{{ item.total }}{% if item.free %}</s><br>FREE{% /if %}</td></tr>
{% /for %}
{% if discount %}
<tr>
<td colspan="5" align="right">Discount</td>
<td align="right">{{ discount }}</td>
</tr>
{% /if %}
<tr>
<td colspan="5" align="right">ET total</td>
<td align="right">{{ amountWithoutTaxes }}</td>
</tr>
{% for tax in taxesDetails %}
<tr>
<td colspan="5" align="right">{{ tax.name }} {{ tax.rate }}</td>
<td align="right">{{ tax.amount }}</td>
</tr>
{% /for %}
<tr class="total">
<td colspan="5" align="right">Total</td>
<td align="right">{{ amount }}</td>
</tr>
</table>
</div>
<div class="footer">{{ footer }}</div>
</body>
</html>
Merci d'avance de votre aide.