f

1 files changed, 55 insertions, 0 deletions

diff --git a/www/css/index.scss b/www/css/index.scss
new file mode 100644
index 0000000..2f246a7
--- /dev/null
+++ b/www/css/index.scss
@@ -0,0 +1,55 @@
+$yellow: #E5B217;
+$red: #80181A;
+
+html, body, table {
+	height: 100%;
+	padding: 0;
+	margin: 0;
+	background-color: $red;
+}
+
+table {
+	width: 100%;
+	border-collapse: collapse;
+	td, th {
+		border: solid 1px black;
+	}
+	td {
+		text-align: center;
+		vertical-align: middle;
+	}
+
+	thead {
+		height: 10%;
+		background-color: $yellow;
+	}
+	tbody {
+		td {
+			width: 33%;
+			height: 30%;
+			a {
+				/*display: inline-block;*/
+				display: table-cell;
+				width: 100%;
+				height: 100%;
+				text-decoration: none;
+				/* What this does is insert a 0-width, but tall, element to the left
+				   of the text, to stretch the line-height to the full
+				   height of the <a> element. *//*
+				span:before {
+					content: " ";
+					display: inline-block;
+					height: 100%;
+					vertical-align: middle;
+				}
+				span {
+					display: inline-block;
+				}*/
+			}
+		}
+	}
+}
+a:hover, a:active, a:focus {
+	text-decoration: underline;
+	background-color: $yellow;
+}