diff options
| -rw-r--r-- | doc/themes.mdwn | 5 | ||||
| -rw-r--r-- | doc/themes/monochrome.png | bin | 0 -> 133348 bytes | |||
| -rw-r--r-- | themes/monochrome/gradient.png | bin | 0 -> 2466 bytes | |||
| -rw-r--r-- | themes/monochrome/style.css | 53 |
4 files changed, 58 insertions, 0 deletions
diff --git a/doc/themes.mdwn b/doc/themes.mdwn index 57f899677..9f7f78dbf 100644 --- a/doc/themes.mdwn +++ b/doc/themes.mdwn @@ -21,6 +21,11 @@ blueview and featuring the photography of Lars Wirzenius. <br clear="both" /> +[[!img monochrome.png size="192x146" align==left]] The **monochrome** theme, +based on [[Jon]]'s homepage design. + +<br clear="both" /> + [[!img none_small.png align=left]] For completeness, ikiwiki's default anti-theme. diff --git a/doc/themes/monochrome.png b/doc/themes/monochrome.png Binary files differnew file mode 100644 index 000000000..0d5854d83 --- /dev/null +++ b/doc/themes/monochrome.png diff --git a/themes/monochrome/gradient.png b/themes/monochrome/gradient.png Binary files differnew file mode 100644 index 000000000..7363185d5 --- /dev/null +++ b/themes/monochrome/gradient.png diff --git a/themes/monochrome/style.css b/themes/monochrome/style.css new file mode 100644 index 000000000..41a3a4441 --- /dev/null +++ b/themes/monochrome/style.css @@ -0,0 +1,53 @@ +/* + * monochrome - ikiwiki theme © Jon Dowland 2012 + * based on ikiwiki style.css and bits from jmtd.net at the time + * License: GPL-2+ + */ + +@import url(http://fonts.googleapis.com/css?family=Lato&v2); + +body { + margin-left: auto; + margin-right: auto; + width: 48em; + + background: url(gradient.png) repeat-x white 0px -16px; + margin-top: 48px; /* height of gradient.png that we want to see */ + + color: #555; + font-family: 'Lato', sans-serif; +} + +.header { + margin-bottom: 0.5em; +} +.pageheader .actions ul { + border-bottom: 2px solid #c00040; +} + +#pageinfo { + border-top: 2px solid #c00040; + text-align: center; + color: #aaa; +} + +/* + * css3 external links stuff + * thanks to <http://www.kryogenix.org/days/2002/08/30/external> + */ +#content a[href^="http:"]:after, +#content a[href^="https:"]:after { + content: "↗"; +} +/* you will want to replicate this for your own domain in local.css */ +#content a[href^="http://localhost"]:after, +#content a[href^="http://ikiwiki.info"]:after { + content: none; +} + +/* colouring */ +a:link { color: #c00040; font-weight: bold; text-decoration: none; } +a:hover { color: #f01070; text-decoration: underline;} +a:active { color: #c00040; } +a:visited { color: #c08080; font-weight: normal; font-style: italic; } +hr { border: none; border-top: 2px solid #c00040; clear: both; } |
