summaryrefslogtreecommitdiff
path: root/screen.css
diff options
context:
space:
mode:
Diffstat (limited to 'screen.css')
-rw-r--r--screen.css50
1 files changed, 50 insertions, 0 deletions
diff --git a/screen.css b/screen.css
new file mode 100644
index 0000000..3705244
--- /dev/null
+++ b/screen.css
@@ -0,0 +1,50 @@
+/* If the indentation looks funny, it's using SASS indentation style.
+ * See <http://sass-lang.com>. SASS is pretty cool, but I'm too lame actually
+ * use SASS, because that's one more thing I have to install and run. I already
+ * have enough trouble saving before I switch to my browser to check it, let
+ * alone having to run another utility.
+ *
+ * To handle the introduction of curly braces (SASS doesn't have any), I've
+ * handled them as one handles parens in LISP.
+ *
+ * On a related note, I actually preffer SCSS to SASS, but I find SASS
+ * indentation to be more readable when using plain CSS.
+ */
+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; }
+ div.infobar input[type="submit"]:hover,
+ div.infobar input[type="submit"]:active,
+ div.infobar input[type="submit"]: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; }
+a:hover,
+a:active,
+a:focus {
+ text-decoration: underline;
+}