diff options
| author | Teddy Wing | 2018-11-08 17:24:44 +0100 |
|---|---|---|
| committer | Teddy Wing | 2018-11-08 17:24:44 +0100 |
| commit | fe8d65700b73e8f29e5a38289ed5cfa4ed57702c (patch) | |
| tree | 78fd539047a26931a516c73ea24e7726cbe5a0cb | |
| parent | e1c286ae550fd31dcbcf6c4dbda758d207e65a3e (diff) | |
| download | dome-key-web-fe8d65700b73e8f29e5a38289ed5cfa4ed57702c.tar.bz2 | |
Adjust logo and content margins
* Add margins to the top & bottom of the page
* Align the logo relative to the content area, and move it left a bit,
outside of the column
| -rw-r--r-- | assets/styles.css | 3 | ||||
| -rw-r--r-- | assets/stylesheets/layout.hcss | 4 | ||||
| -rw-r--r-- | index.html | 10 |
3 files changed, 12 insertions, 5 deletions
diff --git a/assets/styles.css b/assets/styles.css index 67ffd79..afe44bd 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -7,6 +7,7 @@ body { color: #222; font: 19px "Georgia", serif; } +header { margin-left: -90px; } header h1 { display: none; } h2 { margin-top: 1.2em; @@ -18,6 +19,8 @@ p { } .content { width: 640px; + margin-top: 1.8em; + margin-bottom: 2em; margin-left: 11%; } .code-block { diff --git a/assets/stylesheets/layout.hcss b/assets/stylesheets/layout.hcss index b9b6ef1..ac9de6b 100644 --- a/assets/stylesheets/layout.hcss +++ b/assets/stylesheets/layout.hcss @@ -5,6 +5,8 @@ body { font: 19px "Georgia", serif; } +header { margin-left: -90px; } + header h1 { display: none; } h2 { @@ -19,6 +21,8 @@ p { .content { width: 640px; + margin-top: 1.8em; + margin-bottom: 2em; margin-left: 11%; } @@ -10,12 +10,12 @@ <link rel="stylesheet" href="assets/styles.css" /> </head> <body> - <header> - <h1>DomeKey</h1> - <img src="assets/logo.svg" alt="DomeKey" /> - </header> - <div class="content"> + <header> + <h1>DomeKey</h1> + <img src="assets/logo.svg" alt="DomeKey" /> + </header> + <p> DomeKey lets you customise headphone buttons </p> |