@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

// suppressed parts
%avoid {
	display: none;
	visibility: hidden;
}

// 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 %avoid;
}
@include ikiwiki-plugin-search;
@include ikiwiki-actions;
@include ikiwiki-plugin-po;
// layout - footer
#footer {
	@extend %anycontent;
	.tags {
		@extend %avoid;
	}
}
@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-2;
			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-2, $color-complement-1);
	@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;
}