added prototypical support for mobile devises

This commit is contained in:
Yord 2014-07-01 23:04:14 +02:00
parent f895be7ad4
commit 1a09b59d26
7 changed files with 47 additions and 4 deletions

View file

@ -1,5 +1,5 @@
name: IKRPG Wiki
pygments: false
highlighter: null
permalink: /:categories/:title/
port: 8080
exclude: [ Makefile, README.md ]

View file

@ -2,6 +2,7 @@
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width;" />
<title>{{ page.title }}</title>
<link rel="stylesheet" href="/static/stylesheets/index.css" />
<link rel="stylesheet" href="/static/stylesheets/content/datatables.css" />

View file

@ -22,7 +22,7 @@ tags: [Character Cards]
</style>
<p>
These are <strong>character cards</strong> for IKRPG heroes.
These <strong>character cards</strong> provide an alternative design for your IKRPG character sheets.
</p>
<p>
<form>

View file

@ -7,7 +7,7 @@ tags: [ Rules ]
---
<p>
Visit the <a href="/index/">Full Publication Index</a>.
Visit the <a href="/Index/">Full Publication Index</a>.
</p>
<p>
This page revisits all publications used to build the full publication index.

View file

@ -8,4 +8,6 @@
@import url("/static/stylesheets/content/lists.css") all;
@import url("/static/stylesheets/content/character-sheet.css") all;
@import url("/static/stylesheets/content/progress-bar.css") all;
@import url("/static/stylesheets/foot.css") all;
@import url("/static/stylesheets/foot.css") all;
@import url("/static/stylesheets/ipad.css") all;
@import url("/static/stylesheets/iphone.css") all;

View file

@ -0,0 +1,20 @@
@media only screen and (max-width: 1024px) {
body {
max-width: auto;
}
header#head h1 {
font-size: 2em;
}
article {
width: auto;
}
input, textarea {
-webkit-appearance: none;
padding: 0;
}
}

View file

@ -0,0 +1,20 @@
@media only screen and (max-width: 480px) {
body {
max-width: 700px;
}
header#head h1 {
font-size: 2em;
}
article {
width: 700px;
}
input, textarea {
-webkit-appearance: none;
padding: 0;
}
}