diff options
Diffstat (limited to 'monochrome')
-rw-r--r-- | monochrome/gradient.png | bin | 0 -> 2466 bytes | |||
-rw-r--r-- | monochrome/style.scss | 81 |
2 files changed, 81 insertions, 0 deletions
diff --git a/monochrome/gradient.png b/monochrome/gradient.png Binary files differnew file mode 100644 index 0000000..7363185 --- /dev/null +++ b/monochrome/gradient.png diff --git a/monochrome/style.scss b/monochrome/style.scss new file mode 100644 index 0000000..226e405 --- /dev/null +++ b/monochrome/style.scss @@ -0,0 +1,81 @@ +@charset "UTF-8"; +@import url(http://fonts.googleapis.com/css?family=Lato&v2); +@import "../default/ikiwiki"; +@include ikiwiki; + +/* + * monochrome - ikiwiki theme © Jon Dowland 2012 + * based on ikiwiki style.css and bits from jmtd.net at the time + * License: GPL-2+ + */ +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, +#enclosure a[href^="http:"]:after, +#enclosure 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, +#enclosure a[href^="http://localhost"]:after, +#enclosure 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; +} |