dowload gutachten design background adler

resources/css/filament/admin/theme.css

@@ -56,6 +56,7 @@
 }
 
 #gutrte {
+
     h1 {
         font-size: 2rem;
         line-height: 2.4rem;

resources/css/pdf-download.css

@@ -1,46 +1,106 @@
-body {
+body,
+table,
+.base {
     font-family: DejaVuSans;
-    font-size: 0.8rem;
-    line-height: 1.5rem;
+    font-size: 10px;
+    line-height: 16px;
     margin: 0;
     padding: 0;
 }
 
-.big {
-    font-size: 1.6rem;
-    line-height: 2rem;
-    margin-bottom: .5rem;
+body {
+    /*
+    mPDF has a custom css property for background images: background-image-resize with custom values from 0-6:
+
+    0 - No resizing (default)
+    1 - Shrink-to-fit w (keep aspect ratio)
+    2 - Shrink-to-fit h (keep aspect ratio)
+    3 - Shrink-to-fit w and/or h (keep aspect ratio)
+    4 - Resize-to-fit w (keep aspect ratio)
+    5 - Resize-to-fit h (keep aspect ratio)
+    6 - Resize-to-fit w and h
+
+    */
+
+    background-image: url('images/adler2.jpg');
+    background-repeat: no-repeat;
+    background-position: center;
+    background-image-resize: 2;
 }
 
-.base {
-    font-size: 0.8rem;
-    line-height: 1.5rem;
-    font-weight: normal;
+/** POSITION FIXED */
+#deckblatt-gutachter {
+    position: absolute;
+    top: 12mm;
+    width: 185mm;
 }
 
-.small {
-    font-size: 0.6rem;
-    line-height: 0.9rem;
+#deckblatt-gutachten {
+    position: absolute;
+    top: 90mm;
+    width: 185mm;
 }
 
+#deckblatt-festsetzung {
+    position: absolute;
+    text-align: right;
+    top: 130mm;
+    width: 185mm;
+}
+
+#deckblatt-auftraggeber {
+    position: absolute;
+    text-align: right;
+    bottom: 20mm;
+    right: 15mm;
+    left: 15mm;
+}
+
+#deckblatt-image {
+    width: 185mm;
+    height: 12mm;
+    background-size: contain;
+    background-repeat: no-repeat;
+    margin-bottom: 1mm;
+}
+
+/** FORMATTING */
 h1 {
-    font-size: 2rem;
-    line-height: 2.4rem;
+    font-size: 28px;
+    line-height: 30px;
     margin: 0;
 }
 
 h2 {
-    font-size: 1.7rem;
-    line-height: 2rem;
+    font-size: 18px;
+    line-height: 20px;
     margin: 0;
 }
 
 h3 {
-    font-size: 1.2rem;
-    line-height: 1.5rem;
+    font-size: 14px;
+    line-height: 16px;
     margin: 0;
 }
 
+a {
+    color: black;
+    text-decoration: none;
+}
+
+.bold {
+    font-weight: bold;
+}
+
+.right {
+    text-align: right;
+}
+
+.center {
+    text-align: center;
+}
+
+/** FARBEN */
 .gray {
     color: #4a5565;
 }
@@ -49,14 +109,17 @@ h3 {
     background-color: #f3f4f6;
 }
 
+.green {
+    color: green;
+}
+
 .red {
     color: red;
 }
 
-.bold {
-    font-weight: bold;
-}
-
+/**
+LAYOUT
+*/
 p {
     margin: auto 0;
 }
@@ -86,44 +149,9 @@ p {
     margin-top: 20mm;
 }
 
-.green {
-    color: green;
-}
-
-.header {
-    padding: 1.3mm 3mm;
-    margin: 2rem 0;
-    font-size: 1.2rem;
-    border: 0.3mm solid #e5e7eb;
-    background-color: #f3f4f6;
-}
-
-
-
-.title {
-    position: absolute;
-    font-weight: bold;
-    font-size: 2.8rem;
-    top: 90mm;
-    width: 185mm;
-}
-
-.festsetzung {
-    position: absolute;
-    font-weight: bold;
-    text-align: right;
-    font-size: 1.6rem;
-    top: 130mm;
-    width: 185mm;
-}
-
-.auftraggeber {
-    position: absolute;
-    text-align: right;
-    bottom: 20mm;
-    right: 15mm;
-    left: 15mm;
-}
+/**
+    GUTACHTEN TABELLEN
+*/
 
 .table-striped tr:nth-child(2n-1) td {
     background-color: #f3f4f6;
@@ -198,12 +226,4 @@ td {
 
 .br {
     border-right: 0.3mm solid #e5e7eb;
-}
-
-.right {
-    text-align: right;
-}
-
-.center {
-    text-align: center;
 }