| 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; |