diff options
| author | JozanLeClerc <bousset.rudy@gmail.com> | 2020-06-22 19:29:30 +0200 |
|---|---|---|
| committer | JozanLeClerc <bousset.rudy@gmail.com> | 2020-06-22 19:29:30 +0200 |
| commit | 34e6ff358603cbc9c74d616a948f32b93323d304 (patch) | |
| tree | 4eb715eb70e2f07f34ffb88773a52f6f63f3e375 | |
| parent | Added css (diff) | |
| download | joe-www-34e6ff358603cbc9c74d616a948f32b93323d304.tar.gz joe-www-34e6ff358603cbc9c74d616a948f32b93323d304.tar.bz2 joe-www-34e6ff358603cbc9c74d616a948f32b93323d304.tar.xz joe-www-34e6ff358603cbc9c74d616a948f32b93323d304.tar.zst joe-www-34e6ff358603cbc9c74d616a948f32b93323d304.zip | |
Style changes
| -rw-r--r-- | css/site.css | 37 | ||||
| -rw-r--r-- | index.html | 42 |
2 files changed, 58 insertions, 21 deletions
diff --git a/css/site.css b/css/site.css index e69de29..74b7fd6 100644 --- a/css/site.css +++ b/css/site.css @@ -0,0 +1,37 @@ +body { + background-color: #eee + margin: 0pt; + padding: 0pt; +} + +header { + margin: 0pt; + padding: 0pt; + width: 100%; + background-color: #ccc; + border-bottom: 2pt solid #999; + border-top: 0pt; +} + +a { + margin: 0pt; + border-collapse: collapse; +} + +a:link { + color: #037; + background-color: transparent; + text-decoration: none; +} + +a:visited { + color: #037; + background-color: transparent; + text-decoration: none; +} + +a:hover { + color: #07A; + background-color: transparent; + text-decoration: none; +} @@ -2,43 +2,43 @@ <head> <title>Joe's own website</title> <link rel="stylesheet" type="text/css" href="css/site.css"> + <meta charset="UTF-8"> </head> <body> <header> <h1>Welcome to Joe's dev blog</h1> - <hr /> </header> <div> <table> - <tr> - <th> + <ul> + <li> <a href="">C</a> - </th> - <th> + </li> + <li> <a href="">C++</a> - </th> - <th> + </li> + <li> <a href="">Lisp</a> - </th> - <th> + </li> + <li> <a href="">Assembly</a> - </th> - <th> + </li> + <li> <a href="">UNIX</a> - </th> - <th> + </li> + <li> <a href="">GNU Emacs</a> - </th> - <th> + </li> + <li> <a href="">My projects</a> - </th> - <th> + </li> + <li> <a href="">My C/C++ style</a> - </th> - <th> + </li> + <li> <a href="">Links</a> - </th> - </tr> + </li> + </ul> </table> </div> <p> |