diff options
Diffstat (limited to 'html/style')
| -rw-r--r-- | html/style/amber-grid.png | bin | 0 -> 118 bytes | |||
| -rw-r--r-- | html/style/amber.css | 26 | ||||
| -rw-r--r-- | html/style/green-grid.png (renamed from html/style/grid.png) | bin | 112 -> 112 bytes | |||
| -rw-r--r-- | html/style/green.css | 26 | ||||
| -rw-r--r-- | html/style/main.css | 17 |
5 files changed, 53 insertions, 16 deletions
diff --git a/html/style/amber-grid.png b/html/style/amber-grid.png Binary files differnew file mode 100644 index 0000000..4ea63a7 --- /dev/null +++ b/html/style/amber-grid.png diff --git a/html/style/amber.css b/html/style/amber.css new file mode 100644 index 0000000..d2b6bb3 --- /dev/null +++ b/html/style/amber.css @@ -0,0 +1,26 @@ + +html { + background-color: #f8ffe0; + background-image: url('/style/amber-grid.png'); + color: #404040; +} + +body > header { + background-color: #000000; + background-image: url('/style/amber-grid.png'); +} + +h1 { + color: #ffdf00; + text-shadow: 0 0 0.2em #ffdf00; +} + +nav { + background-color: #ffdf00; + color: #000000; +} + +nav ul li.selected { + color: #606060; +} + diff --git a/html/style/grid.png b/html/style/green-grid.png Binary files differindex 3ac5a3e..3ac5a3e 100644 --- a/html/style/grid.png +++ b/html/style/green-grid.png diff --git a/html/style/green.css b/html/style/green.css new file mode 100644 index 0000000..758e48d --- /dev/null +++ b/html/style/green.css @@ -0,0 +1,26 @@ + +html { + background-color: #f0fff0; + background-image: url('/style/green-grid.png'); + color: #404040; +} + +body > header { + background-color: #000000; + background-image: url('/style/green-grid.png'); +} + +h1 { + color: #00c000; + text-shadow: 0 0 0.2em #00c000; +} + +nav { + background-color: #00c000; + color: #000000; +} + +nav ul li.selected { + color: #ffffff; +} + diff --git a/html/style/main.css b/html/style/main.css index d277de1..3ec6885 100644 --- a/html/style/main.css +++ b/html/style/main.css @@ -14,10 +14,7 @@ } html { - background-color: #f0fff0; - background-image: url('/style/grid.png'); font-family: sans-serif; - color: #404040; } body { @@ -37,21 +34,12 @@ a:visited { /* * * Header * * */ body > header { padding-top: 1px; /* Don't allow child element top margins to extend out of the header element */ - background-color: #000000; - background-image: url('/style/grid.png'); - color: #00c000; } h1 { font-family: "DejaVuSansMono", monospace; /*font-variant: small-caps;*/ text-align: center; - text-shadow: 0 0 0.2em #00c000; -} - -nav { - background-color: #00c000; - color: #000000; } nav ul { @@ -69,10 +57,6 @@ nav ul li:first-child { border-left: 1px #000000 solid; } -nav ul li.selected { - color: #ffffff; -} - nav a, nav a:visited { text-decoration: none; @@ -90,6 +74,7 @@ main { margin: 0 auto 0; padding: 2em; background-color: #ffffff; + color: #404040; } h2 { |
