Initial commit
This commit is contained in:
@@ -0,0 +1,347 @@
|
||||
@page {
|
||||
size: A3 landscape;
|
||||
margin: 16mm 14mm 16mm 14mm;
|
||||
|
||||
@top-left {
|
||||
content: "Rapport des sauvegardes Proxmox VE";
|
||||
color: #1f4e79;
|
||||
font-size: 9pt;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@top-right {
|
||||
content: "Page " counter(page) " / " counter(pages);
|
||||
color: #1f4e79;
|
||||
font-size: 8pt;
|
||||
}
|
||||
}
|
||||
|
||||
@page :first {
|
||||
@top-left {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@top-right {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
color: #111827;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 8.5pt;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ── Cover page ─────────────────────────────────────────────────── */
|
||||
|
||||
.cover {
|
||||
break-after: page;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 265mm;
|
||||
}
|
||||
|
||||
.cover-logo-bar {
|
||||
border-bottom: 1px solid #dce6f1;
|
||||
padding: 5mm 10mm;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cover-logo {
|
||||
height: 22pt;
|
||||
}
|
||||
|
||||
.cover-hero {
|
||||
padding: 22mm 12mm 18mm 12mm;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cover-h1 {
|
||||
color: #1f4e79;
|
||||
font-size: 32pt;
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.cover-spacer {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.cover-meta-bar {
|
||||
background: #f4f7fa;
|
||||
border-top: 3px solid #1f4e79;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.cover-meta-item {
|
||||
padding: 5mm 10mm;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cover-meta-item:not(:last-child) {
|
||||
border-right: 1px solid #dce6f1;
|
||||
}
|
||||
|
||||
.cover-meta-label {
|
||||
color: #5b6770;
|
||||
display: block;
|
||||
font-size: 7pt;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.cover-meta-value {
|
||||
color: #1f4e79;
|
||||
display: block;
|
||||
font-size: 11pt;
|
||||
font-weight: 700;
|
||||
margin-top: 1mm;
|
||||
}
|
||||
|
||||
/* ── Table of contents ──────────────────────────────────────────── */
|
||||
|
||||
.toc {
|
||||
break-after: page;
|
||||
}
|
||||
|
||||
.toc h2 {
|
||||
border-bottom: 2px solid #1f4e79;
|
||||
color: #1f4e79;
|
||||
font-size: 15pt;
|
||||
line-height: 1.2;
|
||||
margin: 0 0 5mm 0;
|
||||
padding-bottom: 2.5mm;
|
||||
}
|
||||
|
||||
.toc ol {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 200mm;
|
||||
}
|
||||
|
||||
.toc li {
|
||||
border-bottom: 1px dotted #c9d4e1;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.toc a {
|
||||
color: #374151;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.toc a::after {
|
||||
content: target-counter(attr(href url), page);
|
||||
color: #1f4e79;
|
||||
float: right;
|
||||
font-weight: 700;
|
||||
min-width: 8mm;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.toc-l1 > a {
|
||||
color: #1f4e79;
|
||||
font-size: 9.5pt;
|
||||
font-weight: 700;
|
||||
padding: 2.5mm 0;
|
||||
}
|
||||
|
||||
.toc-l2 > a {
|
||||
font-size: 8.5pt;
|
||||
padding: 1.8mm 0 1.8mm 5mm;
|
||||
}
|
||||
|
||||
/* ── Section headings ───────────────────────────────────────────── */
|
||||
|
||||
h1 {
|
||||
font-size: 24pt;
|
||||
line-height: 1.1;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.section-group-title {
|
||||
align-items: center;
|
||||
border-bottom: 2px solid #1f4e79;
|
||||
color: #1f4e79;
|
||||
display: flex;
|
||||
font-size: 18pt;
|
||||
line-height: 1.15;
|
||||
margin: 3mm 0 5mm 0;
|
||||
padding-bottom: 2mm;
|
||||
}
|
||||
|
||||
.report-section {
|
||||
margin-bottom: 8mm;
|
||||
}
|
||||
|
||||
.report-section h2 {
|
||||
align-items: center;
|
||||
background: #f4f7fa;
|
||||
border-left: 4px solid #1f4e79;
|
||||
color: #1f4e79;
|
||||
display: flex;
|
||||
font-size: 12pt;
|
||||
line-height: 1.2;
|
||||
margin: 0 0 4mm 0;
|
||||
padding: 2.5mm 4mm;
|
||||
}
|
||||
|
||||
.page-break-after {
|
||||
break-after: page;
|
||||
}
|
||||
|
||||
/* ── Section icons ──────────────────────────────────────────────── */
|
||||
|
||||
.section-icon {
|
||||
height: 12pt;
|
||||
margin-right: 5pt;
|
||||
vertical-align: middle;
|
||||
width: 12pt;
|
||||
}
|
||||
|
||||
.section-icon-lg {
|
||||
height: 16pt;
|
||||
margin-right: 6pt;
|
||||
width: 16pt;
|
||||
}
|
||||
|
||||
/* ── KPI cards (resume section) ─────────────────────────────────── */
|
||||
|
||||
.kpi-grid {
|
||||
display: grid;
|
||||
gap: 3mm;
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
margin: 0 auto 4mm auto;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
.kpi-card {
|
||||
background: #f4f7fa;
|
||||
border: 1px solid #dce6f1;
|
||||
border-left: 3px solid #1f4e79;
|
||||
padding: 2.5mm 3mm 2mm 3mm;
|
||||
}
|
||||
|
||||
.kpi-card.kpi-alert {
|
||||
background: #fff7ed;
|
||||
border-left-color: #c2410c;
|
||||
}
|
||||
|
||||
.kpi-label {
|
||||
color: #5b6770;
|
||||
font-size: 6.5pt;
|
||||
letter-spacing: 0.03em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.kpi-value {
|
||||
color: #1f4e79;
|
||||
font-size: 13pt;
|
||||
font-weight: 700;
|
||||
line-height: 1.15;
|
||||
margin-top: 0.5mm;
|
||||
}
|
||||
|
||||
.kpi-card.kpi-alert .kpi-value {
|
||||
color: #c2410c;
|
||||
}
|
||||
|
||||
/* ── Tables ─────────────────────────────────────────────────────── */
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
font-size: 7.2pt;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
table-layout: fixed;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: table-header-group;
|
||||
}
|
||||
|
||||
tr {
|
||||
break-inside: avoid;
|
||||
}
|
||||
|
||||
th {
|
||||
background: #1f4e79;
|
||||
border: 1px solid #a8bfd4;
|
||||
color: #ffffff;
|
||||
font-size: 7.5pt;
|
||||
font-weight: 700;
|
||||
padding: 2.5mm 2.5mm;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td {
|
||||
border: 1px solid #c9d4e1;
|
||||
padding: 2.2mm 2.5mm;
|
||||
vertical-align: top;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(even) td {
|
||||
background: #f4f8fc;
|
||||
}
|
||||
|
||||
/* ── Cell status classes ─────────────────────────────────────────── */
|
||||
|
||||
td.status-active {
|
||||
color: #166534;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
td.status-inactive {
|
||||
color: #9a3412;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
td.status-success {
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
td.status-error {
|
||||
color: #9a3412;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
td.status-indeterminate {
|
||||
color: #854d0e;
|
||||
}
|
||||
|
||||
td.muted {
|
||||
color: #9ca3af;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* ── Alert / empty messages ─────────────────────────────────────── */
|
||||
|
||||
.empty {
|
||||
background: #f4f7fa;
|
||||
border-left: 4px solid #1f4e79;
|
||||
color: #374151;
|
||||
font-size: 8pt;
|
||||
margin: 0;
|
||||
padding: 3mm 4mm;
|
||||
}
|
||||
|
||||
.warning {
|
||||
background: #fff7ed;
|
||||
border-left: 4px solid #c2410c;
|
||||
color: #7c2d12;
|
||||
font-size: 8pt;
|
||||
font-weight: 700;
|
||||
margin: 0 0 5mm 0;
|
||||
padding: 3mm 4mm;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user