From d0aea72775f863852a3e9b6483803bedcdea7ccc Mon Sep 17 00:00:00 2001 From: "mb@mb" Date: Wed, 16 May 2018 18:04:44 +0200 Subject: [PATCH] the theme is mobile ready --- theme/wttf/static/main.css | 46 +++++++++++++++++++++++++--------- theme/wttf/templates/base.html | 3 ++- 2 files changed, 36 insertions(+), 13 deletions(-) diff --git a/theme/wttf/static/main.css b/theme/wttf/static/main.css index c9c0d9d..1278073 100644 --- a/theme/wttf/static/main.css +++ b/theme/wttf/static/main.css @@ -1,14 +1,32 @@ @font-face{ font-family: "serif"; - src:url('/theme/fonts/liberation-serif/LiberationSerif-Regular.ttf'); + src:url('fonts/liberation-serif/LiberationSerif-Regular.ttf'); font-weight: normal; - font-variant: normal; + font-style: normal; +} +@font-face{ + font-family: "serif"; + src:url('fonts/liberation-serif/LiberationSerif-Bold.ttf'); + font-weight: bold; + font-style: normal; +} +@font-face{ + font-family: "serif"; + src:url('fonts/liberation-serif/LiberationSerif-BoldItalic.ttf'); + font-weight: bold; + font-style: italic; +} +@font-face{ + font-family: "serif"; + src:url('fonts/liberation-serif/LiberationSerif-Italic.ttf'); + font-weight: normal; + font-style: italic; } @font-face{ font-family: "headers"; - src:url('/theme/fonts/arima-koshi/ArimaKoshi-ExtraBold.otf'); + src:url('fonts/arima-koshi/ArimaKoshi-ExtraBold.otf'); font-weight: normal; - font-variant: normal; + font-style: normal; } body{ margin:0px; @@ -42,6 +60,9 @@ hr{ border:0; border-bottom:1px solid black; } +em{ + font-style: italic; +} section{ width: calc(100% - 4em); @@ -176,7 +197,7 @@ header{ color:#4d4b5d; } .entry-content{ - font: 18px serif; + font: 18px 'serif'; line-height: 28px; letter-spacing: 0.01em; padding:0 20px; @@ -247,7 +268,7 @@ footer{ #menu{ clear:both; max-width: 100%; - padding:1em 1em 7em 1em; + padding:1em 1em 4em 1em; font-size: 12vw; } #menu.sticky{ @@ -267,11 +288,12 @@ footer{ float: right; position: absolute; top: 40px; + right: 10px; + padding: 1em; } #menu #subtitles{ width: calc(100% - 2em); - height: 95vh; - top: 55vh; + top: 18em; left: 1em; margin: 1em; font-family: 'serif'; @@ -296,7 +318,7 @@ footer{ clear:both; !important } .entry-title{ - margin:0; + margin:2em 0 0; padding:1.5em 1em; } .entry-content{ @@ -309,12 +331,12 @@ footer{ left:0; } #content.article .entry-title{ - margin:0; + margin:2em 0 0 0; padding:1.5em 1em; } #content.article .entry-content{ - font-size: 13px; - line-height: 1.8; + font-size: 20px; + line-height: 1.6; } footer{ padding:1em 2em; diff --git a/theme/wttf/templates/base.html b/theme/wttf/templates/base.html index f5cd59a..e925a07 100644 --- a/theme/wttf/templates/base.html +++ b/theme/wttf/templates/base.html @@ -4,6 +4,7 @@ {% block head %} {% block title %}{{ SITENAME }}{% endblock title %} + @@ -33,7 +34,7 @@ {% endif %} {% endblock head %} - +