Mobile Friendliness
This commit is contained in:
parent
2412c13183
commit
155865d02a
@ -1,5 +1,7 @@
|
||||
</div>
|
||||
<script src="http://code.jquery.com/jquery-1.11.2.min.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>
|
||||
</html>
|
||||
|
@ -3,8 +3,7 @@
|
||||
<head>
|
||||
<title>{% if page.title != "Introduction" %}{{ page.title }} - {% endif %}Minetest Modding Book</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<link rel="stylesheet" href="{{ page.root }}static/style.css">
|
||||
<link rel="stylesheet" href="{{ page.root }}static/syntax.css">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
</head>
|
||||
<body>
|
||||
<ul id="navbar">
|
||||
|
@ -2,6 +2,7 @@ html, body {
|
||||
font-family: "Arial", sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 17px;
|
||||
background: #333;
|
||||
}
|
||||
|
||||
@ -127,6 +128,8 @@ code {
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 2px;
|
||||
white-space: pre;
|
||||
max-width: 95%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.header-link {
|
||||
@ -163,3 +166,21 @@ h3 {
|
||||
.toc > ul > li > ul > li > ul {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user