monochrome/style.scss



@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato&v2);
@import "ikiwiki";
@include ikiwiki-boilerplate;
@include ikiwiki-reset;
@include ikiwiki-style-legacy;

/*
 * 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;
    max-width: 95%;
    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;
}

div.header, header.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;
}