summaryrefslogtreecommitdiff
path: root/screen.css
blob: 370524428f7bd2e186ec680b4de6ee547b59d5fe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
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;
}