web/assets/styles.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 |
html { margin: 0; padding: 0; font-size: 12px; line-height: 16px; } body { margin: 1rem; padding: 0; font-family: Monospace; font-size: 1rem; background-color: black; color: white; } h1, h2, h3 { margin: 1rem 0 0.5rem 0; font-size: 1rem; font-weight: 700; } header { font-size: 120%; margin: 0; } header h1 { display: inline; font-size: 100%; font-weight: 400; margin: 0; } footer { font-size: 80%; text-align: center; margin: auto; } a { color: lime; text-decoration: underline; } a:visited { color: limegreen; } a[href^=http] { text-decoration-style: dashed; } strong { font-weight: 600; } em { font-style: italic; } li { margin: 0.5rem 0; } .prompt-wrapper { whitespace: nowrap; color: lime; } article section { display: flex; flex-direction: column; } article section section { height: 40vh; white-space: pre-wrap; overflow-y: scroll; display: flex; flex-direction: column-reverse; scrollbar-color: black black; scrollbar-width: thin; margin: 1rem; padding: 0.5rem; border: 1px solid lime; } article input { font-family: monospace; margin: 1rem; background-color: black; color: white; border: 1px solid lime; display: flex; flex-grow: 1; } |