Add Spring theme
This commit is contained in:
Damien Vitrac
Brian Clozel
parent
31bbcaebb1
commit
76f7d1c2e5
|
|
@ -52,6 +52,7 @@ function render() {
|
|||
'sectanchors',
|
||||
'sectnums',
|
||||
'source-highlighter=highlight.js',
|
||||
'highlightjsdir=js/highlight',
|
||||
'stylesdir=css',
|
||||
'stylesheet=spring.css',
|
||||
'docinfo=shared',
|
||||
|
|
|
|||
|
|
@ -1,51 +1,2 @@
|
|||
<script type="text/javascript" src="javascript/tocbot-3.0.2/tocbot.js"></script>
|
||||
<script type="text/javascript" >
|
||||
|
||||
// Tocbot dynamic TOC, works with tocbot 3.0.2
|
||||
// Source: https://github.com/asciidoctor/asciidoctor/issues/699#issuecomment-321066006
|
||||
|
||||
var oldtoc = document.getElementById('toctitle').nextElementSibling;
|
||||
var newtoc = document.createElement('div');
|
||||
newtoc.setAttribute('id', 'tocbot');
|
||||
newtoc.setAttribute('class', 'js-toc');
|
||||
oldtoc.parentNode.replaceChild(newtoc, oldtoc);
|
||||
tocbot.init({ contentSelector: '#content',
|
||||
headingSelector: 'h1, h2, h3, h4, h5',
|
||||
smoothScroll: false });
|
||||
var handleTocRefresh = function() {
|
||||
tocbot.refresh();
|
||||
}
|
||||
var handleTocOnResize = function() {
|
||||
var width = window.innerWidth
|
||||
|| document.documentElement.clientWidth
|
||||
|| document.body.clientWidth;
|
||||
if (width < 768) {
|
||||
tocbot.refresh({ contentSelector: '#content',
|
||||
headingSelector: 'h1, h2, h3, h4, h5',
|
||||
collapseDepth: 6,
|
||||
activeLinkClass: 'ignoreactive',
|
||||
throttleTimeout: 1000,
|
||||
smoothScroll: false });
|
||||
}
|
||||
else {
|
||||
tocbot.refresh({ contentSelector: '#content',
|
||||
headingSelector: 'h1, h2, h3, h4, h5',
|
||||
smoothScroll: false });
|
||||
}
|
||||
};
|
||||
window.addEventListener('resize', handleTocOnResize);
|
||||
window.addEventListener('tocRefresh', handleTocRefresh);
|
||||
handleTocOnResize();
|
||||
|
||||
if (!document.body.classList.contains('book') && !window.location.pathname.endsWith("index.html")) {
|
||||
var link = document.createElement("a");
|
||||
link.setAttribute("href", "index.html");
|
||||
link.innerHTML = "<i class=\"fa fa-chevron-left\"></i> Back to index";
|
||||
var p = document.createElement("p");
|
||||
p.setAttribute("id", "backToIndex");
|
||||
p.appendChild(link);
|
||||
var toc = document.getElementById('toc')
|
||||
toc.insertBefore(p, toctitle);
|
||||
}
|
||||
|
||||
</script>
|
||||
<script type="text/javascript" src="js/tocbot/tocbot.min.js"></script>
|
||||
<script type="text/javascript" src="js/toc.js"></script>
|
||||
|
|
@ -1,15 +1,74 @@
|
|||
<style>
|
||||
#tocbot a.toc-link.node-name--H1{ font-style: italic }
|
||||
@media screen{
|
||||
#tocbot > ul.toc-list{ margin-bottom: 0.5em; margin-left: 0.125em }
|
||||
#tocbot ul.sectlevel0, #tocbot a.toc-link.node-name--H1 + ul{
|
||||
padding-left: 0 }
|
||||
#tocbot a.toc-link{ height:100% }
|
||||
.is-collapsible{ max-height:3000px; overflow:hidden; }
|
||||
.is-collapsed{ max-height:0 }
|
||||
.is-active-link{ font-weight:700 }
|
||||
}
|
||||
@media print{
|
||||
#tocbot a.toc-link.node-name--H4{ display:none }
|
||||
}
|
||||
</style>
|
||||
<div id="header-spring">
|
||||
<h1>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0"
|
||||
viewBox="0 0 245.8 45.3" style="enable-background:new 0 0 245.8 45.3;" xml:space="preserve">
|
||||
<g id="logos">
|
||||
<g>
|
||||
<path class="st0" d="M39.4,3.7c-0.6,1.5-1.4,2.8-2.3,4c-3.9-4-9.3-6.4-15.2-6.4c-11.7,0-21.3,9.5-21.3,21.3
|
||||
c0,6.2,2.6,11.7,6.8,15.6l0.8,0.7c3.7,3.1,8.5,5,13.7,5c11.2,0,20.4-8.7,21.2-19.8C43.7,18.7,42.1,11.8,39.4,3.7z M10.5,38.3
|
||||
c-0.6,0.8-1.8,0.9-2.6,0.3C7.1,37.9,7,36.8,7.6,36c0.6-0.8,1.8-0.9,2.6-0.3C11,36.4,11.1,37.5,10.5,38.3z M39.3,31.9
|
||||
c-5.2,7-16.5,4.6-23.6,5c0,0-1.3,0.1-2.6,0.3c0,0,0.5-0.2,1.1-0.4c5-1.7,7.4-2.1,10.5-3.7c5.8-3,11.5-9.4,12.7-16.1
|
||||
c-2.2,6.4-8.9,12-14.9,14.2c-4.2,1.5-11.7,3-11.7,3c0,0-0.3-0.2-0.3-0.2c-5.1-2.5-5.3-13.6,4-17.1c4.1-1.6,8-0.7,12.4-1.8
|
||||
C31.6,14.1,37,10.6,39.2,6C41.7,13.3,44.7,24.8,39.3,31.9z"/>
|
||||
<g>
|
||||
<path class="st0" d="M55.2,30.9c-0.5-0.3-0.9-0.9-0.9-1.6c0-1.1,0.8-1.9,1.9-1.9c0.4,0,0.7,0.1,1,0.3c2,1.3,4.1,2,5.9,2
|
||||
c2,0,3.2-0.9,3.2-2.2v-0.1c0-1.6-2.2-2.2-4.6-2.9c-3-0.9-6.5-2.1-6.5-6.1v-0.1c0-3.9,3.2-6.3,7.4-6.3c2.2,0,4.5,0.6,6.5,1.7
|
||||
c0.7,0.4,1.1,1,1.1,1.8c0,1.1-0.9,1.9-2,1.9c-0.4,0-0.6-0.1-0.9-0.2c-1.7-0.9-3.4-1.4-4.9-1.4c-1.8,0-2.9,0.9-2.9,2v0.1
|
||||
c0,1.5,2.2,2.2,4.7,2.9c3,0.9,6.4,2.3,6.4,6v0.1c0,4.3-3.4,6.5-7.7,6.5C60.4,33.3,57.6,32.5,55.2,30.9z"/>
|
||||
<path class="st0" d="M72.5,14.3c0-1.3,1-2.4,2.3-2.4c1.3,0,2.4,1.1,2.4,2.4v1.4c1.5-2.2,3.7-3.9,7-3.9c4.8,0,9.6,3.8,9.6,10.7
|
||||
v0.1c0,6.8-4.7,10.7-9.6,10.7c-3.4,0-5.6-1.7-7-3.6V37c0,1.3-1.1,2.4-2.4,2.4c-1.3,0-2.3-1-2.3-2.4V14.3z M89.1,22.7L89.1,22.7
|
||||
c0-4.1-2.7-6.7-5.9-6.7c-3.2,0-6,2.7-6,6.6v0.1c0,4,2.8,6.6,6,6.6C86.4,29.3,89.1,26.7,89.1,22.7z"/>
|
||||
<path class="st0" d="M95.7,14.3c0-1.3,1-2.4,2.3-2.4c1.3,0,2.4,1.1,2.4,2.4v1.1c0.2-1.8,3.1-3.5,5.2-3.5c1.5,0,2.3,1,2.3,2.3
|
||||
c0,1.3-0.8,2.1-1.9,2.3c-3.4,0.6-5.7,3.5-5.7,7.6V31c0,1.3-1.1,2.3-2.4,2.3c-1.3,0-2.3-1-2.3-2.3V14.3z"/>
|
||||
<path class="st0" d="M109.7,14.3c0-1.3,1-2.4,2.3-2.4c1.3,0,2.4,1.1,2.4,2.4V31c0,1.3-1.1,2.3-2.4,2.3c-1.3,0-2.3-1-2.3-2.3V14.3
|
||||
z"/>
|
||||
<path class="st0" d="M116.9,14.3c0-1.3,1-2.4,2.3-2.4c1.3,0,2.4,1.1,2.4,2.4v1c1.3-1.9,3.2-3.4,6.5-3.4c4.7,0,7.4,3.1,7.4,7.9V31
|
||||
c0,1.3-1,2.3-2.3,2.3c-1.3,0-2.4-1-2.4-2.3v-9.7c0-3.2-1.6-5-4.4-5c-2.7,0-4.7,1.9-4.7,5.1V31c0,1.3-1.1,2.3-2.4,2.3
|
||||
c-1.3,0-2.3-1-2.3-2.3V14.3z"/>
|
||||
<path class="st0" d="M156.2,11.9c-1.3,0-2.4,1.1-2.4,2.4v1.4c-1.5-2.2-3.7-3.9-7-3.9c-4.9,0-9.6,3.8-9.6,10.7v0.1
|
||||
c0,6.8,4.7,10.7,9.6,10.7c3.4,0,5.6-1.7,7-3.6c-0.2,3.7-2.5,5.7-6.5,5.7c-2.4,0-4.5-0.6-6.3-1.6c-0.2-0.1-0.5-0.2-0.9-0.2
|
||||
c-1.1,0-2,0.9-2,2c0,0.9,0.5,1.6,1.3,1.9c2.5,1.2,5.1,1.8,8,1.8c3.7,0,6.6-0.9,8.5-2.8c1.7-1.7,2.7-4.3,2.7-7.8V14.3
|
||||
C158.5,13,157.5,11.9,156.2,11.9z M147.9,29.2c-3.2,0-5.9-2.5-5.9-6.6v-0.1c0-4,2.7-6.6,5.9-6.6c3.2,0,6,2.7,6,6.6v0.1
|
||||
C153.9,26.6,151.1,29.2,147.9,29.2z"/>
|
||||
<path class="st0" d="M114.5,6.3c0,1.3-1.1,2.4-2.4,2.4c-1.3,0-2.4-1.1-2.4-2.4c0-1.3,1.1-2.4,2.4-2.4
|
||||
C113.4,3.9,114.5,4.9,114.5,6.3z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g class="st1">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st2" d="M200.1,21.1H198V19h2.1V21.1z M200.1,32.9H198V22.6h2.1V32.9z"/>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st2" d="M212.5,22.6l-3,8.9c-0.5,1.5-1.4,1.6-2.2,1.6c-1.1,0-1.8-0.5-2.2-1.6l-2.5-7.4h-1v-1.5h2.6l2.6,8.3
|
||||
c0.1,0.4,0.2,0.6,0.5,0.6c0.3,0,0.4-0.2,0.5-0.6l2.6-8.3H212.5z"/>
|
||||
<path class="st2" d="M217.8,22.6c2.8,0,4.7,1.8,4.7,4.5v1.6c0,2.6-1.9,4.5-4.7,4.5c-2.8,0-4.7-1.8-4.7-4.5v-1.6
|
||||
C213,24.4,215,22.6,217.8,22.6 M217.8,31.4c1.7,0,2.7-1.3,2.7-2.8v-1.6c0-1.5-1-2.8-2.7-2.8c-1.8,0-2.7,1.3-2.7,2.8v1.6
|
||||
C215.1,30.2,216,31.4,217.8,31.4"/>
|
||||
<path class="st2" d="M239.6,22.9c-1.1-0.3-2.7-0.5-4-0.5c-2.8,0-4.6,1.8-4.6,4.6v1.1c0,2.9,1.7,4.7,4.6,4.7c0.1,0,0.6,0,0.8,0
|
||||
v-1.7c-0.1,0-0.7,0-0.8,0c-1.5,0-2.6-1.2-2.6-2.9v-1.1c0-1.8,1-2.9,2.6-2.9c0.7,0,1.7,0.1,2.1,0.1l0.1,0l0,8.6h2.1v-9.6
|
||||
C240,23.1,240,23,239.6,22.9"/>
|
||||
<rect x="242.1" y="19" class="st2" width="2.1" height="13.9"/>
|
||||
<path class="st2" d="M190.5,19h-3.8v13.9h2.2V20.9h1.3c0.3,0,0.5,0,0.8,0c1.9,0,2.9,0.8,2.9,2.3c0,0.1,0,0.1,0,0.2
|
||||
c0,1.4-0.8,2.3-2.9,2.3c-0.2,0-0.4,0-0.6,0c0,0.5,0,1.5,0,1.9c0.2,0,0.4,0,0.6,0c3,0,5.2-1.2,5.2-4.2c0-0.1,0-0.1,0-0.2
|
||||
C196.2,20.2,193.9,19,190.5,19"/>
|
||||
<path class="st2" d="M226.3,20.4v2.2h3.5v1.7h-3.5v6c0,0.9,0.6,1,1.5,1h2v1.7H227c-2,0-2.9-0.8-2.9-2.6v-9.6L226.3,20.4z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st2" d="M167.7,32.9v-10h1.1v3.8c0.6-0.8,1.5-1.3,2.4-1.3c1.9,0,3.2,1.5,3.2,3.8c0,2.4-1.3,3.8-3.2,3.8
|
||||
c-1,0-1.9-0.5-2.4-1.3v1.1H167.7z M171,32.1c1.5,0,2.3-1.2,2.3-2.8c0-1.6-0.9-2.8-2.3-2.8c-0.9,0-1.8,0.5-2.2,1.2v3.3
|
||||
C169.2,31.6,170.1,32.1,171,32.1z"/>
|
||||
<path class="st2" d="M175.9,34.7c0.2,0.1,0.4,0.1,0.6,0.1c0.5,0,0.8-0.2,1.1-0.8l0.5-1.1l-3-7.3h1.2l2.4,5.9l2.4-5.9h1.2
|
||||
l-3.6,8.7c-0.4,1-1.2,1.5-2.1,1.5c-0.2,0-0.6,0-0.8-0.1L175.9,34.7z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
</h1>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
|
|
@ -1 +0,0 @@
|
|||
.transition--300{transition:all 300ms ease-in-out}.toc{height:100%;width:280px;transform:translateX(0)}.content h1:first-child,.content h2:first-child{padding-top:0;margin-top:0}.title{font-size:3em}.content{margin-bottom:95vh}.content ul,.content ol{list-style:inherit}.content a{color:#0977c3;text-decoration:none;border-bottom:1px solid #EEE;transition:all 300ms ease}.content a.no-decoration{border-bottom:0}.content a:hover{border-bottom:1px solid #0977c3}.content a:hover.no-decoration{border-bottom:0}a.toc-link{text-decoration:none}.try-it-container{transform:translateY(84%)}.try-it-container.is-open{transform:translateY(0%)}.page-content{display:block !important}.hljs{display:block;background:white;padding:0.5em;color:#333333;overflow-x:auto}.hljs-comment,.hljs-meta{color:#969896}.hljs-string,.hljs-variable,.hljs-template-variable,.hljs-strong,.hljs-emphasis,.hljs-quote{color:#df5000}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#a71d5d}.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-attribute{color:#0086b3}.hljs-section,.hljs-name{color:#63a35c}.hljs-tag{color:#333333}.hljs-title,.hljs-attr,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#795da3}.hljs-addition{color:#55a532;background-color:#eaffea}.hljs-deletion{color:#bd2c00;background-color:#ffecec}.hljs-link{text-decoration:underline}.toc-icon{position:fixed;top:0;right:0}#toc:checked ~ .toc{box-shadow:0 0 5px #c8c8c8;transform:translateX(0)}.toc{background-color:rgba(255,255,255,0.9);transform:translateX(-100%)}.toc.toc-right{transform:translateX(100%);right:0}@media (min-width: 52em){.toc{transform:translateX(0)}.toc.toc-right{transform:translateX(0);right:calc((100% - 48rem - 4rem) / 2)}.toc-icon{display:none}.try-it-container{display:block}.content{margin-left:280px}.toc-right ~ .content{margin-left:0;margin-right:280px}}*{box-sizing:border-box}body{font-size:1.2rem;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}h1,h2,h3,h4,h5,h6{padding-top:0.5em}p{margin-top:0.25rem}pre{display:block;background:#f7f7f7;border-radius:2px;border:1px solid #e0e0e0;padding:2px;line-height:1.2;margin-bottom:10px;overflow:auto;white-space:pre-wrap}code{display:inline;font-size:.8em;max-width:100%}
|
||||
|
|
@ -1 +0,0 @@
|
|||
.toc{overflow-y:auto}.toc>ul{overflow:hidden;position:relative}.toc>ul li{list-style:none}.toc-list{margin:0;padding-left:10px}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed !important;top:0}.is-active-link{font-weight:700}.toc-link::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link::before{background-color:#54BC4B}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,106 @@
|
|||
/*
|
||||
|
||||
Railscasts-like style (c) Visoft, Inc. (Damien White)
|
||||
|
||||
*/
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
background: #232323;
|
||||
color: #e6e1dc;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: #bc9458;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag {
|
||||
color: #c26230;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-number,
|
||||
.hljs-regexp,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable {
|
||||
color: #a5c261;
|
||||
}
|
||||
|
||||
.hljs-subst {
|
||||
color: #519f50;
|
||||
}
|
||||
|
||||
.hljs-tag,
|
||||
.hljs-name {
|
||||
color: #e8bf6a;
|
||||
}
|
||||
|
||||
.hljs-type {
|
||||
color: #da4939;
|
||||
}
|
||||
|
||||
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-built_in,
|
||||
.hljs-builtin-name,
|
||||
.hljs-attr,
|
||||
.hljs-link {
|
||||
color: #6d9cbe;
|
||||
}
|
||||
|
||||
.hljs-params {
|
||||
color: #d0d0ff;
|
||||
}
|
||||
|
||||
.hljs-attribute {
|
||||
color: #cda869;
|
||||
}
|
||||
|
||||
.hljs-meta {
|
||||
color: #9b859d;
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-section {
|
||||
color: #ffc66d;
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
background-color: #144212;
|
||||
color: #e6e1dc;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
background-color: #600;
|
||||
color: #e6e1dc;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hljs-selector-class {
|
||||
color: #9b703f;
|
||||
}
|
||||
|
||||
.hljs-selector-id {
|
||||
color: #8b98ab;
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
var toctitle = document.getElementById('toctitle');
|
||||
if (toctitle != null) {
|
||||
var oldtoc = toctitle.nextElementSibling;
|
||||
var newtoc = document.createElement('div');
|
||||
newtoc.setAttribute('id', 'tocbot');
|
||||
newtoc.setAttribute('class', 'js-toc');
|
||||
oldtoc.parentNode.replaceChild(newtoc, oldtoc);
|
||||
tocbot.init({
|
||||
contentSelector: '#content',
|
||||
headingSelector: 'h1, h2, h3, h4, h5',
|
||||
positionFixedSelector: 'body',
|
||||
fixedSidebarOffset: 150,
|
||||
smoothScroll: false
|
||||
});
|
||||
var link = document.createElement("a");
|
||||
link.setAttribute("href", "index.html");
|
||||
link.innerHTML = "<span><i class=\"fa fa-chevron-left\" aria-hidden=\"true\"></i></span> Back to index";
|
||||
var block = document.createElement("div");
|
||||
block.setAttribute('class', 'back-action');
|
||||
block.appendChild(link);
|
||||
var toc = document.getElementById('toc');
|
||||
var next = document.getElementById('toctitle').nextElementSibling;
|
||||
toc.insertBefore(block, next);
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.toc-list{margin:0;padding-left:10px}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed !important;top:0}.is-active-link{font-weight:700}.toc-link::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link::before{background-color:#54BC4B}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +0,0 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "minireset";
|
||||
|
|
@ -1,93 +0,0 @@
|
|||
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
|
||||
// Blocks
|
||||
html,
|
||||
body,
|
||||
p,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
blockquote,
|
||||
figure,
|
||||
fieldset,
|
||||
legend,
|
||||
textarea,
|
||||
pre,
|
||||
iframe,
|
||||
hr,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// Headings
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
// List
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// Form
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// Box sizing
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
* {
|
||||
&,
|
||||
&:before,
|
||||
&:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// Media
|
||||
img,
|
||||
embed,
|
||||
iframe,
|
||||
object,
|
||||
audio,
|
||||
video {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
// Iframe
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Table
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
@charset "utf-8";
|
||||
|
|
@ -1,5 +1,11 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "base/_all";
|
||||
@import url('https://fonts.googleapis.com/css?family=Karla:400,700|Montserrat:400,700');
|
||||
|
||||
@import "content/_all";
|
||||
@import "spring/normalize";
|
||||
|
||||
@import "spring/asciidoctor";
|
||||
|
||||
@import "spring/layout";
|
||||
|
||||
@import "spring/responsive";
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,286 @@
|
|||
|
||||
div.back-action, #toc.toc2 div.back-action {
|
||||
padding: 0.8rem 0rem;
|
||||
border-right: 1px solid #ddddd8;
|
||||
a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0.6rem 1.2rem;
|
||||
padding-left: 35px;
|
||||
span {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 5px;
|
||||
display: block;
|
||||
color: #333;
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
border-radius: 13px;
|
||||
}
|
||||
i {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
}
|
||||
&:hover {
|
||||
span {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#header-spring {
|
||||
position: absolute;
|
||||
text-rendering: optimizeLegibility;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: $header-height ;
|
||||
margin: 0 1rem;
|
||||
padding: 0 1rem;
|
||||
border-top: 3px solid $spring-primary-color;
|
||||
border-bottom: 1px solid #ddddd8;
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 22px;
|
||||
text-align: left;
|
||||
line-height: $header-height - 4px;
|
||||
padding-left: 0.6rem;
|
||||
svg {
|
||||
width: 200px;
|
||||
.st0 {
|
||||
fill: $spring-primary-color;
|
||||
}
|
||||
.st2 {
|
||||
fill: #444;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.book {
|
||||
|
||||
#header-spring {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#header > h1:only-child {
|
||||
border: 0 none;
|
||||
padding-bottom: 1.2rem;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
#header, #content, #footnotes, #footer {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
body.toc2 {
|
||||
|
||||
#header-spring {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
h1 {
|
||||
}
|
||||
}
|
||||
|
||||
#header > h1:only-child {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
#header, #content, #footnotes, #footer {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin-top: 2rem
|
||||
}
|
||||
}
|
||||
|
||||
#header, #content, #footnotes, #footer {
|
||||
width: 100%;
|
||||
//margin-left: 3rem;
|
||||
margin-right: auto;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
max-width: 62.5em;
|
||||
*zoom: 1;
|
||||
position: relative;
|
||||
padding-left: 0.9375em;
|
||||
padding-right: 0.9375em;
|
||||
}
|
||||
|
||||
#header:before, #header:after, #content:before, #content:after, #footnotes:before, #footnotes:after, #footer:before, #footer:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
#header:after, #content:after, #footnotes:after, #footer:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin-top: 1.25em;
|
||||
}
|
||||
|
||||
#content:before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
#header > h1:first-child {
|
||||
margin-top: 2.55rem;
|
||||
margin-bottom: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
#header > h1:first-child + #toc {
|
||||
margin-top: 8px;
|
||||
border-top: 1px solid #ddddd8;
|
||||
}
|
||||
|
||||
#header > h1:only-child, body.toc2 #header > h1:nth-last-child(2) {
|
||||
border-bottom: 1px solid #ddddd8;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
#header .details {
|
||||
border-bottom: 1px solid #ddddd8;
|
||||
line-height: 1.45;
|
||||
padding-top: 0;
|
||||
padding-bottom: 2.25em;
|
||||
padding-left: 0.25em;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-ms-flex-flow: row wrap;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
#header .details span:first-child {
|
||||
margin-left: -0.125em;
|
||||
}
|
||||
|
||||
#header .details span.email a {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
#header .details br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#header .details br + span:before {
|
||||
content: "\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
#header .details br + span.author:before {
|
||||
content: "\00a0\22c5\00a0";
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
#header .details br + span#revremark:before {
|
||||
content: "\00a0|\00a0";
|
||||
}
|
||||
|
||||
#header #revnumber {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
#header #revnumber:after {
|
||||
content: "\00a0";
|
||||
}
|
||||
|
||||
#content > h1:first-child:not([class]) {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
border-bottom: 1px solid #ddddd8;
|
||||
padding-bottom: 8px;
|
||||
margin-top: 0;
|
||||
padding-top: 1.5rem;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.2rem;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: normal;
|
||||
font-family: Montserrat, Arial, Helvetica, sans-serif;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
padding: .8rem 0 .4rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.75em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6rem;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
pre.highlight {
|
||||
background: #232323;
|
||||
code {
|
||||
color: #e6e1dc;
|
||||
}
|
||||
color: #e6e1dc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
pre.highlight, #toc.toc2 {
|
||||
a {
|
||||
color: #000;
|
||||
font-size: 1rem;
|
||||
}
|
||||
ul.sectlevel1 {
|
||||
padding-left: 0.2rem;
|
||||
li {
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: #d1ff79;
|
||||
}
|
||||
|
||||
.literalblock pre, .listingblock pre[class="highlight"], .highlight, pre, .highlight code, .highlight code span {
|
||||
&::selection {
|
||||
background: rgba(255, 255, 255, .2) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
@charset "utf-8";
|
||||
|
||||
/* ================================================================================ */
|
||||
|
||||
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
|
||||
/* ========================================================================== HTML5 display definitions ========================================================================== */
|
||||
/** Correct `block` display not defined in IE 8/9. */
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** Correct `inline-block` display not defined in IE 8/9. */
|
||||
audio, canvas, video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
|
||||
[hidden], template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
script {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,201 @@
|
|||
|
||||
@media only screen and (min-width: 768px) {
|
||||
$w: 15em;
|
||||
#toctitle {
|
||||
font-size: 1.375em;
|
||||
}
|
||||
.sect1 {
|
||||
padding-bottom: 1.25em;
|
||||
}
|
||||
|
||||
.literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] {
|
||||
font-size: 0.90625em;
|
||||
}
|
||||
body.toc2 {
|
||||
padding-right: 0;
|
||||
//padding-left: 15em;
|
||||
#toc.toc2 {
|
||||
position: absolute;
|
||||
margin-top: 0 !important;
|
||||
//background-color: #fff;
|
||||
width: $w;
|
||||
top: 0;
|
||||
border-top-width: 0 !important;
|
||||
border-bottom-width: 0 !important;
|
||||
margin-left: -(0.9375em + $w);
|
||||
z-index: 1000;
|
||||
padding: 0 1em 1.25em 0em;
|
||||
overflow: auto;
|
||||
}
|
||||
#toc.toc2 #toctitle {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.8rem;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
#toc.toc2 > ul {
|
||||
font-size: 0.9em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#toc.toc2 ul ul {
|
||||
margin-left: 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
#toc.toc2 ul.sectlevel0 ul.sectlevel1 {
|
||||
padding-left: 0;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
#header, #content, #footnotes, #footer {
|
||||
padding-left: 0.9375em + $w;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
body.book {
|
||||
#header-spring {
|
||||
h1 {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
#header, #content, #footnotes, #footer {
|
||||
max-width: 1400px;
|
||||
}
|
||||
}
|
||||
body.is-position-fixed {
|
||||
|
||||
#toc.toc2 {
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 {
|
||||
line-height: 1.2;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.75em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
h3, #toctitle, .sidebarblock > .content > .title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
h5 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
h6 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
#tocbot {
|
||||
}
|
||||
|
||||
#tocbot a.toc-link.node-name--H1 {
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
#tocbot ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left: 0.6rem;
|
||||
}
|
||||
|
||||
#tocbot ol li {
|
||||
list-style: none;
|
||||
padding: 0 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#tocbot {
|
||||
z-index: 999;
|
||||
.toc-link {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 999;
|
||||
padding-right: 5px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
border-right: 1px solid #ddddd8;
|
||||
}
|
||||
.is-active-link {
|
||||
padding-right: 3px;
|
||||
border-right: 3px solid $spring-primary-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen {
|
||||
#tocbot > ul.toc-list {
|
||||
margin-bottom: 0.5em;
|
||||
margin-left: 0.125em
|
||||
}
|
||||
#tocbot ul.sectlevel0, #tocbot a.toc-link.node-name--H1 + ul {
|
||||
padding-left: 0
|
||||
}
|
||||
#tocbot a.toc-link {
|
||||
height: 100%
|
||||
}
|
||||
.is-collapsible {
|
||||
max-height: 3000px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.is-collapsed {
|
||||
max-height: 0
|
||||
}
|
||||
.is-active-link {
|
||||
font-weight: 700
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1280px) {
|
||||
$h: 25em;
|
||||
body.toc2 {
|
||||
padding-right: 0;
|
||||
//padding-left: 25em;
|
||||
#toc.toc2 {
|
||||
width: $h;
|
||||
left: auto;
|
||||
margin-left: -(1.9375em + $h);
|
||||
}
|
||||
#toc.toc2 #toctitle {
|
||||
font-size: 1.375em;
|
||||
}
|
||||
#toc.toc2 > ul {
|
||||
font-size: 0.95em;
|
||||
}
|
||||
#toc.toc2 ul ul {
|
||||
padding-left: 1.25em;
|
||||
}
|
||||
body.toc2.toc-right {
|
||||
padding-left: 0;
|
||||
padding-right: 20em;
|
||||
}
|
||||
#header, #content, #footnotes, #footer {
|
||||
padding-left: 1.9375em + $h;
|
||||
max-width: 1400px;
|
||||
}
|
||||
#header-spring {
|
||||
h1 {
|
||||
margin: 0 auto;
|
||||
max-width: 1400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] {
|
||||
font-size: 0.8125em;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue