@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 .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%; padding: 0 15%; } #branding-logo img { width: 100%; } // Pagedate // // very tiny in lower right corner .pagedate { text-align: right; font-size: xx-small; }