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 name: IKRPG Wiki
pygments: false highlighter: null
permalink: /:categories/:title/ permalink: /:categories/:title/
port: 8080 port: 8080
exclude: [ Makefile, README.md ] exclude: [ Makefile, README.md ]

View file

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

View file

@ -22,7 +22,7 @@ tags: [Character Cards]
</style> </style>
<p> <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>
<p> <p>
<form> <form>

View file

@ -7,7 +7,7 @@ tags: [ Rules ]
--- ---
<p> <p>
Visit the <a href="/index/">Full Publication Index</a>. Visit the <a href="/Index/">Full Publication Index</a>.
</p> </p>
<p> <p>
This page revisits all publications used to build the full publication index. 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/lists.css") all;
@import url("/static/stylesheets/content/character-sheet.css") all; @import url("/static/stylesheets/content/character-sheet.css") all;
@import url("/static/stylesheets/content/progress-bar.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;
}
}