Initial implementation of Scribe

[lmno.games] / scribe / scribe.css

diff --git a/scribe/scribe.css b/scribe/scribe.css
new file mode 100644 (file)
index 0000000..4eaea8f
--- /dev/null
+++ b/scribe/scribe.css
@@ -0,0 +1,50 @@
+ol, ul {
+  padding-left: 30px;
+}
+
+.board-row:after {
+  clear: both;
+  content: "";
+  display: table;
+}
+
+.status {
+  margin-bottom: 10px;
+}
+
+.square {
+  background: #fff;
+  color: black;
+  border: 1px solid #999;
+  float: left;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 25px;
+  width: 25px;
+  height: 25px;
+  margin-right: -1px;
+  margin-top: -1px;
+  padding: 0;
+  text-align: center;
+  border-radius: 4px;
+}
+
+.square.open {
+    cursor: pointer;
+}
+
+.square.occupied {
+    cursor: default;
+}
+
+.square.open:hover {
+    background-color: var(--accent-color-bright);
+}
+
+.square:focus {
+  outline: none;
+}
+
+.kbd-navigation .square:focus {
+  background: #ddd;
+}