diff options
Diffstat (limited to 'style.scss')
-rw-r--r-- | style.scss | 142 |
1 files changed, 142 insertions, 0 deletions
diff --git a/style.scss b/style.scss new file mode 100644 index 0000000..03d37bd --- /dev/null +++ b/style.scss @@ -0,0 +1,142 @@ +@import "typey/font-stacks"; +@import "partials/base"; + +@import "normalize"; + +@import "typey"; +@import "../shared/themes/default/ikiwiki"; +@import "compass/reset/utilities"; +@import "compass/typography"; +@import "breakpoint"; + +@include normalize; + +@media print { +// TODO: simplify when gutenberg 0.6.1-2 is in Debian +//@import "gutenberg"; +@import "stylesheets/gutenberg/variables"; +@import "stylesheets/gutenberg/print-reset"; +@import "stylesheets/gutenberg/pagination"; +@import "stylesheets/gutenberg/page"; +@import "stylesheets/gutenberg/reformat"; +@import "stylesheets/gutenberg/utilities"; +} + +@include ikiwiki-style; + +h1 { + @include typeset(heading-1); +} + +#branding-logo { + width: 94%; + margin: 2em 3% 0; + text-align: right; + @include breakpoint($wide) { + z-index: -1; + position: absolute; + margin-top: 8em; + img { + max-width: 18%; + } + } +} + +.pageheader { + padding: 0; + header { + padding: 1em 2%; + } +} + +a { + @include hover-link; + @include link-colors($linkColor, $linkHoverColor, $linkColor, $linkColor, $linkHoverColor); + font-weight: bold; +} +.selflink { + color: $linkHoverColor; +} + +.header, +.author, +.recentchanges, +.committype, +#footer, +.inlinefooter { + font-size: 80%; +} + +.topbar { + padding: 1em 2%; + text-align: center; +} + +.topbar ul { + @include inline-list; + li { + margin-right: 2em; + font-variant: all-petite-caps; + } +} + +.sidebar { + float: left; + padding: 0; + border: none; + margin-top: -400px; + margin-right: 2%; + margin-bottom: 1em; + margin-left: 2%; + width: 21%; + background: transparent; +} + +.sidebar ul { + list-style-type: none; + padding-left: 0; + margin: 0; +} + +.sidebar ul li .selflink { + color: $linkHoverColor; +} + +#content { + width: 96%; + max-width: 32em; + min-height: 480px; + margin: 0 auto; + padding: 2em 2%; +} + +#backlinks { + display: none; +} + +img { + vertical-align: top; + margin: 0 1em 1em 0; + padding: 0; + max-width: 100%; + height: auto; +} + +img.solo { + float: none; + display: block; + clear: both; +} + +th { + text-align: left; +} + +#pageinfo { + border-top: none; + padding-left: 2em; + bottom: 0; + @include breakpoint($wide) { + position: fixed; + } +} |