diff options
Diffstat (limited to 'screen.css')
| -rw-r--r-- | screen.css | 50 |
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; +} |