diff options
Diffstat (limited to 'static/styles.css')
-rw-r--r-- | static/styles.css | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/static/styles.css b/static/styles.css new file mode 100644 index 0000000..76fe5da --- /dev/null +++ b/static/styles.css @@ -0,0 +1,60 @@ +#board { + display: contents; +} + +#answers { + display: contents; +} + +#game { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: .5em; +} + +.box { + border: 1px darkslategrey dotted; + border-radius: 4px; + word-break: break-all; + text-overflow: ellipsis; + padding-top: 2em; + padding-bottom: 2em; + text-align: center; + font-family: Cantarell; + cursor: pointer; + user-select: none; +} + +.box:hover { + border: 1px darkslategrey solid; + background: #f7f1e4; +} + +.selected { + border: 1px darkslategrey solid; + background: #cec9bd !important; +} + +#url { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.answer { + grid-column-start: 1; + grid-column-end: 5; + border: 1px darkslategrey dotted; + border-radius: 4px; + word-break: break-all; + text-overflow: ellipsis; + padding-top: 2em; + padding-bottom: 2em; + text-align: center; + font-family: Cantarell; +} + +.answerline { + font-weight: bold; + font-size: large; +} |