Archive/DiscordChatExporter
1
0
Fork 0
mirror of https://github.com/Tyrrrz/DiscordChatExporter.git synced 2026-02-14 15:53:30 -07:00
Code Issues Actions Packages Projects Releases Wiki Activity

Clean up template css

Browse source
This commit is contained in:
Alexey Golub 2017-07-17 23:04:19 +03:00
parent 36213c87a8
commit 2155cd649c
1 changed files with 50 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
DiscordChatExporter/Services/ExportTemplate.html
View file

@ -7,82 +7,113 @@
<style> <style>
body { body {
background-color: #ffffff;
font-size: 15px;
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 15px;
background-color: #fff;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #37bcf7; color: #37bcf7;
} }
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
span.pre { span.pre {
padding-left: 2px;
padding-right: 2px;
background-color: #f9f9f9;
font-family: Consolas, Courier New, Courier, Monospace; font-family: Consolas, Courier New, Courier, Monospace;
padding-right: 2px;
padding-left: 2px;
background-color: #f9f9f9;
} }
div#info { div#info {
max-width: 100%; max-width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
color: #939799; color: #939799;
} }
div#log { div#log {
max-width: 100%; max-width: 100%;
} }
div.msg { div.msg {
display: flex; display: flex;
margin-left: 10px;
margin-right: 10px; margin-right: 10px;
margin-left: 10px;
padding-top: 15px; padding-top: 15px;
padding-bottom: 15px; padding-bottom: 15px;
border-top: 1px solid #eceeef; border-top: 1px solid #eceeef;
} }
img.msg-avatar { img.msg-avatar {
flex: 0;
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
flex: 0;
} }
div.msg-body { div.msg-body {
flex: 1;
margin-left: 15px; margin-left: 15px;
flex: 1;
} }
span.msg-user {
color: #2f3136; span.msg-user {
font-size: 1.15em; font-size: 1.15em;
color: #2f3136;
} }
span.msg-date { span.msg-date {
margin-left: 5px; font-size: .8em;
color: #b7bcbf;
font-size: 0.8em;
font-weight: 200; font-weight: 200;
margin-left: 5px;
color: #b7bcbf;
} }
span.msg-edited { span.msg-edited {
margin-left: 5px; font-size: .8em;
color: #b7bcbf;
font-size: 0.8em;
font-weight: 200; font-weight: 200;
margin-left: 5px;
color: #b7bcbf;
} }
div.msg-content { div.msg-content {
padding-top: 5px; padding-top: 5px;
color: #939799; color: #939799;
} }
div.msg-attachment { div.msg-attachment {
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
img.msg-attachment { img.msg-attachment {
max-width: 50%; max-width: 50%;
max-height: 500px; max-height: 500px;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="info" /> <div id="info"></div>
<div id="log" /> <div id="log"></div>
</body> </body>
</html> </html>