Merge pull request #4822 from ByteHamster/update-export-design

Adapted design of html export
This commit is contained in:
ByteHamster 2021-01-01 18:31:38 +01:00 committed by GitHub
commit f3c76e7677
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 10 deletions

View File

@ -5,14 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> <style>
* { * {
font-family: 'Lato', sans-serif; font-family: "Sarabun", sans-serif;
font-weight: 300; font-weight: 300;
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
html { html {
background: #3498db; background: #0d8eff;
background-image: linear-gradient(180deg, #0f9cff, #0682ff);
text-align: center; text-align: center;
padding: 10px; padding: 10px;
} }
@ -20,7 +21,7 @@
color: #fff; color: #fff;
font-weight: 300; font-weight: 300;
display: inline-block; display: inline-block;
margin-top: 40px; margin-top: 30px;
margin-bottom: 20px; margin-bottom: 20px;
vertical-align: top; vertical-align: top;
} }
@ -31,7 +32,7 @@
width: 100%; width: 100%;
max-width: 500px; max-width: 500px;
display: block; display: block;
display: inline-flex; display: inline-flex;
padding: 10px; padding: 10px;
} }
li > div { li > div {
@ -62,6 +63,8 @@
} }
li > div > img { li > div > img {
float: left; float: left;
text-indent: -10000px;
background: #eee;
} }
li > div > p { li > div > p {
width: 100%; width: 100%;