Browse Source

the theme is mobile ready

master
mb@mb 4 years ago
parent
commit
d0aea72775
  1. 46
      theme/wttf/static/main.css
  2. 3
      theme/wttf/templates/base.html

46
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;

3
theme/wttf/templates/base.html

@ -4,6 +4,7 @@
{% block head %}
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
<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" 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"/> -->
@ -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" />
{% endif %}
{% 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>
<body id="index" class="home">

Loading…
Cancel
Save