diff options
| -rw-r--r-- | assets/styles.css | 16 | ||||
| -rw-r--r-- | assets/stylesheets/layout.hcss | 20 | ||||
| -rw-r--r-- | index.html | 10 |
3 files changed, 41 insertions, 5 deletions
diff --git a/assets/styles.css b/assets/styles.css index 9bc41ac..67ffd79 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -8,8 +8,21 @@ body { font: 19px "Georgia", serif; } header h1 { display: none; } +h2 { + margin-top: 1.2em; + margin-bottom: 0.4em; +} +p { + margin-top: 0.8em; + margin-bottom: 0.8em; +} +.content { + width: 640px; + margin-left: 11%; +} .code-block { padding: 12px 16px; + overflow: auto; border: solid 2px #8c6e6e; border-radius: 6px; box-shadow: inset 1px 1px 10px #402929; @@ -17,6 +30,9 @@ header h1 { display: none; } color: #c9ccb4; text-shadow: 1px 3px 5px #230f0f; } +.margin-bottom-1\.8 { + margin-bottom: 1.8em; +} h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, sans-serif; } diff --git a/assets/stylesheets/layout.hcss b/assets/stylesheets/layout.hcss index 5605ce5..b9b6ef1 100644 --- a/assets/stylesheets/layout.hcss +++ b/assets/stylesheets/layout.hcss @@ -7,8 +7,24 @@ body { header h1 { display: none; } +h2 { + margin-top: 1.2em; + margin-bottom: 0.4em; +} + +p { + margin-top: 0.8em; + margin-bottom: 0.8em; +} + +.content { + width: 640px; + margin-left: 11%; +} + .code-block { padding: 12px 16px; + overflow: auto; border: solid 2px #8c6e6e; border-radius: 6px; @@ -18,3 +34,7 @@ header h1 { display: none; } color: #c9ccb4; text-shadow: 1px 3px 5px #230f0f; } + +.margin-bottom-1\.8 { + margin-bottom: 1.8em; +} @@ -28,13 +28,13 @@ <h2>Examples</h2> <p>Video controls:</p> - <pre class="code code-block"> + <pre class="code code-block margin-bottom-1.8"> map <Up> <Left> map <Play> <Space> map <Down> <Right></pre> <p>Preserve volume buttons and include video controls in a mode:</p> - <pre class="code code-block"> + <pre class="code code-block margin-bottom-1.8"> # Don't launch iTunes when pressing the middle button map <Play> <Nop> @@ -45,18 +45,18 @@ mode <Play><Play> { }</pre> <p>Application switcher:</p> - <pre class="code code-block"> + <pre class="code code-block margin-bottom-1.8"> map <Up> <D-S-Tab> map <Down> <D-Tab></pre> <p>Open frequently used applications:</p> - <pre class="code code-block"> + <pre class="code code-block margin-bottom-1.8"> cmd <Up> open -a Terminal cmd <Play> open -a Xcode cmd <Down> open -a Firefox</pre> <p>Open Terminal window #2:</p> - <pre class="code code-block"> + <pre class="code code-block margin-bottom-1.8"> cmd <Play> osascript -e 'activate application "Terminal"' -e 'tell application "System Events" to keystroke "2" using command down'</pre> </div> </body> |