summaryrefslogtreecommitdiff
path: root/style.scss
diff options
context:
space:
mode:
Diffstat (limited to 'style.scss')
-rw-r--r--style.scss142
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;
+ }
+}