diff options
Diffstat (limited to 'blog/_assets/stylesheets/main.scss')
-rw-r--r-- | blog/_assets/stylesheets/main.scss | 118 |
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%; + } + } +} |