From 652852e3104ce4020de53231ee7691a4970439d6 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sat, 1 May 2021 00:48:35 +0200 Subject: Add server and lobby code. --- public/images/rally-the-troops.png | Bin 0 -> 3855 bytes public/images/rally-the-troops.svg | 1 + public/style.css | 58 +++++++++++++++++++++++++++++++++++++ 3 files changed, 59 insertions(+) create mode 100644 public/images/rally-the-troops.png create mode 100644 public/images/rally-the-troops.svg create mode 100644 public/style.css (limited to 'public') diff --git a/public/images/rally-the-troops.png b/public/images/rally-the-troops.png new file mode 100644 index 0000000..c792857 Binary files /dev/null and b/public/images/rally-the-troops.png differ diff --git a/public/images/rally-the-troops.svg b/public/images/rally-the-troops.svg new file mode 100644 index 0000000..da7b407 --- /dev/null +++ b/public/images/rally-the-troops.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000..dfd7754 --- /dev/null +++ b/public/style.css @@ -0,0 +1,58 @@ +button, select { + font-family: "Source Sans", "Verdana", "Dingbats", "Noto Emoji", sans-serif; + font-size: 16px; +} +html, input { + font-family: "Source Serif", "Georgia", "Dingbats", "Noto Emoji", serif; + font-size: 16px; +} +html, body { margin: 0; } +h1 { margin-left: -2px; } +h2 { margin-left: -1px; } +.header { + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 2px solid brown; + padding-right: 1em; +} +.header img { display: block; margin: 4px 0 -2px 2px; } +.header span { margin: 0 1em; } +.header a { color: black; } +.main { margin: 2em; } +.main p { max-width: 50rem; } +.main hr { max-width: 50rem; margin-right: auto; margin-left: 0; } +.main hr { border: none; border-top: 2px dotted brown; } +.main hr + p { font-style: italic; } +table.wide { min-width: 50rem; } +.error { color: brown; font-style: italic; white-space: pre-wrap; } +.logo { float: left; margin: 0 20px 5px 0; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); } +table { border-collapse: collapse; } +th { text-align: left; background-color: gainsboro; } +th, td { border: 1px solid black; } +th, td { padding: 3px 1ex; } +label { user-select: none; } +button, input, select { font-size: 1rem; margin: 5px 0; } +input[type="text"], input[type="password"] { padding: 5px; } +select { padding-right: 20px; } +form { display: inline; } +.nowrap { white-space: nowrap; } +.your_turn { background-color: lemonchiffon; } +button, select { + margin: 5px 10px 5px 0; + padding: 1px 10px; + background-color: gainsboro; +} +button:disabled { + color: gray; + border: 2px solid gainsboro; + outline: 1px solid gray; +} +button:enabled, select { + border: 2px outset white; + outline: 1px solid black; +} +button:enabled:active:hover, select:active { + border: 2px inset white; + padding: 2px 9px 0px 11px; +} -- cgit v1.2.3