49 lines
840 B
CSS
49 lines
840 B
CSS
body {
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
main {
|
|
margin: 1em auto;
|
|
max-width: 750px;
|
|
}
|
|
|
|
.message {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.message .picture-preview {
|
|
flex-grow: 0;
|
|
}
|
|
|
|
.picture-preview > * {
|
|
height: 200px;
|
|
width: 200px;
|
|
object-fit: cover;
|
|
background-color: lightgray;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.message .content-block {
|
|
flex-grow: 1;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.message .content-block .metadata .name {
|
|
font-size: 120%;
|
|
}
|
|
|
|
.message .content-block .metadata .date {
|
|
color: #626262;
|
|
}
|
|
|
|
.message .content-block .text {
|
|
margin-top: 1em;
|
|
}
|