From 9018599b1a62b898990e3f056eb1179561c366fe Mon Sep 17 00:00:00 2001
From: Luke Shumaker <LukeShu@sbcglobal.net>
Date: Tue, 4 Oct 2011 23:27:42 -0400
Subject: Use SCSS, tweak styles a bit.

---
 screen.scss | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 screen.scss

(limited to 'screen.scss')

diff --git a/screen.scss b/screen.scss
new file mode 100644
index 0000000..3705ccb
--- /dev/null
+++ b/screen.scss
@@ -0,0 +1,43 @@
+body {
+	background-color: #FFFF00;
+	div.infobar, div.main {
+		margin: 0 auto;
+		width: 70%;
+		min-width: 30em;
+	}
+	div.infobar {
+		margin-top: .5em;
+		
+		background-color: #0000FF;
+		border: solid #000099;
+		border-width: 1px 1px 0 1px;
+		border-top-left-radius: 0.7em;
+		border-top-right-radius: 0.7em;
+		box-shadow: 0 1px 0 #AAAAFF inset;
+		input[type="submit"] {
+			&:hover, &:active, &:focus {
+				text-decoration: underline;
+			}
+		}
+	}
+	div.main {
+		margin-bottom: 5em;
+		
+		background-color: #FFFFFF;
+		border: solid #AAAA00;
+		border-width: 0 1px 1px 1px;
+		padding-top: 1px;/* we don't want this, but it can't be 0 */
+	}
+	div.main_sub {
+		/* 'main_sub' is basically just to add padding to 'main' w/o it
+		 * extending outside 'all'. */
+		margin: 2em;
+	}
+}
+
+a {
+	color: #555555;
+	&:hover, &:active, &:focus {
+		text-decoration: underline;
+	}
+}
-- 
cgit v1.2.3