path: root/style.scss

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

// site defaults
@include ikiwiki-images;
@include ikiwiki-pre;
// generic styles
@include ikiwiki-lists;
@include ikiwiki-plugin-img;
@include ikiwiki-feedbutton;
@include ikiwiki-forms;
@include ikiwiki-alignment;
@include ikiwiki-debug;
@include ikiwiki-plugin-highlight;
@include ikiwiki-plugin-color;
// shell

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

// layout - main content
#content {
    @extend %anycontent;
}
@include ikiwiki-inlinepage;
@include ikiwiki-inlineheader;
@include ikiwiki-inlinecontent;
@include ikiwiki-plugin-comments;
// layout - header
.pageheader .header {
    @extend %anycontent;
    & span {
        font-size: xx-large;
        font-weight: bold;
    }
}
@include ikiwiki-plugin-search;
@include ikiwiki-actions;
@include ikiwiki-plugin-po;
// layout - footer
#footer {
    @extend %anycontent;
}
@include ikiwiki-footer;
@include ikiwiki-pageinfo;
@include ikiwiki-tags;
@include ikiwiki-backlinks;
@include ikiwiki-authorship;
// layout - aside
@include ikiwiki-plugin-sidebar;
@include ikiwiki-plugin-trail;
// layout - print
@include ikiwiki-site-print;
// modulars
@include ikiwiki-infobox;
@include ikiwiki-notebook;
@include ikiwiki-popup;
@include ikiwiki-plugin-calendar;
@include ikiwiki-plugin-progress;
@include ikiwiki-plugin-map;
@include ikiwiki-plugin-poll;
@include ikiwiki-plugin-pagestats;
@include ikiwiki-plugin-flattr;
@include ikiwiki-blogform;
// section/page specific
@include ikiwiki-archivepage;
@include ikiwiki-plugin-recentchanges;
@include ikiwiki-plugin-editpage;
@include ikiwiki-plugin-attachment;
@include ikiwiki-plugin-openid;

// 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;
}

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