mirror of
https://github.com/taigrr/wtf
synced 2025-01-18 04:03:14 -08:00
First pass at new site template
This commit is contained in:
committed by
Chris Cummer
parent
215c7e571f
commit
d872a28cf7
133
_site/themes/docdock/static/theme-original/script.js
Normal file
133
_site/themes/docdock/static/theme-original/script.js
Normal file
@@ -0,0 +1,133 @@
|
||||
// Scrollbar Width function
|
||||
function getScrollBarWidth() {
|
||||
var inner = document.createElement('p');
|
||||
inner.style.width = "100%";
|
||||
inner.style.height = "200px";
|
||||
|
||||
var outer = document.createElement('div');
|
||||
outer.style.position = "absolute";
|
||||
outer.style.top = "0px";
|
||||
outer.style.left = "0px";
|
||||
outer.style.visibility = "hidden";
|
||||
outer.style.width = "200px";
|
||||
outer.style.height = "150px";
|
||||
outer.style.overflow = "hidden";
|
||||
outer.appendChild(inner);
|
||||
|
||||
document.body.appendChild(outer);
|
||||
var w1 = inner.offsetWidth;
|
||||
outer.style.overflow = 'scroll';
|
||||
var w2 = inner.offsetWidth;
|
||||
if (w1 == w2) w2 = outer.clientWidth;
|
||||
|
||||
document.body.removeChild(outer);
|
||||
|
||||
return (w1 - w2);
|
||||
};
|
||||
|
||||
// for the window resize
|
||||
$(window).resize(function() {});
|
||||
|
||||
// debouncing function from John Hann
|
||||
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
|
||||
(function($, sr) {
|
||||
|
||||
var debounce = function(func, threshold, execAsap) {
|
||||
var timeout;
|
||||
|
||||
return function debounced() {
|
||||
var obj = this, args = arguments;
|
||||
|
||||
function delayed() {
|
||||
if (!execAsap)
|
||||
func.apply(obj, args);
|
||||
timeout = null;
|
||||
};
|
||||
|
||||
if (timeout)
|
||||
clearTimeout(timeout);
|
||||
else if (execAsap)
|
||||
func.apply(obj, args);
|
||||
|
||||
timeout = setTimeout(delayed, threshold || 100);
|
||||
};
|
||||
}
|
||||
// smartresize
|
||||
jQuery.fn[sr] = function(fn) { return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
|
||||
|
||||
})(jQuery, 'smartresize');
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
|
||||
var sidebarStatus = searchStatus = 'open';
|
||||
|
||||
jQuery('#overlay').on('click', function() {
|
||||
jQuery(document.body).toggleClass('sidebar-hidden');
|
||||
sidebarStatus = (jQuery(document.body).hasClass('sidebar-hidden') ? 'closed' : 'open');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery('[data-sidebar-toggle]').on('click', function() {
|
||||
jQuery(document.body).toggleClass('sidebar-hidden');
|
||||
sidebarStatus = (jQuery(document.body).hasClass('sidebar-hidden') ? 'closed' : 'open');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery('[data-search-toggle]').on('click', function() {
|
||||
if (sidebarStatus == 'closed') {
|
||||
jQuery('[data-sidebar-toggle]').trigger('click');
|
||||
jQuery(document.body).removeClass('searchbox-hidden');
|
||||
searchStatus = 'open';
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
jQuery(document.body).toggleClass('searchbox-hidden');
|
||||
searchStatus = (jQuery(document.body).hasClass('searchbox-hidden') ? 'closed' : 'open');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
var touchsupport = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)
|
||||
if (!touchsupport){ // browser doesn't support touch
|
||||
$('#toc-menu').hover(function() {
|
||||
$('.progress').stop(true, false, true).fadeToggle(100);
|
||||
});
|
||||
|
||||
$('.progress').hover(function() {
|
||||
$('.progress').stop(true, false, true).fadeToggle(100);
|
||||
});
|
||||
}
|
||||
if (touchsupport){ // browser does support touch
|
||||
$('#toc-menu').click(function() {
|
||||
$('.progress').stop(true, false, true).fadeToggle(100);
|
||||
});
|
||||
$('.progress').click(function() {
|
||||
$('.progress').stop(true, false, true).fadeToggle(100);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
jQuery(window).on('load', function() {
|
||||
|
||||
function adjustForScrollbar() {
|
||||
if ((parseInt(jQuery('#body-inner').height()) + 83) >= jQuery('#body').height()) {
|
||||
jQuery('.nav.nav-next').css({ 'margin-right': getScrollBarWidth() });
|
||||
} else {
|
||||
jQuery('.nav.nav-next').css({ 'margin-right': 0 });
|
||||
}
|
||||
}
|
||||
|
||||
// adjust sidebar for scrollbar
|
||||
adjustForScrollbar();
|
||||
|
||||
jQuery(window).smartresize(function() {
|
||||
adjustForScrollbar();
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
1411
_site/themes/docdock/static/theme-original/style.css
Normal file
1411
_site/themes/docdock/static/theme-original/style.css
Normal file
File diff suppressed because it is too large
Load Diff
61
_site/themes/docdock/static/theme-original/variant-gold.css
Normal file
61
_site/themes/docdock/static/theme-original/variant-gold.css
Normal file
@@ -0,0 +1,61 @@
|
||||
|
||||
:root{
|
||||
--SIDE-MAIN-color:#AD974F;
|
||||
--SIDE-MAIN-TXT-color:#231F20;
|
||||
--MAIN-HOVER-color:#8E793E;
|
||||
--SIDE-FOCUS-BACK-color:#8E793E;
|
||||
--SIDE-FOCUS-FORE-color:#EAEAEA;
|
||||
--MENU-LINK-color:#EAEAEA;
|
||||
--MENU-ACTIVE-BACK-color:#231F20;
|
||||
--MENU-ACTIVE-LINK-color:white;
|
||||
|
||||
}
|
||||
a, #sidebar ul li.visited > a .read-icon {
|
||||
color: var(--SIDE-MAIN-color);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--MAIN-HOVER-color);
|
||||
}
|
||||
#body a.highlight:after {
|
||||
background-color: var(--MAIN-HOVER-color);
|
||||
}
|
||||
#sidebar {
|
||||
background-color: var(--SIDE-MAIN-color);
|
||||
}
|
||||
#sidebar #header-wrapper {
|
||||
background: var(--SIDE-MAIN-color);
|
||||
color: var(--BF-color)
|
||||
border-color: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar .searchbox {
|
||||
border-color: var(--BF-color);
|
||||
background: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
|
||||
background: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar .searchbox * {
|
||||
color: var(--SIDE-FOCUS-FORE-color);
|
||||
}
|
||||
#sidebar a , #sidebar a:hover {
|
||||
color: var(--MENU-LINK-color);
|
||||
}
|
||||
#sidebar .parent li, #sidebar .active li {
|
||||
border-color: var(--MENU-ACTIVE-LINK-color);
|
||||
}
|
||||
#sidebar ul li.active > a {
|
||||
background: var(--MENU-ACTIVE-BACK-color);
|
||||
color: var(--MENU-ACTIVE-LINK-color) !important;
|
||||
}
|
||||
#sidebar ul li .category-icon {
|
||||
color: var(--MENU-LINK-color);
|
||||
}
|
||||
#sidebar #shortcuts h3 {
|
||||
color: var(--SIDE-MAIN-TXT-color);
|
||||
}
|
||||
|
||||
.footline {
|
||||
border-color: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
|
||||
|
||||
61
_site/themes/docdock/static/theme-original/variant-gray.css
Normal file
61
_site/themes/docdock/static/theme-original/variant-gray.css
Normal file
@@ -0,0 +1,61 @@
|
||||
|
||||
:root{
|
||||
--SIDE-MAIN-color:#a0a0a0;
|
||||
--SIDE-MAIN-TXT-color:black;
|
||||
--MAIN-HOVER-color:#505050;
|
||||
--SIDE-FOCUS-BACK-color:#707070;
|
||||
--SIDE-FOCUS-FORE-color:black;
|
||||
--MENU-LINK-color:black;
|
||||
--MENU-ACTIVE-BACK-color:#505050;
|
||||
--MENU-ACTIVE-LINK-color:white;
|
||||
|
||||
}
|
||||
a, #sidebar ul li.visited > a .read-icon {
|
||||
color: var(--SIDE-MAIN-color);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--MAIN-HOVER-color);
|
||||
}
|
||||
#body a.highlight:after {
|
||||
background-color: var(--MAIN-HOVER-color);
|
||||
}
|
||||
#sidebar {
|
||||
background-color: var(--SIDE-MAIN-color);
|
||||
}
|
||||
#sidebar #header-wrapper {
|
||||
background: var(--SIDE-MAIN-color);
|
||||
color: var(--BF-color)
|
||||
border-color: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar .searchbox {
|
||||
border-color: var(--BF-color);
|
||||
background: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
|
||||
background: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar .searchbox * {
|
||||
color: var(--SIDE-FOCUS-FORE-color);
|
||||
}
|
||||
#sidebar a , #sidebar a:hover {
|
||||
color: var(--MENU-LINK-color);
|
||||
}
|
||||
#sidebar .parent li, #sidebar .active li {
|
||||
border-color: var(--MENU-ACTIVE-LINK-color);
|
||||
}
|
||||
#sidebar ul li.active > a {
|
||||
background: var(--MENU-ACTIVE-BACK-color);
|
||||
color: var(--MENU-ACTIVE-LINK-color) !important;
|
||||
}
|
||||
#sidebar ul li .category-icon {
|
||||
color: var(--MENU-LINK-color);
|
||||
}
|
||||
#sidebar #shortcuts h3 {
|
||||
color: var(--SIDE-MAIN-TXT-color);
|
||||
}
|
||||
|
||||
.footline {
|
||||
border-color: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
|
||||
|
||||
61
_site/themes/docdock/static/theme-original/variant-green.css
Normal file
61
_site/themes/docdock/static/theme-original/variant-green.css
Normal file
@@ -0,0 +1,61 @@
|
||||
|
||||
:root{
|
||||
--SIDE-MAIN-color:#91A437;
|
||||
--SIDE-MAIN-TXT-color:black;
|
||||
--MAIN-HOVER-color:#465400;
|
||||
--SIDE-FOCUS-BACK-color:#667B00;
|
||||
--SIDE-FOCUS-FORE-color:black;
|
||||
--MENU-LINK-color:black;
|
||||
--MENU-ACTIVE-BACK-color:#465400;
|
||||
--MENU-ACTIVE-LINK-color:white;
|
||||
|
||||
}
|
||||
a, #sidebar ul li.visited > a .read-icon {
|
||||
color: var(--SIDE-MAIN-color);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--MAIN-HOVER-color);
|
||||
}
|
||||
#body a.highlight:after {
|
||||
background-color: var(--MAIN-HOVER-color);
|
||||
}
|
||||
#sidebar {
|
||||
background-color: var(--SIDE-MAIN-color);
|
||||
}
|
||||
#sidebar #header-wrapper {
|
||||
background: var(--SIDE-MAIN-color);
|
||||
color: var(--BF-color)
|
||||
border-color: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar .searchbox {
|
||||
border-color: var(--BF-color);
|
||||
background: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
|
||||
background: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
#sidebar .searchbox * {
|
||||
color: var(--SIDE-FOCUS-FORE-color);
|
||||
}
|
||||
#sidebar a , #sidebar a:hover {
|
||||
color: var(--MENU-LINK-color);
|
||||
}
|
||||
#sidebar .parent li, #sidebar .active li {
|
||||
border-color: var(--MENU-ACTIVE-LINK-color);
|
||||
}
|
||||
#sidebar ul li.active > a {
|
||||
background: var(--MENU-ACTIVE-BACK-color);
|
||||
color: var(--MENU-ACTIVE-LINK-color) !important;
|
||||
}
|
||||
#sidebar ul li .category-icon {
|
||||
color: var(--MENU-LINK-color);
|
||||
}
|
||||
#sidebar #shortcuts h3 {
|
||||
color: var(--SIDE-MAIN-TXT-color);
|
||||
}
|
||||
|
||||
.footline {
|
||||
border-color: var(--SIDE-FOCUS-BACK-color);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user