path: root/style.scss

@import "toolkit";
@import "compass/typography";
@import "../shared/themes/default/ikiwiki";

@include ikiwiki-style;

// Action items
//
// Right-aligned horizontal items, hidden unless hovered
.pageheader .actions {
    position: absolute;
    top: 0;
    right: 2em;
    background-color: transparent;
    ul {
        @include inline-block-list;
        height: 2em;
    }
    a {
        color: transparent;
        &:hover {
            color: #3d6a8d;
            text-decoration: none;
        }
    }
}

// Page
//
// Grey underlay, Helvetica text
body {
    background-color: grey;
    font-family: Helvetica, sans-serif;
}

// Anchors
//
// Underlined only when hovered
a {
    @include hover-link;
}

// Definition lists
//
// Full-width horizontal items with definitions right-aligned
dl {
    display: inline-block;
    width: 100%;
    margin: 0;
}
dt {
    float: left;
    clear: right;
}
dd {
    float: right;
    clear: right;
}

// Content
//
// Light grey underlay
// Max. 45 chars., balanced margins on large viewports
#content,
#footer {
    max-width: 45em;
    margin: 0 auto;
    padding: .5em 2em;
    background-color: lightgrey;
}

// Pagedate
//
// very tiny in lower right corner
.pagedate {
    text-align: right;
    font-size: xx-small;
}