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

the theme is mobile ready

master
mb@mb 6 years ago
parent
3842ccda59
commit
d0aea72775
2 changed files with 36 additions and 13 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 46
      theme/wttf/static/main.css
  2. 3
      theme/wttf/templates/base.html

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">

Write Preview
Loading…
Cancel
Save