Update website
3b74a933af599cd4d221d796fe4f4e74f3e83aa5
1 parent
8b1c2fa5
css/base.css
deleted
+0 -40
| 1 | - | * { |
|
| 2 | - | margin: 0; |
|
| 3 | - | padding: 0; |
|
| 4 | - | } |
|
| 5 | - | ||
| 6 | - | body { |
|
| 7 | - | font-family: courier, monospace; |
|
| 8 | - | max-width: 960px; |
|
| 9 | - | margin: 0 auto; |
|
| 10 | - | } |
|
| 11 | - | ||
| 12 | - | body > header { |
|
| 13 | - | float: right; |
|
| 14 | - | } |
|
| 15 | - | ||
| 16 | - | nav { |
|
| 17 | - | font-weight: normal; |
|
| 18 | - | padding: 10px; |
|
| 19 | - | font-size: 20px; |
|
| 20 | - | } |
|
| 21 | - | ||
| 22 | - | ul li { |
|
| 23 | - | list-style-type: none; |
|
| 24 | - | } |
|
| 25 | - | ||
| 26 | - | a { |
|
| 27 | - | text-decoration: none; |
|
| 28 | - | } |
|
| 29 | - | ||
| 30 | - | footer { |
|
| 31 | - | text-align: right; |
|
| 32 | - | position: fixed; |
|
| 33 | - | bottom: 10px; |
|
| 34 | - | right: 10px; |
|
| 35 | - | font-size: 11px; |
|
| 36 | - | } |
|
| 37 | - | ||
| 38 | - | footer a { |
|
| 39 | - | font-size: 17px; |
|
| 40 | - | } |
css/index.css
+19 -12
| 2 | 2 | margin: 0; |
|
| 3 | 3 | padding: 0; |
|
| 4 | 4 | } |
|
| 5 | 5 | ||
| 6 | 6 | body { |
|
| 7 | - | background-image: url(/images/bg.png); |
|
| 8 | - | background-repeat: no-repeat; |
|
| 9 | - | background-attachment: fixed; |
|
| 10 | - | background-position: bottom center; |
|
| 11 | - | padding: 10px; |
|
| 7 | + | background: url(/images/bg.png) no-repeat fixed bottom center; |
|
| 8 | + | padding: 16px; |
|
| 9 | + | font-size: 20px; |
|
| 10 | + | font-family: monospace; |
|
| 12 | 11 | } |
|
| 13 | 12 | ||
| 14 | 13 | h1 { |
|
| 15 | - | font-size: 22px; |
|
| 16 | - | background-color: white; |
|
| 14 | + | font-size: 20px; |
|
| 15 | + | text-shadow: -2px -2px white; |
|
| 17 | 16 | } |
|
| 18 | 17 | ||
| 19 | 18 | body > header { |
|
| 20 | - | display: inline; |
|
| 21 | 19 | text-align: right; |
|
| 22 | 20 | float: right; |
|
| 23 | 21 | } |
|
| 24 | 22 | ||
| 25 | 23 | ul, li { |
|
| 26 | 24 | display: inline-block; |
|
| 27 | 25 | list-style-type: none; |
|
| 28 | - | background-color: white; |
|
| 29 | 26 | } |
|
| 30 | 27 | ||
| 31 | 28 | li { |
|
| 32 | 29 | margin: 5px 0; |
|
| 33 | - | font-size: 18px; |
|
| 34 | 30 | display: block; |
|
| 35 | 31 | } |
|
| 36 | 32 | ||
| 37 | 33 | a { |
|
| 38 | 34 | text-decoration: none; |
|
| 39 | 35 | } |
|
| 40 | 36 | ||
| 41 | - | a:hover:before { |
|
| 42 | - | content: "> "; |
|
| 37 | + | a:hover { |
|
| 38 | + | text-decoration: underline; |
|
| 43 | 39 | } |
|
| 44 | 40 | ||
| 41 | + | footer { |
|
| 42 | + | text-align: right; |
|
| 43 | + | position: fixed; |
|
| 44 | + | bottom: 10px; |
|
| 45 | + | right: 10px; |
|
| 46 | + | font-size: 11px; |
|
| 47 | + | } |
|
| 48 | + | ||
| 49 | + | footer a { |
|
| 50 | + | font-size: 16px; |
|
| 51 | + | } |
index.html
+0 -1
| 1 | 1 | <!doctype html> |
|
| 2 | 2 | <html lang="en"> |
|
| 3 | 3 | <head> |
|
| 4 | - | <link rel="stylesheet" type="text/css" href="css/base.css"> |
|
| 5 | 4 | <link rel="stylesheet" type="text/css" href="css/index.css"> |
|
| 6 | 5 | <title>cloudhead.io</title> |
|
| 7 | 6 | </head> |
|
| 8 | 7 | <body> |
|
| 9 | 8 | <header> |