Adapted design of html export
This commit is contained in:
parent
66ee677ebe
commit
dba736383b
|
@ -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 {
|
||||||
|
@ -60,12 +61,14 @@
|
||||||
height: 100px;
|
height: 100px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
li > div > img {
|
li > div > img {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
text-indent: -10000px;
|
||||||
li > div > p {
|
background: #eee;
|
||||||
width: 100%;
|
}
|
||||||
}
|
li > div > p {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
body > a {
|
body > a {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
Loading…
Reference in New Issue