|
|
|
|
|
|
|
|
padding: var(--pad); |
|
|
padding: var(--pad); |
|
|
width: calc(100vw - 2 * var(--pad)); |
|
|
width: calc(100vw - 2 * var(--pad)); |
|
|
} |
|
|
} |
|
|
.ts { |
|
|
|
|
|
color: rgba(0, 0, 0, 0.4); |
|
|
|
|
|
font-family: monospace; |
|
|
|
|
|
} |
|
|
|
|
|
.source { |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
} |
|
|
|
|
|
.online { |
|
|
.online { |
|
|
grid-area: online; |
|
|
grid-area: online; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
grid-area: posts; |
|
|
grid-area: posts; |
|
|
overflow-y: scroll; |
|
|
overflow-y: scroll; |
|
|
} |
|
|
} |
|
|
|
|
|
.post > div { |
|
|
|
|
|
display: inline; |
|
|
|
|
|
padding-left: var(--pad); |
|
|
|
|
|
} |
|
|
|
|
|
.post .ts { |
|
|
|
|
|
color: rgba(0, 0, 0, 0.4); |
|
|
|
|
|
font-family: monospace; |
|
|
|
|
|
} |
|
|
|
|
|
.post .source { |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
} |
|
|
.post .text p { |
|
|
.post .text p { |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
display: grid; |
|
|
display: grid; |
|
|
grid-template-columns: 1fr auto; |
|
|
grid-template-columns: 1fr auto; |
|
|
} |
|
|
} |
|
|
|
|
|
#textbox { |
|
|
|
|
|
resize: none; |
|
|
|
|
|
} |
|
|
.media { |
|
|
.media { |
|
|
grid-area: media; |
|
|
grid-area: media; |
|
|
display: grid; |
|
|
display: grid; |
|
|
grid-template-rows: auto 1fr; |
|
|
grid-template-rows: auto 1fr; |
|
|
} |
|
|
} |
|
|
#textbox { |
|
|
|
|
|
resize: none; |
|
|
|
|
|
} |
|
|
|
|
|
.post > div { |
|
|
|
|
|
display: inline; |
|
|
|
|
|
padding-left: var(--pad); |
|
|
|
|
|
} |
|
|
|
|
|
.video-meta { |
|
|
.video-meta { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
z-index: 999; |
|
|
z-index: 999; |