header and footer
This commit is contained in:
43
main.css
43
main.css
@@ -3,6 +3,39 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media print {
|
||||
@page {
|
||||
margin: 2.5cm 0cm;
|
||||
|
||||
@top-left {
|
||||
font-size: 10pt;
|
||||
background-image: linear-gradient(to right, rgb(185,205,229), rgb(185,205,229));
|
||||
background-size: 6.7cm 2.5cm;
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 7.7cm;
|
||||
padding-right: 1cm;
|
||||
text-align: center;
|
||||
}
|
||||
@bottom-left {
|
||||
font-size: 10pt;
|
||||
background-image: linear-gradient(to right, rgb(185,205,229), rgb(185,205,229));
|
||||
background-size: 6.7cm 2.5cm;
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 7.7cm;
|
||||
padding-right: 1cm;
|
||||
text-align: center;
|
||||
}
|
||||
@top-left {
|
||||
content: "top header";
|
||||
}
|
||||
@bottom-left {
|
||||
content: "CV David Madl - " counter(page) "/" counter(pages);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -27,6 +60,15 @@
|
||||
padding: 2.5cm 1cm;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#left-panel {
|
||||
height: 24.7cm;
|
||||
}
|
||||
#right-panel {
|
||||
padding: 0cm 1cm;
|
||||
}
|
||||
}
|
||||
|
||||
/* CV heading */
|
||||
h1 {
|
||||
font-size: 18pt;
|
||||
@@ -49,6 +91,7 @@ h2 {
|
||||
text-align: right;
|
||||
margin-right: -1cm;
|
||||
margin-top: 0pt; /* like -h2.padding-top + div.block.padding-top, to align text baseline with panel content */
|
||||
margin-left: 8pt;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user