Mobile Friendliness

gh-pages
rubenwardy 2015-02-06 19:16:14 +00:00
parent 2412c13183
commit 155865d02a
3 changed files with 24 additions and 2 deletions

View File

@ -1,5 +1,7 @@
</div> </div>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="{{ page.root }}static/script.js"></script> <script src="{{ page.root }}static/script.js"></script>
<link rel="stylesheet" href="{{ page.root }}static/style.css">
<link rel="stylesheet" href="{{ page.root }}static/syntax.css">
</body> </body>
</html> </html>

View File

@ -3,8 +3,7 @@
<head> <head>
<title>{% if page.title != "Introduction" %}{{ page.title }} - {% endif %}Minetest Modding Book</title> <title>{% if page.title != "Introduction" %}{{ page.title }} - {% endif %}Minetest Modding Book</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="{{ page.root }}static/style.css"> <meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="{{ page.root }}static/syntax.css">
</head> </head>
<body> <body>
<ul id="navbar"> <ul id="navbar">

View File

@ -2,6 +2,7 @@ html, body {
font-family: "Arial", sans-serif; font-family: "Arial", sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 17px;
background: #333; background: #333;
} }
@ -127,6 +128,8 @@ code {
border: 1px solid #e0e0e0; border: 1px solid #e0e0e0;
border-radius: 2px; border-radius: 2px;
white-space: pre; white-space: pre;
max-width: 95%;
overflow-x: scroll;
} }
.header-link { .header-link {
@ -163,3 +166,21 @@ h3 {
.toc > ul > li > ul > li > ul { .toc > ul > li > ul > li > ul {
display: none; display: none;
} }
@media all and (max-width: 780px) {
#navbar {
position: static;
margin: 0;
width: 100%;
}
#navbar li a {
padding: 10px;
}
#page {
position: static;
margin: 0;
padding-top: 20px;
}
}