Convert docdock theme from submodule to native files and fix Hugo compatibility
This commit is contained in:
BIN
themes/docdock/static/theme-flex/ribbon.png
Normal file
BIN
themes/docdock/static/theme-flex/ribbon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
277
themes/docdock/static/theme-flex/script.js
Normal file
277
themes/docdock/static/theme-flex/script.js
Normal file
@@ -0,0 +1,277 @@
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('.category-icon').on('click', function() {
|
||||
$( this ).toggleClass("fa-angle-down fa-angle-right") ;
|
||||
$( this ).parent().parent().children('ul').toggle() ;
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Images
|
||||
// Execute actions on images generated from Markdown pages
|
||||
var images = $("article img").not(".inline");
|
||||
// Wrap image inside a featherlight (to get a full size view in a popup)
|
||||
images.wrap(function () {
|
||||
var image = $(this);
|
||||
if (!image.parent("a").length) {
|
||||
return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
|
||||
}
|
||||
});
|
||||
// Change styles, depending on parameters set to the image
|
||||
images.each(function (index) {
|
||||
var image = $(this);
|
||||
var o = getUrlParameter(image[0].src);
|
||||
if (typeof o !== "undefined") {
|
||||
var h = o["height"];
|
||||
var w = o["width"];
|
||||
var c = o["classes"];
|
||||
image.css({
|
||||
width: function () {
|
||||
if (typeof w !== "undefined") {
|
||||
return w;
|
||||
}
|
||||
},
|
||||
height: function () {
|
||||
if (typeof h !== "undefined") {
|
||||
return h;
|
||||
}
|
||||
}
|
||||
});
|
||||
if (typeof c !== "undefined") {
|
||||
var classes = c.split(',');
|
||||
$.each(classes, function(i) {
|
||||
image.addClass(classes[i]);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Clipboard
|
||||
// Add link button for every
|
||||
var text, clip = new Clipboard('.anchor');
|
||||
$("h1~h2,h1~h3,h1~h4,h1~h5,h1~h6").append(function (index, html) {
|
||||
var element = $(this);
|
||||
var url = document.location.origin + document.location.pathname;
|
||||
var link = url + "#" + element[0].id;
|
||||
return " <span class='anchor' data-clipboard-text='" + link + "'>" +
|
||||
"<i class='fa fa-link fa-lg'></i>" +
|
||||
"</span>";
|
||||
});
|
||||
|
||||
$(".anchor").on('mouseleave', function (e) {
|
||||
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
||||
});
|
||||
|
||||
clip.on('success', function (e) {
|
||||
e.clearSelection();
|
||||
$(e.trigger).attr('aria-label', 'Link copied to clipboard!').addClass('tooltipped tooltipped-s');
|
||||
});
|
||||
|
||||
|
||||
var ajax;
|
||||
jQuery('[data-search-input]').on('input', function() {
|
||||
var input = jQuery(this),
|
||||
value = input.val(),
|
||||
items = jQuery('[data-nav-id]');
|
||||
items.removeClass('search-match');
|
||||
if (!value.length) {
|
||||
$('ul.menu').removeClass('searched');
|
||||
items.css('display', 'block');
|
||||
sessionStorage.removeItem('search-value');
|
||||
$("article").unhighlight({ element: 'mark' })
|
||||
return;
|
||||
}
|
||||
|
||||
sessionStorage.setItem('search-value', value);
|
||||
$("article").unhighlight({ element: 'mark' }).highlight(value, { element: 'mark' });
|
||||
|
||||
if (ajax && ajax.abort) ajax.abort();
|
||||
|
||||
jQuery('[data-search-clear]').on('click', function() {
|
||||
jQuery('[data-search-input]').val('').trigger('input');
|
||||
sessionStorage.removeItem('search-input');
|
||||
$("article").unhighlight({ element: 'mark' })
|
||||
});
|
||||
});
|
||||
|
||||
$.expr[":"].contains = $.expr.createPseudo(function(arg) {
|
||||
return function( elem ) {
|
||||
return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
|
||||
};
|
||||
});
|
||||
|
||||
if (sessionStorage.getItem('search-value')) {
|
||||
var searchValue = sessionStorage.getItem('search-value')
|
||||
sessionStorage.removeItem('search-value');
|
||||
var searchedElem = $('article').find(':contains(' + searchValue + ')').get(0);
|
||||
searchedElem && searchedElem.scrollIntoView();
|
||||
$("article").highlight(searchValue, { element: 'mark' });
|
||||
}
|
||||
|
||||
// clipboard
|
||||
var clipInit = false;
|
||||
$('pre code').each(function() {
|
||||
var code = $(this),
|
||||
text = code.text();
|
||||
|
||||
if (text.length > 5) {
|
||||
if (!clipInit) {
|
||||
var text, clip = new Clipboard('.copy-to-clipboard', {
|
||||
text: function(trigger) {
|
||||
text = $(trigger).next('code').text();
|
||||
return text.replace(/^\$\s/gm, '');
|
||||
}
|
||||
});
|
||||
|
||||
var inPre;
|
||||
clip.on('success', function(e) {
|
||||
e.clearSelection();
|
||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
});
|
||||
|
||||
clip.on('error', function(e) {
|
||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
||||
$(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
$(document).one('copy', function(){
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
});
|
||||
});
|
||||
|
||||
clipInit = true;
|
||||
}
|
||||
|
||||
code.before('<span class="copy-to-clipboard" title="Copy to clipboard"><span class="fa fa-clipboard" aria-hidden="true"></span></span>');
|
||||
$('.copy-to-clipboard').on('mouseleave', function() {
|
||||
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// allow keyboard control for prev/next links
|
||||
jQuery(function() {
|
||||
jQuery('.nav-prev').click(function(){
|
||||
location.href = jQuery(this).attr('href');
|
||||
});
|
||||
jQuery('.nav-next').click(function() {
|
||||
location.href = jQuery(this).attr('href');
|
||||
});
|
||||
});
|
||||
jQuery(document).keydown(function(e) {
|
||||
// prev links - left arrow key
|
||||
if(e.which == '37') {
|
||||
jQuery('.nav.nav-prev').click();
|
||||
}
|
||||
// next links - right arrow key
|
||||
if(e.which == '39') {
|
||||
jQuery('.nav.nav-next').click();
|
||||
}
|
||||
});
|
||||
|
||||
$('article a:not(:has(img)):not(.btn)').addClass('highlight');
|
||||
});
|
||||
|
||||
$(function() {
|
||||
$('a[rel="lightbox"]').featherlight({
|
||||
root: 'article'
|
||||
});
|
||||
});
|
||||
jQuery.extend({
|
||||
highlight: function(node, re, nodeName, className) {
|
||||
if (node.nodeType === 3) {
|
||||
var match = node.data.match(re);
|
||||
if (match && !$(node.parentNode).hasClass("mermaid")) {
|
||||
var highlight = document.createElement(nodeName || 'span');
|
||||
highlight.className = className || 'highlight';
|
||||
var wordNode = node.splitText(match.index);
|
||||
wordNode.splitText(match[0].length);
|
||||
var wordClone = wordNode.cloneNode(true);
|
||||
highlight.appendChild(wordClone);
|
||||
wordNode.parentNode.replaceChild(highlight, wordNode);
|
||||
return 1; //skip added node in parent
|
||||
}
|
||||
} else if ((node.nodeType === 1 && node.childNodes) && // only element nodes that have children
|
||||
!/(script|style)/i.test(node.tagName) && // ignore script and style nodes
|
||||
!(node.tagName === nodeName.toUpperCase() && node.className === className)) { // skip if already highlighted
|
||||
for (var i = 0; i < node.childNodes.length; i++) {
|
||||
i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
|
||||
}
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
});
|
||||
|
||||
jQuery.fn.unhighlight = function(options) {
|
||||
var settings = {
|
||||
className: 'highlight',
|
||||
element: 'span'
|
||||
};
|
||||
jQuery.extend(settings, options);
|
||||
|
||||
return this.find(settings.element + "." + settings.className).each(function() {
|
||||
var parent = this.parentNode;
|
||||
parent.replaceChild(this.firstChild, this);
|
||||
parent.normalize();
|
||||
}).end();
|
||||
};
|
||||
|
||||
jQuery.fn.highlight = function(words, options) {
|
||||
var settings = {
|
||||
className: 'highlight',
|
||||
element: 'span',
|
||||
caseSensitive: false,
|
||||
wordsOnly: false
|
||||
};
|
||||
jQuery.extend(settings, options);
|
||||
|
||||
if (!words) { return; }
|
||||
|
||||
if (words.constructor === String) {
|
||||
words = [words];
|
||||
}
|
||||
words = jQuery.grep(words, function(word, i) {
|
||||
return word != '';
|
||||
});
|
||||
words = jQuery.map(words, function(word, i) {
|
||||
return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
|
||||
});
|
||||
if (words.length == 0) { return this; }
|
||||
;
|
||||
|
||||
var flag = settings.caseSensitive ? "" : "i";
|
||||
var pattern = "(" + words.join("|") + ")";
|
||||
if (settings.wordsOnly) {
|
||||
pattern = "\\b" + pattern + "\\b";
|
||||
}
|
||||
var re = new RegExp(pattern, flag);
|
||||
|
||||
return this.each(function() {
|
||||
jQuery.highlight(this, re, settings.element, settings.className);
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
// Get Parameters from some url
|
||||
var getUrlParameter = function getUrlParameter(sPageURL) {
|
||||
var url = sPageURL.split('?');
|
||||
var obj = {};
|
||||
if (url.length == 2) {
|
||||
var sURLVariables = url[1].split('&'),
|
||||
sParameterName,
|
||||
i;
|
||||
for (i = 0; i < sURLVariables.length; i++) {
|
||||
sParameterName = sURLVariables[i].split('=');
|
||||
obj[sParameterName[0]] = sParameterName[1];
|
||||
}
|
||||
return obj;
|
||||
} else {
|
||||
return undefined;
|
||||
}
|
||||
};
|
||||
|
||||
// Burger icon click toggle header menu on small devices
|
||||
$('.burger').on('click', function(e){
|
||||
$('#shortcuts').toggleClass("responsive") ;
|
||||
e.preventDefault();
|
||||
});
|
||||
728
themes/docdock/static/theme-flex/style.css
Normal file
728
themes/docdock/static/theme-flex/style.css
Normal file
@@ -0,0 +1,728 @@
|
||||
@charset "UTF-8";
|
||||
@font-face {
|
||||
font-family: 'Novacento Sans Wide';
|
||||
src: url("../fonts/Novecentosanswide-UltraLight-webfont.eot");
|
||||
src: url("../fonts/Novecentosanswide-UltraLight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Novecentosanswide-UltraLight-webfont.woff2") format("woff2"), url("../fonts/Novecentosanswide-UltraLight-webfont.woff") format("woff"), url("../fonts/Novecentosanswide-UltraLight-webfont.ttf") format("truetype"), url("../fonts/Novecentosanswide-UltraLight-webfont.svg#novecento_sans_wideultralight") format("svg");
|
||||
font-style: normal;
|
||||
font-weight: 200; }
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-weight: 400;
|
||||
src: local("Roboto Regular"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.ttf") format("truetype"); }
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-weight: 500;
|
||||
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto-Medium.ttf") format("truetype"); }
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/Roboto-Italic.ttf") format("truetype"); }
|
||||
@font-face {
|
||||
font-family: 'RobotoMono';
|
||||
font-weight: 400;
|
||||
src: local("Roboto Mono Regular"), local("RobotoMono-Regular"), url("../fonts/RobotoMono-Regular.ttf") format("truetype"); }
|
||||
@font-face {
|
||||
font-family: 'RobotoMono';
|
||||
font-weight: 500;
|
||||
src: local("Roboto Mono Medium"), local("RobotoMono-Medium"), url("../fonts/RobotoMono-Medium.ttf") format("truetype"); }
|
||||
header {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 3.5rem;
|
||||
left: 0;
|
||||
line-height: 3.5rem;
|
||||
margin-bottom: .35rem;
|
||||
padding: 0 2rem;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 100; }
|
||||
header:after {
|
||||
background: url(ribbon.png) 0 0/100% no-repeat;
|
||||
content: '';
|
||||
height: .35rem;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 100%; }
|
||||
header a {
|
||||
text-decoration: none; }
|
||||
header .logo {
|
||||
font-size: 100%; }
|
||||
header .logo * {
|
||||
vertical-align: middle; }
|
||||
header .logo img {
|
||||
height: 32px;
|
||||
margin-right: 0.5rem; }
|
||||
header nav.shortcuts {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
list-style-type: none; }
|
||||
header nav.shortcuts li .fa {
|
||||
font-size: 1.5rem;
|
||||
margin-right: 0.5rem; }
|
||||
header nav.shortcuts li a:active,
|
||||
header nav.shortcuts li a:focus,
|
||||
header nav.shortcuts li a:hover {
|
||||
background-color: #4d4d4d; }
|
||||
header nav.shortcuts li a {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 3.5rem;
|
||||
padding: 0 1rem; }
|
||||
header nav.shortcuts li a label {
|
||||
margin-bottom: 0rem; }
|
||||
|
||||
article > aside {
|
||||
background-color: #f9f9f9;
|
||||
bottom: 0;
|
||||
box-sizing: border-box;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
left: 0;
|
||||
padding: 2rem 0rem 1rem 0rem;
|
||||
position: fixed;
|
||||
top: 3.5rem;
|
||||
width: 20rem;
|
||||
overflow-y: auto; }
|
||||
article > aside .menu {
|
||||
line-height: 2rem;
|
||||
list-style-type: none; }
|
||||
article > aside .menu > label {
|
||||
display: block;
|
||||
font-family: 'Novacento Sans Wide', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 130%;
|
||||
margin-left: 1rem; }
|
||||
article > aside .menu ul {
|
||||
display: none; }
|
||||
article > aside .menu > .dd-item {
|
||||
margin: 0.5rem 0px 0.5rem 20px; }
|
||||
article > aside .menu .dd-item {
|
||||
padding-left: 1rem;
|
||||
list-style: none;
|
||||
font-size: 13px; }
|
||||
article > aside .menu .dd-item.alwaysopen > ul {
|
||||
display: block; }
|
||||
article > aside .menu .dd-item.parent > ul {
|
||||
display: block; }
|
||||
article > aside .menu .dd-item.active > ul {
|
||||
display: block; }
|
||||
article > aside .menu .dd-item.active > div {
|
||||
background-color: #eee; }
|
||||
article > aside .menu .dd-item.active > div * {
|
||||
font-weight: bold;
|
||||
border-bottom: dotted 1px red; }
|
||||
article > aside .menu .dd-item.haschildren > div {
|
||||
margin-left: -20px; }
|
||||
article > aside .menu .dd-item div {
|
||||
display: flex;
|
||||
flex-direction: row; }
|
||||
article > aside .menu .dd-item div * {
|
||||
line-height: inherit; }
|
||||
article > aside .menu .dd-item div i.read-icon {
|
||||
display: none; }
|
||||
article > aside .menu .dd-item div i.category-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
order: 1;
|
||||
width: 20px;
|
||||
cursor: pointer; }
|
||||
article > aside .menu .dd-item div a {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
order: 2;
|
||||
padding: 0 0rem;
|
||||
text-decoration: none; }
|
||||
article > aside .menu .dd-item div a:hover, article > aside .menu .dd-item div a:focus, article > aside .menu .dd-item div a:active {
|
||||
background-color: #eee;
|
||||
border-radius: .2rem;
|
||||
padding: 0 0rem; }
|
||||
article > aside .menu .dd-item div i.category-icon:active,
|
||||
article > aside .menu .dd-item div i.category-icon:focus,
|
||||
article > aside .menu .dd-item div i.category-icon:hover {
|
||||
background-color: #eee;
|
||||
border-radius: .2rem;
|
||||
padding: 0 0rem; }
|
||||
article > aside .menu .dd-item li {
|
||||
border-left: 1px solid #eee; }
|
||||
article > aside section {
|
||||
margin: 2rem 0rem; }
|
||||
|
||||
/*!
|
||||
* facette-docs - Facette project documentation
|
||||
* Website: http://docs.facette.io/
|
||||
*/
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%; }
|
||||
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 14px; }
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
color: #222;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
line-height: 1.5rem; }
|
||||
|
||||
:disabled {
|
||||
pointer-events: none; }
|
||||
|
||||
a {
|
||||
color: inherit; }
|
||||
|
||||
a:focus {
|
||||
outline: 0; }
|
||||
|
||||
section ol,
|
||||
section ul {
|
||||
padding: 0 1.5rem; }
|
||||
|
||||
section ul {
|
||||
list-style-type: square; }
|
||||
|
||||
section a {
|
||||
color: #2980b9; }
|
||||
|
||||
section strong {
|
||||
font-weight: 500; }
|
||||
|
||||
.nav-select {
|
||||
background: #e5e5e5;
|
||||
display: none; }
|
||||
|
||||
.searchbox {
|
||||
margin: 0rem 0rem 0rem 0rem;
|
||||
padding: 0rem 0rem;
|
||||
padding-top: 1rem;
|
||||
color: #012a3c;
|
||||
text-align: center; }
|
||||
|
||||
.searchbox input {
|
||||
border: 1px solid #cccccc;
|
||||
color: #555555;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
padding-bottom: 6px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
padding-top: 6px;
|
||||
width: 80%; }
|
||||
|
||||
.searchbox span {
|
||||
position: absolute;
|
||||
float: right;
|
||||
margin-top: -45px;
|
||||
right: 30px;
|
||||
cursor: pointer; }
|
||||
|
||||
#sidebar-toggle-span {
|
||||
display: none; }
|
||||
|
||||
#navigation {
|
||||
margin-top: 3rem;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
padding: 1rem 0rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch; }
|
||||
#navigation a {
|
||||
width: 50%;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
padding-right: 0px;
|
||||
align-items: baseline;
|
||||
color: #e5e5e5; }
|
||||
#navigation a i {
|
||||
font-size: 4em;
|
||||
margin: auto; }
|
||||
#navigation a label {
|
||||
margin: auto;
|
||||
flex-grow: 2;
|
||||
self-align: stretch;
|
||||
font-size: 1.3rem; }
|
||||
#navigation a.nav-next {
|
||||
text-align: right; }
|
||||
|
||||
.burger {
|
||||
display: none; }
|
||||
|
||||
article {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
margin-top: 3.5rem; }
|
||||
|
||||
article section.page {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 0 20rem;
|
||||
overflow-y: auto;
|
||||
padding: 2rem 4rem; }
|
||||
article section.page h1:first-of-type {
|
||||
margin: 3rem 0rem;
|
||||
font-family: "Novacento Sans Wide", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
color: #060606;
|
||||
font-weight: 200;
|
||||
font-size: 3.25rem;
|
||||
line-height: 2.7rem; }
|
||||
article section.page h1 {
|
||||
margin-top: 4rem; }
|
||||
article section.page h2 {
|
||||
margin-top: 3rem; }
|
||||
article section.page table {
|
||||
width: 100%;
|
||||
margin-bottom: 2em;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border: 1px solid #e6e6e6; }
|
||||
article section.page table th,
|
||||
article section.page table td {
|
||||
padding: 0.25rem 0.75rem; }
|
||||
article section.page table th {
|
||||
padding: 0.5rem;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
font-weight: 800;
|
||||
background: #f6f6f6;
|
||||
color: black;
|
||||
border-bottom: 2px solid #e5e5e5; }
|
||||
article section.page table td {
|
||||
padding: 0.5rem;
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #323232; }
|
||||
article section.page table td:first-child code {
|
||||
background-color: transparent;
|
||||
padding: 0; }
|
||||
article section.page img {
|
||||
border: 0;
|
||||
max-width: 100%;
|
||||
margin: 3rem auto;
|
||||
display: block;
|
||||
text-align: center; }
|
||||
article section.page img.border {
|
||||
border: 2px solid #e6e6e6 !important;
|
||||
padding: 2px; }
|
||||
article section.page img.shadow {
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
|
||||
article section.page img.inline {
|
||||
display: inline !important;
|
||||
margin: 0 !important;
|
||||
vertical-align: bottom; }
|
||||
article section.page img.inline {
|
||||
display: inline !important;
|
||||
margin: 0 !important;
|
||||
vertical-align: bottom; }
|
||||
article section.page code {
|
||||
font-family: "RobotoMono", monospace; }
|
||||
article section.page p > code,
|
||||
article section.page li code,
|
||||
article section.page table code {
|
||||
padding: 0 0.25rem; }
|
||||
article section.page pre {
|
||||
background-color: #eee;
|
||||
border-radius: .2rem;
|
||||
color: #444;
|
||||
overflow: auto;
|
||||
padding: .5rem; }
|
||||
article section.page pre .copy-to-clipboard {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: 0px; }
|
||||
article section.page pre[class*="language-"] {
|
||||
background-color: #333;
|
||||
color: #eee;
|
||||
overflow: auto;
|
||||
padding: .5rem;
|
||||
text-overflow: ellipsis; }
|
||||
article section.page pre.language-headers {
|
||||
background-color: #444;
|
||||
color: #ddd; }
|
||||
article section.page pre.language-headers + pre {
|
||||
border-radius: 0 0 .2rem .2rem;
|
||||
margin-top: -1.7rem;
|
||||
padding-top: .52rem;
|
||||
position: relative; }
|
||||
article section.page code[class*="language-"],
|
||||
article section.page pre[class*="language-"] {
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
white-space: pre; }
|
||||
|
||||
.anchor {
|
||||
color: #2053AB;
|
||||
font-size: 0.5em;
|
||||
cursor: pointer;
|
||||
visibility: hidden;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: color 0.35s ease;
|
||||
-moz-transition: color 0.35s ease;
|
||||
-ms-transition: color 0.35s ease;
|
||||
transition: color 0.35s ease; }
|
||||
|
||||
.anchor:hover {
|
||||
color: #238fbd;
|
||||
-webkit-transition: color 0.35s ease;
|
||||
-moz-transition: color 0.35s ease;
|
||||
-ms-transition: color 0.35s ease;
|
||||
transition: color 0.35s ease; }
|
||||
|
||||
h2:hover .anchor,
|
||||
h3:hover .anchor,
|
||||
h4:hover .anchor,
|
||||
h5:hover .anchor,
|
||||
h6:hover .anchor {
|
||||
visibility: visible; }
|
||||
|
||||
.tooltipped {
|
||||
position: relative; }
|
||||
|
||||
.tooltipped:after {
|
||||
position: absolute;
|
||||
z-index: 1000000;
|
||||
display: none;
|
||||
padding: 5px 8px;
|
||||
font: normal normal 11px/1.5 "Lato", "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: break-word;
|
||||
white-space: pre;
|
||||
pointer-events: none;
|
||||
content: attr(aria-label);
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
border-radius: 3px;
|
||||
-webkit-font-smoothing: subpixel-antialiased; }
|
||||
|
||||
.tooltipped:before {
|
||||
position: absolute;
|
||||
z-index: 1000001;
|
||||
display: none;
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
border: 5px solid transparent; }
|
||||
|
||||
.tooltipped:hover:before,
|
||||
.tooltipped:hover:after,
|
||||
.tooltipped:active:before,
|
||||
.tooltipped:active:after,
|
||||
.tooltipped:focus:before,
|
||||
.tooltipped:focus:after {
|
||||
display: inline-block;
|
||||
text-decoration: none; }
|
||||
|
||||
.tooltipped-s:after,
|
||||
.tooltipped-se:after,
|
||||
.tooltipped-sw:after {
|
||||
top: 100%;
|
||||
right: 50%;
|
||||
margin-top: 5px; }
|
||||
|
||||
.tooltipped-s:before,
|
||||
.tooltipped-se:before,
|
||||
.tooltipped-sw:before {
|
||||
top: auto;
|
||||
right: 50%;
|
||||
bottom: -5px;
|
||||
margin-right: -5px;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.8); }
|
||||
|
||||
.tooltipped-se:after {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
margin-left: -15px; }
|
||||
|
||||
.tooltipped-sw:after {
|
||||
margin-right: -15px; }
|
||||
|
||||
.tooltipped-n:after,
|
||||
.tooltipped-ne:after,
|
||||
.tooltipped-nw:after {
|
||||
right: 50%;
|
||||
bottom: 100%;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
.tooltipped-n:before,
|
||||
.tooltipped-ne:before,
|
||||
.tooltipped-nw:before {
|
||||
top: -5px;
|
||||
right: 50%;
|
||||
bottom: auto;
|
||||
margin-right: -5px;
|
||||
border-top-color: rgba(0, 0, 0, 0.8); }
|
||||
|
||||
.tooltipped-ne:after {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
margin-left: -15px; }
|
||||
|
||||
.tooltipped-nw:after {
|
||||
margin-right: -15px; }
|
||||
|
||||
.tooltipped-s:after,
|
||||
.tooltipped-n:after {
|
||||
transform: translateX(50%); }
|
||||
|
||||
.tooltipped-w:after {
|
||||
right: 100%;
|
||||
bottom: 50%;
|
||||
margin-right: 5px;
|
||||
transform: translateY(50%); }
|
||||
|
||||
.tooltipped-w:before {
|
||||
top: 50%;
|
||||
bottom: 50%;
|
||||
left: -5px;
|
||||
margin-top: -5px;
|
||||
border-left-color: rgba(0, 0, 0, 0.8); }
|
||||
|
||||
.tooltipped-e:after {
|
||||
bottom: 50%;
|
||||
left: 100%;
|
||||
margin-left: 5px;
|
||||
transform: translateY(50%); }
|
||||
|
||||
.tooltipped-e:before {
|
||||
top: 50%;
|
||||
right: -5px;
|
||||
bottom: 50%;
|
||||
margin-top: -5px;
|
||||
border-right-color: rgba(0, 0, 0, 0.8); }
|
||||
|
||||
footer {
|
||||
color: #aaa;
|
||||
font-size: .95rem;
|
||||
margin: 0 1rem 0 20rem;
|
||||
padding: 1rem 4rem; }
|
||||
footer p {
|
||||
margin: 0px; }
|
||||
footer .footline {
|
||||
/*border-top: 1px solid #e6e6e6;*/
|
||||
margin: 0rem;
|
||||
padding: 0;
|
||||
font-size: smaller;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap; }
|
||||
footer .footline .tags {
|
||||
order: 1; }
|
||||
footer .footline .tags a:before {
|
||||
content: "#"; }
|
||||
footer .footline .author {
|
||||
order: 3; }
|
||||
footer .footline .github-link {
|
||||
order: 4; }
|
||||
footer .footline .date {
|
||||
order: 3; }
|
||||
|
||||
div.notices {
|
||||
margin: 2rem 0;
|
||||
position: relative;
|
||||
border-radius: .2rem;
|
||||
color: #fff;
|
||||
padding: .5rem 1rem .5rem 2rem;
|
||||
position: relative; }
|
||||
|
||||
div.notices p {
|
||||
padding: 0px;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
margin-top: 0rem;
|
||||
margin-bottom: 0rem; }
|
||||
|
||||
div.notices p:first-child:before {
|
||||
position: absolute;
|
||||
top: -27px;
|
||||
color: #fff;
|
||||
font-family: FontAwesome;
|
||||
content: '';
|
||||
left: 10px; }
|
||||
|
||||
div.notices p:first-child:after {
|
||||
position: absolute;
|
||||
top: -27px;
|
||||
color: #fff;
|
||||
left: 2rem; }
|
||||
|
||||
div.notices.info p:first-child:after {
|
||||
content: 'Info'; }
|
||||
|
||||
div.notices.warning p:first-child:after {
|
||||
content: 'Warning'; }
|
||||
|
||||
div.notices.note p:first-child:after {
|
||||
content: 'Note'; }
|
||||
|
||||
div.notices.tip p:first-child:after {
|
||||
content: 'Tip'; }
|
||||
|
||||
div.notices.note {
|
||||
border-top: 30px solid #6bb1e0;
|
||||
background: #e6f3fb;
|
||||
color: rgba(47, 103, 141, 0.995) !important; }
|
||||
|
||||
div.notices.info {
|
||||
border-top: 30px solid #f1b37e;
|
||||
background: #fefaf5;
|
||||
color: rgba(150, 90, 38, 0.995) !important; }
|
||||
|
||||
div.notices.tip {
|
||||
border-top: 30px solid #84c578;
|
||||
background: #e8f7e6;
|
||||
color: rgba(72, 125, 63, 0.995) !important; }
|
||||
|
||||
div.notices.warning {
|
||||
border-top: 30px solid #d58181;
|
||||
background: #fbeded;
|
||||
color: rgba(132, 56, 56, 0.995) !important; }
|
||||
|
||||
ul.children.children-card {
|
||||
flex-wrap: wrap;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between; }
|
||||
ul.children.children-card > span {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
width: 40%;
|
||||
min-width: 250px;
|
||||
margin: 1rem 1rem;
|
||||
border: 0.1rem solid #ccc;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
|
||||
ul.children.children-card > span card {
|
||||
margin: 0px 0px;
|
||||
display: block;
|
||||
padding: 1rem;
|
||||
background-color: #eee;
|
||||
font-size: 200%; }
|
||||
ul.children.children-card > span p {
|
||||
padding: 0rem 1rem; }
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
section {
|
||||
margin-right: 0; }
|
||||
|
||||
section > .toc {
|
||||
display: none; } }
|
||||
@media (max-width: 768px) {
|
||||
article {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
|
||||
article > aside {
|
||||
display: none; }
|
||||
|
||||
footer {
|
||||
display: none; }
|
||||
|
||||
article > section.page {
|
||||
margin: 0 0;
|
||||
padding: 1rem; }
|
||||
|
||||
article > section.page #navigation label {
|
||||
display: none; }
|
||||
|
||||
section {
|
||||
margin: 0;
|
||||
padding: 1rem 2rem; }
|
||||
|
||||
header {
|
||||
padding: 0 1rem; }
|
||||
|
||||
header > nav.shortcuts > li a {
|
||||
width: 3.5rem; }
|
||||
|
||||
header > nav.shortcuts > li .fa {
|
||||
margin: 0; }
|
||||
|
||||
header > nav.shortcuts > li > a > label {
|
||||
display: none; }
|
||||
|
||||
header > nav.shortcuts > li > a {
|
||||
max-width: 32px; }
|
||||
|
||||
.nav-select {
|
||||
display: block;
|
||||
margin-left: -10px;
|
||||
margin-right: -10px; }
|
||||
|
||||
.nav-select select {
|
||||
display: block; }
|
||||
|
||||
article img {
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem; } }
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
Reference in New Issue
Block a user