summaryrefslogtreecommitdiffstats
path: root/blog/_assets/stylesheets/main.scss
diff options
context:
space:
mode:
Diffstat (limited to 'blog/_assets/stylesheets/main.scss')
-rw-r--r--blog/_assets/stylesheets/main.scss118
1 files changed, 118 insertions, 0 deletions
diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss
new file mode 100644
index 0000000..a6abce1
--- /dev/null
+++ b/blog/_assets/stylesheets/main.scss
@@ -0,0 +1,118 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+@import "config";
+@import "common";
+@import "header";
+@import "navbar";
+
+body {
+ background-color: black;
+ color: $text-color;
+ line-height: 135%;
+
+ background: {
+ image: url({{ "/assets/images/background.jpg" | prepend: site.baseurl_root }});
+ repeat: no-repeat;
+ position: center top;
+ color: black;
+ }
+}
+
+a {
+ color: $link-color;
+ &:hover {
+ color: $link-hover-color;
+ }
+}
+
+#page-container {
+ position: relative;
+ width: 28cm;
+ margin: {
+ top: 10mm;
+ left: auto;
+ right: auto;
+ }
+ footer {
+ clear: both;
+ }
+}
+
+#body-content {
+ position: relative;
+ min-height: 700px;
+
+ padding: 1em;
+ @include round-corners;
+
+ #body {
+ padding-right: 20em;
+ }
+
+ #side_body {
+ position: absolute;
+ width: 244px;
+ bottom: 1em;
+ right: 1em;
+ top: 1em;
+ overflow: auto;
+ .inner {
+ padding: 10px;
+ }
+ background: {
+ color: $side-bar-background
+ }
+ @include round-corners;
+
+ h1 {
+ font: {
+ size: 20px;
+ weight: bold;
+ }
+ }
+
+ h2 {
+ font: {
+ size: 16px;
+ weight: bold;
+ }
+ }
+
+ h3 {
+ font: {
+ size: 12px;
+ weight: bold;
+ }
+ }
+ }
+
+ #news, #links {
+ width: 8.55cm;
+ float: left;
+ margin-right: 5mm;
+
+ header {
+ date {
+ font-size: 10pt;
+ }
+ h1 {
+ font: {
+ size: 13pt;
+ weight: bold;
+ }
+ margin: {
+ bottom: 5mm;
+ top: 0;
+ }
+ a {
+ text-decoration: none;
+ }
+ }
+ }
+
+ &.wide {
+ width: 100%;
+ }
+ }
+}