rra/wttf
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

the theme is mobile ready

Browse Source
This commit is contained in:
mb@mb 2018-05-16 18:04:44 +02:00
parent 3842ccda59
commit d0aea72775
2 changed files with 36 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
theme/wttf/static/main.css
View File

@ -1,14 +1,32 @@
@font-face{ @font-face{
font-family: "serif"; font-family: "serif";
src:url('/theme/fonts/liberation-serif/LiberationSerif-Regular.ttf'); src:url('fonts/liberation-serif/LiberationSerif-Regular.ttf');
font-weight: normal; 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-face{
font-family: "headers"; font-family: "headers";
src:url('/theme/fonts/arima-koshi/ArimaKoshi-ExtraBold.otf'); src:url('fonts/arima-koshi/ArimaKoshi-ExtraBold.otf');
font-weight: normal; font-weight: normal;
font-variant: normal; font-style: normal;
} }
body{ body{
margin:0px; margin:0px;
@ -42,6 +60,9 @@ hr{
border:0; border:0;
border-bottom:1px solid black; border-bottom:1px solid black;
} }
em{
font-style: italic;
}
section{ section{
width: calc(100% - 4em); width: calc(100% - 4em);
@ -176,7 +197,7 @@ header{
color:#4d4b5d; color:#4d4b5d;
} }
.entry-content{ .entry-content{
font: 18px serif; font: 18px 'serif';
line-height: 28px; line-height: 28px;
letter-spacing: 0.01em; letter-spacing: 0.01em;
padding:0 20px; padding:0 20px;
@ -247,7 +268,7 @@ footer{
#menu{ #menu{
clear:both; clear:both;
max-width: 100%; max-width: 100%;
padding:1em 1em 7em 1em; padding:1em 1em 4em 1em;
font-size: 12vw; font-size: 12vw;
} }
#menu.sticky{ #menu.sticky{
@ -267,11 +288,12 @@ footer{
float: right; float: right;
position: absolute; position: absolute;
top: 40px; top: 40px;
right: 10px;
padding: 1em;
} }
#menu #subtitles{ #menu #subtitles{
width: calc(100% - 2em); width: calc(100% - 2em);
height: 95vh; top: 18em;
top: 55vh;
left: 1em; left: 1em;
margin: 1em; margin: 1em;
font-family: 'serif'; font-family: 'serif';
@ -296,7 +318,7 @@ footer{
clear:both; !important clear:both; !important
} }
.entry-title{ .entry-title{
margin:0; margin:2em 0 0;
padding:1.5em 1em; padding:1.5em 1em;
} }
.entry-content{ .entry-content{
@ -309,12 +331,12 @@ footer{
left:0; left:0;
} }
#content.article .entry-title{ #content.article .entry-title{
margin:0; margin:2em 0 0 0;
padding:1.5em 1em; padding:1.5em 1em;
} }
#content.article .entry-content{ #content.article .entry-content{
font-size: 13px; font-size: 20px;
line-height: 1.8; line-height: 1.6;
} }
footer{ footer{
padding:1em 2em; padding:1em 2em;

3
theme/wttf/templates/base.html
View File

@ -4,6 +4,7 @@
{% block head %} {% block head %}
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title> <title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="{{SITEURL}}/{{ THEME_STATIC_DIR }}{{ CSS_FILE }}" /> <link rel="stylesheet" type="text/css" href="{{SITEURL}}/{{ THEME_STATIC_DIR }}{{ CSS_FILE }}" />
<!-- <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/arima-koshi" type="text/css"/> --> <!-- <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/arima-koshi" type="text/css"/> -->
<!-- <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/liberation-serif" type="text/css"/> --> <!-- <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/liberation-serif" type="text/css"/> -->
@ -33,7 +34,7 @@
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL|format(tag.slug) }}{% else %}{{ TAG_FEED_RSS|format(tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" /> <link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL|format(tag.slug) }}{% else %}{{ TAG_FEED_RSS|format(tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" />
{% endif %} {% endif %}
{% endblock head %} {% endblock head %}
<script src="/theme/js/jquery-2.1.3.js" type="text/javascript"></script> <script src="{{SITEURL}}/theme/js/jquery-2.1.3.js" type="text/javascript"></script>
</head> </head>
<body id="index" class="home"> <body id="index" class="home">