From 18927496066167b73bf15e47882520da6624ee03 Mon Sep 17 00:00:00 2001 From: Luke Shumaker Date: Mon, 23 Feb 2015 15:42:28 -0500 Subject: f --- www/css/index.scss | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 www/css/index.scss 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 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; +} -- cgit v1.2.3