actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

upd test assets

This commit is contained in:
Gambhiro 2017-01-18 09:25:03 +00:00
parent 27721c26b5
commit a8021eb4e8
2 changed files with 220 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/tests/book-minimal-with-assets/assets/_html-template/_layouts/page.hbs
View File

@ -2,7 +2,7 @@
<html lang="{{ language }}"> <html lang="{{ language }}">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{{ title }}</title> <title>{{ page-title }}</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="description" content="{{ description }}"> <meta name="description" content="{{ description }}">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -11,16 +11,11 @@
<link rel="shortcut icon" href="images/favicon.png"> <link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="css/book.css">
<!-- TODO use OpenSans from local -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/book.css">
<link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/highlight.css">
<link rel="stylesheet" href="css/tomorrow-night.css">
<!-- TODO use MathJax from local -->
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script src="js/jquery-2.1.4.min.js"></script> <script src="js/jquery-2.1.4.min.js"></script>
@ -41,6 +36,10 @@
</script> </script>
<div id="sidebar" class="sidebar"> <div id="sidebar" class="sidebar">
<div class="translation-indexes">
{{#translation-indexes}}{{/translation-indexes}}
</div>
{{#toc}}{{/toc}} {{#toc}}{{/toc}}
</div> </div>
@ -53,13 +52,19 @@
<i id="theme-toggle" class="fa fa-paint-brush"></i> <i id="theme-toggle" class="fa fa-paint-brush"></i>
</div> </div>
<h1 class="menu-title">{{ title }}</h1> <div class="translation-links">
{{#translation-links}}{{/translation-links}}
</div>
<h1 class="menu-title">{{ page-title }}</h1>
<div class="right-buttons"> <div class="right-buttons">
<i id="print-button" class="fa fa-print" title="Print this book"></i> <i id="print-button" class="fa fa-print" title="Print this book"></i>
</div> </div>
</div> </div>
<div id="content" class="content"> <div id="content" class="content">
{{{ content }}} {{{ content }}}
</div> </div>
@ -93,6 +98,9 @@
</div> </div>
<!-- Livereload script (if served using the cli tool) -->
{{{livereload}}}
<script src="js/highlight.js"></script> <script src="js/highlight.js"></script>
<script src="js/book.js"></script> <script src="js/book.js"></script>
</body> </body>

237
src/tests/book-minimal-with-assets/assets/_html-template/css/book.css
View File

@ -1,3 +1,162 @@
body.highlightjs-light .hljs {
display: block;
overflow-x: auto;
background: #f1f1f1;
color: #6e6b5e;
padding: 0.5em;
-webkit-text-size-adjust: none;
}
body.highlightjs-light .hljs-comment {
color: #aaa;
}
body.highlightjs-light .hljs-variable,
body.highlightjs-light .hljs-tag,
body.highlightjs-light .hljs-regexp,
body.highlightjs-light .hljs-name,
body.highlightjs-light .ruby .hljs-constant,
body.highlightjs-light .xml .hljs-tag .hljs-title,
body.highlightjs-light .xml .hljs-pi,
body.highlightjs-light .xml .hljs-doctype,
body.highlightjs-light .html .hljs-doctype,
body.highlightjs-light .css .hljs-id,
body.highlightjs-light .css .hljs-class,
body.highlightjs-light .css .hljs-pseudo {
color: #d73737;
}
body.highlightjs-light .hljs-number,
body.highlightjs-light .hljs-preprocessor,
body.highlightjs-light .hljs-built_in,
body.highlightjs-light .hljs-literal,
body.highlightjs-light .hljs-params,
body.highlightjs-light .hljs-attribute,
body.highlightjs-light .hljs-constant {
color: #b65611;
}
body.highlightjs-light .ruby .hljs-class .hljs-title,
body.highlightjs-light .css .hljs-rule .hljs-attribute {
color: #ae9513;
}
body.highlightjs-light .hljs-string,
body.highlightjs-light .hljs-value,
body.highlightjs-light .hljs-inheritance,
body.highlightjs-light .ruby .hljs-symbol,
body.highlightjs-light .xml .hljs-cdata {
color: #2a9292;
}
body.highlightjs-light .hljs-title,
body.highlightjs-light .css .hljs-hexcolor {
color: #1fad83;
}
body.highlightjs-light .hljs-function,
body.highlightjs-light .python .hljs-decorator,
body.highlightjs-light .python .hljs-title,
body.highlightjs-light .ruby .hljs-function .hljs-title,
body.highlightjs-light .ruby .hljs-title .hljs-keyword,
body.highlightjs-light .perl .hljs-sub,
body.highlightjs-light .javascript .hljs-title,
body.highlightjs-light .coffeescript .hljs-title {
color: #6684e1;
}
body.highlightjs-light .hljs-keyword,
body.highlightjs-light .javascript .hljs-function {
color: #b854d4;
}
body.highlightjs-light .coffeescript .javascript,
body.highlightjs-light .javascript .xml,
body.highlightjs-light .tex .hljs-formula,
body.highlightjs-light .xml .javascript,
body.highlightjs-light .xml .vbscript,
body.highlightjs-light .xml .css,
body.highlightjs-light .xml .hljs-cdata {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
body.highlightjs-light .hljs-header {
color: #a30000;
}
body.highlightjs-light .hljs-link_label {
color: #3cc;
}
body.highlightjs-light .hljs-link_url {
color: #c6f;
}
body.highlightjs-dark .hljs-comment {
color: #969896;
}
body.highlightjs-dark .hljs-variable,
body.highlightjs-dark .hljs-attribute,
body.highlightjs-dark .hljs-tag,
body.highlightjs-dark .hljs-regexp,
body.highlightjs-dark .ruby .hljs-constant,
body.highlightjs-dark .xml .hljs-tag .hljs-title,
body.highlightjs-dark .xml .hljs-pi,
body.highlightjs-dark .xml .hljs-doctype,
body.highlightjs-dark .html .hljs-doctype,
body.highlightjs-dark .css .hljs-id,
body.highlightjs-dark .css .hljs-class,
body.highlightjs-dark .css .hljs-pseudo {
color: #c66;
}
body.highlightjs-dark .hljs-number,
body.highlightjs-dark .hljs-preprocessor,
body.highlightjs-dark .hljs-pragma,
body.highlightjs-dark .hljs-built_in,
body.highlightjs-dark .hljs-literal,
body.highlightjs-dark .hljs-params,
body.highlightjs-dark .hljs-constant {
color: #de935f;
}
body.highlightjs-dark .ruby .hljs-class .hljs-title,
body.highlightjs-dark .css .hljs-rule .hljs-attribute {
color: #f0c674;
}
body.highlightjs-dark .hljs-string,
body.highlightjs-dark .hljs-value,
body.highlightjs-dark .hljs-inheritance,
body.highlightjs-dark .hljs-header,
body.highlightjs-dark .hljs-name,
body.highlightjs-dark .ruby .hljs-symbol,
body.highlightjs-dark .xml .hljs-cdata {
color: #b5bd68;
}
body.highlightjs-dark .hljs-title,
body.highlightjs-dark .css .hljs-hexcolor {
color: #8abeb7;
}
body.highlightjs-dark .hljs-function,
body.highlightjs-dark .python .hljs-decorator,
body.highlightjs-dark .python .hljs-title,
body.highlightjs-dark .ruby .hljs-function .hljs-title,
body.highlightjs-dark .ruby .hljs-title .hljs-keyword,
body.highlightjs-dark .perl .hljs-sub,
body.highlightjs-dark .javascript .hljs-title,
body.highlightjs-dark .coffeescript .hljs-title {
color: #81a2be;
}
body.highlightjs-dark .hljs-keyword,
body.highlightjs-dark .javascript .hljs-function {
color: #b294bb;
}
body.highlightjs-dark .hljs {
display: block;
overflow-x: auto;
background: #1d1f21;
color: #c5c8c6;
padding: 0.5em;
-webkit-text-size-adjust: none;
}
body.highlightjs-dark .coffeescript .javascript,
body.highlightjs-dark .javascript .xml,
body.highlightjs-dark .tex .hljs-formula,
body.highlightjs-dark .xml .javascript,
body.highlightjs-dark .xml .vbscript,
body.highlightjs-dark .xml .css,
body.highlightjs-dark .xml .hljs-cdata {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
html, html,
body { body {
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
@ -37,7 +196,7 @@ table thead td {
font-weight: 700; font-weight: 700;
} }
.sidebar { .sidebar {
position: fixed; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -99,6 +258,7 @@ table thead td {
} }
.page-wrapper { .page-wrapper {
position: absolute; position: absolute;
overflow-y: auto;
left: 315px; left: 315px;
right: 0; right: 0;
top: 0; top: 0;
@ -133,14 +293,7 @@ table thead td {
left: 0; left: 0;
bottom: 0; bottom: 0;
padding-right: 15px; padding-right: 15px;
} overflow-y: auto;
@media only screen and (max-width: 400px) {
.page {
/* Only prevent horizontal scrolling on screens with less than 100px for the content
A better way would be to somehow prevent horizontal scrolling all the time, but this causes scrolling problems on iOS Safari.
Also, would be better to only enable horizontal scrolling when it is needed (content does not fit on page) but I have no idea how to do that. */
overflow-x: hidden;
}
} }
.content { .content {
margin-left: auto; margin-left: auto;
@ -157,6 +310,42 @@ table thead td {
.content img { .content img {
max-width: 100%; max-width: 100%;
} }
div.translation-indexes ul {
margin: 10px 0 0 0;
padding: 0;
text-align: center;
list-style-type: none;
}
div.translation-indexes ul li {
display: inline-block;
padding: 0.2em 0.5em;
}
div.translation-indexes ul li a {
text-decoration: none;
}
div.translation-indexes ul li a:hover {
text-decoration: underline;
}
div.translation-links {
float: left;
height: 50px;
}
div.translation-links ul {
margin: 10px 0 0 0;
padding: 0 0 0 1em;
text-align: left;
list-style-type: none;
}
div.translation-links ul li {
display: inline-block;
padding: 0.2em 0.5em;
}
div.translation-links ul li a {
text-decoration: none;
}
div.translation-links ul li a:hover {
text-decoration: underline;
}
.menu-bar { .menu-bar {
position: relative; position: relative;
height: 50px; height: 50px;
@ -181,18 +370,13 @@ table thead td {
.menu-bar .right-buttons { .menu-bar .right-buttons {
float: right; float: right;
} }
.menu-title { h1.menu-title {
display: inline-block; float: left;
margin: 0 0 0 2em;
padding: 0;
font-weight: 200; font-weight: 200;
font-size: 20px; font-size: 20px;
line-height: 50px; line-height: 50px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: 0;
opacity: 0; opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); filter: alpha(opacity=0);
@ -211,7 +395,7 @@ table thead td {
font-size: 2.5em; font-size: 2.5em;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
position: fixed; position: absolute;
top: 50px /* Height of menu-bar */; top: 50px /* Height of menu-bar */;
bottom: 0; bottom: 0;
margin: 0; margin: 0;
@ -250,13 +434,7 @@ table thead td {
.nav-chapters:hover { .nav-chapters:hover {
text-decoration: none; text-decoration: none;
} }
.sidebar-hidden .previous { .previous {
left: 0;
}
.sidebar-visible .nav-chapters .previous {
left: 300px;
}
.sidebar-visible .mobile-nav-chapters .previous {
left: 0; left: 0;
} }
.next { .next {
@ -266,7 +444,6 @@ table thead td {
position: relative; position: relative;
left: 10px; left: 10px;
z-index: 1000; z-index: 1000;
-webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
font-size: 0.7em; font-size: 0.7em;
} }
@ -303,7 +480,6 @@ table thead td {
position: relative; position: relative;
display: inline-block; display: inline-block;
margin-bottom: 50px; margin-bottom: 50px;
-webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
.next { .next {
@ -406,7 +582,6 @@ table thead td {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
padding: 0.1em 0.3em; padding: 0.1em 0.3em;
-webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
} }
.light pre { .light pre {
@ -521,7 +696,6 @@ table thead td {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
padding: 0.1em 0.3em; padding: 0.1em 0.3em;
-webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
} }
.coal pre { .coal pre {
@ -636,7 +810,6 @@ table thead td {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
padding: 0.1em 0.3em; padding: 0.1em 0.3em;
-webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
} }
.navy pre { .navy pre {
@ -751,7 +924,6 @@ table thead td {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
padding: 0.1em 0.3em; padding: 0.1em 0.3em;
-webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
} }
.rust pre { .rust pre {
@ -794,7 +966,6 @@ table thead td {
} }
code { code {
background-color: #666; background-color: #666;
-webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
/* Force background to be printed in Chrome */ /* Force background to be printed in Chrome */
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;