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;
}
|
