path: root/style.scss

@charset 'utf-8';

@import "partials/base";
@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: $color-primary-1;
}

// layout - main content
#content {
    @extend %anycontent;
}
@include ikiwiki-inlinepage;
@include ikiwiki-inlineheader;
@include ikiwiki-inlinecontent;
@include ikiwiki-plugin-comments;
// layout - header
.branding {
    @extend %anycontent;
}
.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: $color-complement-0;
            text-decoration: none;
        }
    }
}

// Page
//
// Grey underlay, Helvetica text
body {
    background-color: $color-primary-0;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

// Links
//
// Use primary color; underlined only when hovered
a {
    @include link-colors($color-complement-0, $color-complement-2);
    @include hover-link;
}

// Wine menu items (definition lists within ordered lists)
//
// Single count across main content
// Strongly typed titles (definition title)
// Right end reserved for prices (definition data)
#content {
    counter-reset: unified;
    ol li {
        list-style-type: none;
        &:before {
            float: left;
            margin-left: -2em;
            counter-increment: unified;
            content: counters(unified, ".") " ";
        }
        dt {
            font-weight: bold;
        }
        p {
            margin-right: 5em;
        }
        > p {
            margin-top: 0;
        }
    }
}

// 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;
    margin-left: 1em;
}

// Images
//
// Full-width with slight side padding
#content img {
    width: 70%;
    height: auto;
    padding: 0 15%;
}
.branding-logo img {
    width: 100%;
    height: auto;
}

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