ambrose
/
fossasia-video
mirror of https://github.com/serverwentdown/fossasia-video.git
1
0
Fork 0
Code Releases Activity

Optimise print layout scale

master
Ambrose Chua 2020-03-01 23:52:26 +08:00
parent 4eb7ede7df
commit 2c7c2a9705
Signed by: ambrose
GPG Key ID: BC367D33F140B5C2
1 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
guide.html
View File

@ -6,6 +6,7 @@
<title>FOSSASIA Video Recorder's Guide</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet">
<style>
html {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
@ -14,6 +15,21 @@
max-width: 1200px;
}
@page {
size: A4 portrait;
margin: 0;
}
@media print {
html, body {
width: 210mm;
height: 297mm;
}
html {
font-size: 9pt;
}
}
big {
font-size: 1.5em;
}
@ -111,12 +127,15 @@
font-weight: bold;
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
ol.taglist.tag-t > li::before {
content: "T" counter(tag-counter);
}
ol.taglist.tag-s > li::before {
content: "S" counter(tag-counter);
}
ol.taglist.tag-n > li::before {
content: "N" counter(tag-counter);
}
ol.taglist.tag-t > li::before {
content: "T" counter(tag-counter);
}
</style>
</head>
@ -127,7 +146,7 @@
<th></th>
<th>
<svg width="48" height="27" viewBox="0 0 48 27" class="tile">
<rect width="48" height="27" fill="black" fill-opacity="0.1"/>
<rect width="48" height="27" fill="black" fill-opacity="0.25"/>
<rect x="2" y="2" width="35" height="20" fill="black" fill-opacity="0.75"/>
<rect x="39" y="14" width="7" height="11" fill="black" fill-opacity="0.75"/>
<text x="42.5" y="22" fill="white" text-anchor="middle" style="font-size: 7px; font-weight: bold;">V</text>
@ -137,7 +156,7 @@
</th>
<th>
<svg width="48" height="27" viewBox="0 0 48 27" class="tile">
<rect width="48" height="27" fill="black" fill-opacity="0.1"/>
<rect width="48" height="27" fill="black" fill-opacity="0.25"/>
<rect x="2" y="2" width="27" height="23" fill="black" fill-opacity="0.75"/>
<rect x="31" y="16" width="15" height="9" fill="black" fill-opacity="0.75"/>
<text x="38.5" y="23" fill="white" text-anchor="middle" style="font-size: 7px; font-weight: bold;">S</text>