tdehaeze/org-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add variable for fonts

Browse Source
This commit is contained in:
Thomas Dehaeze 2020-11-27 15:16:19 +01:00
parent c0fd4c5805
commit 7944704b69
21 changed files with 430 additions and 398 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
dist/script.js vendored
View File

@ -1,10 +1,17 @@
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){ (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
"use strict";
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
// var $ = require('jquery'); // var $ = require('jquery');
// window.$ = $; // window.$ = $;
// require('bootstrap'); // require('bootstrap');
// Blocks // Blocks
docReady(function() { docReady(function () {
var boxesNames = { var boxesNames = {
"seealso": "See also", "seealso": "See also",
"definition": "Definition", "definition": "Definition",
@ -15,56 +22,78 @@ docReady(function() {
"important": "Important", "important": "Important",
"caution": "Caution", "caution": "Caution",
"warning": "Warning" "warning": "Warning"
} };
for (var className in boxesNames) { for (var className in boxesNames) {
let boxes = document.querySelectorAll('div.' + className) var boxes = document.querySelectorAll('div.' + className);
for (let box of boxes) { var _iterator = _createForOfIteratorHelper(boxes),
let boxTitle = document.createElement('p') _step;
boxTitle.className = "admonition-title " + className
boxTitle.textContent = boxesNames[className]
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var box = _step.value;
var boxTitle = document.createElement('p');
boxTitle.className = "admonition-title " + className;
boxTitle.textContent = boxesNames[className];
box.parentNode.insertBefore(boxTitle, box); box.parentNode.insertBefore(boxTitle, box);
} }
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
} }
}); }
}); // Copy Source Block
// Copy Source Block docReady(function () {
docReady(function() { var srcContainers = document.querySelectorAll('pre.src');
let srcContainers = document.querySelectorAll('pre.src')
for (let srcContrainer of srcContainers) { var _iterator2 = _createForOfIteratorHelper(srcContainers),
let boxCopy = document.createElement('div') _step2;
boxCopy.className = "src-copy"
boxCopy.textContent = "Copy"
boxCopy.onclick = function() { try {
var _loop = function _loop() {
var srcContrainer = _step2.value;
var boxCopy = document.createElement('div');
boxCopy.className = "src-copy";
boxCopy.textContent = "Copy";
boxCopy.onclick = function () {
// Create a clone the node to not affect the original one // Create a clone the node to not affect the original one
let nodeClone = this.parentNode.cloneNode(true) var nodeClone = this.parentNode.cloneNode(true); // Remove Line Numbers and Copy Button
// Remove Line Numbers and Copy Button var linenumNodes = nodeClone.querySelectorAll('.linenr,.src-copy');
let linenumNodes = nodeClone.querySelectorAll('.linenr,.src-copy')
for (var i = linenumNodes.length - 1 ; i >= 0 ; --i) {
nodeClone.removeChild(linenumNodes[i])
}
// Copy the filetered content to the clipboard for (var i = linenumNodes.length - 1; i >= 0; --i) {
let srcText = nodeClone.textContent nodeClone.removeChild(linenumNodes[i]);
navigator.clipboard.writeText(srcText).then(function() { } // Copy the filetered content to the clipboard
boxCopy.textContent = "Copied"
boxCopy.classList.add("src-copied")
setTimeout(function() { var srcText = nodeClone.textContent;
boxCopy.textContent = "Copy" navigator.clipboard.writeText(srcText).then(function () {
boxCopy.classList.remove("src-copied") boxCopy.textContent = "Copied";
boxCopy.classList.add("src-copied");
setTimeout(function () {
boxCopy.textContent = "Copy";
boxCopy.classList.remove("src-copied");
}, 2000); }, 2000);
}); });
} };
srcContrainer.prepend(boxCopy); srcContrainer.prepend(boxCopy);
} };
});
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
_loop();
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}); // Equivalent of Jquery $.ready
// Equivalent of Jquery $.ready
function docReady(fn) { function docReady(fn) {
// see if DOM is already available // see if DOM is already available
if (document.readyState === "complete" || document.readyState === "interactive") { if (document.readyState === "complete" || document.readyState === "interactive") {
@ -73,9 +102,7 @@ function docReady(fn) {
} else { } else {
document.addEventListener("DOMContentLoaded", fn); document.addEventListener("DOMContentLoaded", fn);
} }
} } // function collapse_toc_elements_on_click (nav_li_a){
// function collapse_toc_elements_on_click (nav_li_a){
// /* // /*
// When an `a' element in the TOC is clicked, its parent // When an `a' element in the TOC is clicked, its parent
// `li' element's active attribute is toggled. This causes // `li' element's active attribute is toggled. This causes
@ -85,7 +112,6 @@ function docReady(fn) {
// */ // */
// $(nav_li_a).parent().toggleClass("active"); // $(nav_li_a).parent().toggleClass("active");
// } // }
// $( document ).ready(function() { // $( document ).ready(function() {
// // When the document is loaded and ready, bind the // // When the document is loaded and ready, bind the
// // function `collapse_toc_elements_on_click' to the // // function `collapse_toc_elements_on_click' to the
@ -94,9 +120,7 @@ function docReady(fn) {
// collapse_toc_elements_on_click(this); // collapse_toc_elements_on_click(this);
// }); // });
// }); // });
// $( document ).ready(function() { // $( document ).ready(function() {
// // Shift nav in mobile when clicking the menu. // // Shift nav in mobile when clicking the menu.
// $(document).on('click', "[data-toggle='wy-nav-top']", function() { // $(document).on('click', "[data-toggle='wy-nav-top']", function() {
// $("[data-toggle='wy-nav-shift']").toggleClass("shift"); // $("[data-toggle='wy-nav-shift']").toggleClass("shift");
@ -113,31 +137,25 @@ function docReady(fn) {
// // Make tables responsive // // Make tables responsive
// $("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>"); // $("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>");
// }); // });
// $( document ).ready(function() { // $( document ).ready(function() {
// $('#text-table-of-contents ul').first().addClass('nav'); // $('#text-table-of-contents ul').first().addClass('nav');
// // ScrollSpy also requires that we use // // ScrollSpy also requires that we use
// // a Bootstrap nav component. // // a Bootstrap nav component.
// $('body').scrollspy({target: '#text-table-of-contents'}); // $('body').scrollspy({target: '#text-table-of-contents'});
// // DON'T add sticky table headers (Fix issue #69?) // // DON'T add sticky table headers (Fix issue #69?)
// // $('table').stickyTableHeaders(); // // $('table').stickyTableHeaders();
// // set the height of tableOfContents // // set the height of tableOfContents
// var $postamble = $('#postamble'); // var $postamble = $('#postamble');
// var $tableOfContents = $('#table-of-contents'); // var $tableOfContents = $('#table-of-contents');
// $tableOfContents.css({paddingBottom: $postamble.outerHeight()}); // $tableOfContents.css({paddingBottom: $postamble.outerHeight()});
// // add TOC button // // add TOC button
// var toggleSidebar = $('<div id="toggle-sidebar"><a href="#table-of-contents"><h2>Table of Contents</h2></a></div>'); // var toggleSidebar = $('<div id="toggle-sidebar"><a href="#table-of-contents"><h2>Table of Contents</h2></a></div>');
// $('#content').prepend(toggleSidebar); // $('#content').prepend(toggleSidebar);
// // add close button when sidebar showed in mobile screen // // add close button when sidebar showed in mobile screen
// var closeBtn = $('<a class="close-sidebar" href="#">Close</a>'); // var closeBtn = $('<a class="close-sidebar" href="#">Close</a>');
// var tocTitle = $('#table-of-contents').find('h2'); // var tocTitle = $('#table-of-contents').find('h2');
// tocTitle.append(closeBtn); // tocTitle.append(closeBtn);
// }); // });
// window.SphinxRtdTheme = (function (jquery) { // window.SphinxRtdTheme = (function (jquery) {
// var stickyNav = (function () { // var stickyNav = (function () {
// var navBar, // var navBar,

5
dist/style.css vendored
View File

File diff suppressed because one or more lines are too long

2
index.org
View File

@ -15,8 +15,6 @@
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="dist/style.css"/> #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="dist/style.css"/>
#+HTML_HEAD: <script type="text/javascript" src="dist/script.js"></script> #+HTML_HEAD: <script type="text/javascript" src="dist/script.js"></script>
# #+HTML_HEAD: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
#+HTML_MATHJAX: align: center tagside: right font: TeX #+HTML_MATHJAX: align: center tagside: right font: TeX
#+BIBLIOGRAPHY: ref.bib #+BIBLIOGRAPHY: ref.bib

8
scss/partials/_aside.scss
View File

@ -1,7 +1,7 @@
.aside { .aside {
padding-left: .5rem; padding-left: 1.0em;
margin-left: .5rem; margin-left: 0.5em;
border-left: 5px solid $grey; border-left: 2px solid $grey;
// For very large screens, put it on the right side // For very large screens, put it on the right side
@media (min-width: 1200px) { @media (min-width: 1200px) {
@ -10,7 +10,7 @@
} }
> p { > p {
margin: .5rem; margin: 0.2em;
font-size: 80%; font-size: 80%;
} }
} }

51
scss/partials/_base.scss
View File

@ -7,17 +7,17 @@ html {
} }
body { body {
background: $color-background-outside; // Outside Background background: $color-background;
color: $color-text; color: $color-text;
font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; font-family: $sans-serif;
font-weight: normal; font-weight: $normal;
margin: 0; margin: 0;
min-height: 100%; min-height: 100%;
overflow-x: hidden; overflow-x: hidden;
} }
#content { #content {
background: $color-background; // Content Background background: $color-background-light;
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
margin-left: $toc-width; margin-left: $toc-width;
@ -42,13 +42,13 @@ a{
} }
p { p {
font-size:16px; font-size: 16px;
line-height:24px; line-height: 24px;
margin:0 0 1.5em 0; margin: 0 0 1.5em 0;
} }
b,strong { b,strong {
font-weight:bold; font-weight: $bold;
} }
i { i {
@ -62,8 +62,8 @@ i {
// Inline Code // Inline Code
code { code {
background: $white; background: $white;
border:solid 1px #e1e4e5; border: solid 1px #e1e4e5;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; font-family: $mono;
font-size:75%; font-size:75%;
max-width:100%; max-width:100%;
overflow-x:auto; overflow-x:auto;
@ -90,7 +90,7 @@ blockquote {
// Subscripts and Superscripts // Subscripts and Superscripts
sub, sup { sub, sup {
font-size:0.6em; font-size: 0.6em;
line-height:0; line-height:0;
position:relative; position:relative;
vertical-align:baseline; vertical-align:baseline;
@ -103,12 +103,12 @@ sub{ bottom:-0.25em; }
mark{ mark{
background:#ff0; background:#ff0;
color:#000; color:#000;
font-style:italic; font-style: italic;
font-weight:bold; font-weight: $bold;
} }
small{ small{
font-size:85%; font-size: 85%;
} }
img{ img{
@ -126,7 +126,7 @@ label{
display:block; display:block;
margin:0 0 0.3125em 0; margin:0 0 0.3125em 0;
color:#333; color:#333;
font-size:90%; font-size: 90%;
} }
legend{ legend{
@ -139,7 +139,7 @@ legend{
padding:0; padding:0;
white-space:normal; white-space:normal;
margin-bottom:24px; margin-bottom:24px;
font-size:150%; font-size: 150%;
} }
.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{ .nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
@ -203,7 +203,7 @@ hr{
#content h1 .headerlink:after,#content h2 .headerlink:after,#content h3 .headerlink:after,#content h4 .headerlink:after,#content h5 .headerlink:after,#content h6 .headerlink:after,#content dl dt .headerlink:after{ #content h1 .headerlink:after,#content h2 .headerlink:after,#content h3 .headerlink:after,#content h4 .headerlink:after,#content h5 .headerlink:after,#content h6 .headerlink:after,#content dl dt .headerlink:after{
visibility:visible; visibility:visible;
content:""; content:"";
font-family:FontAwesome; font-family: $fa;
display:inline-block; display:inline-block;
} }
@ -231,7 +231,7 @@ hr{
// .sidebar-title{ // .sidebar-title{
// display:block; // display:block;
// font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif; // font-family: $sans-serif
// font-weight:bold; // font-weight:bold;
// background:#e1e4e5; // background:#e1e4e5;
// padding:6px 12px; // padding:6px 12px;
@ -245,7 +245,7 @@ hr{
#content .highlighted{ #content .highlighted{
background:#F1C40F; background:#F1C40F;
display:inline-block; display:inline-block;
font-weight:bold; font-weight: $bold;
padding:0 6px; padding:0 6px;
} }
@ -269,20 +269,9 @@ span[id*='MathJax-Span']{
-webkit-font-smoothing:antialiased; -webkit-font-smoothing:antialiased;
} }
/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{
font-family:'FontAwesome';
src:url("../fonts/fontawesome-webfont.eot?v=4.1.0");
src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
font-weight:normal;
font-style:normal;
}
.fa,.icon{ .fa,.icon{
display:inline-block; display:inline-block;
font-family:FontAwesome; font-family: $fa;
font-style:normal; font-style:normal;
font-weight:normal; font-weight:normal;
line-height:1; line-height:1;

1
scss/partials/_bibliography.scss
View File

@ -5,4 +5,5 @@ div.csl-bib-body {
.csl-entry { .csl-entry {
margin-bottom: 1em; margin-bottom: 1em;
} }
} }

28
scss/partials/_boxes.scss
View File

@ -31,7 +31,7 @@ $types: (
margin-bottom: 0px; margin-bottom: 0px;
&:before{ &:before{
font-family:FontAwesome; font-family: $fa;
content: map-get($map, icon); content: map-get($map, icon);
} }
} }
@ -39,22 +39,18 @@ $types: (
} }
#content .admonition-title{ #content .admonition-title{
color:#fff; color: $color-block-title;
font-weight:bold; font-weight: $bold;
display:block; display: block;
color:#fff; padding: 6px 12px;
padding:6px 12px; margin-bottom: 0px;
margin-bottom:0px;
font-family:inherit;
-webkit-font-smoothing:antialiased;
&:before{ &:before{
margin-right:4px; margin-right: 8px;
font-family:"FontAwesome"; font-family: $fa;
display:inline-block; display: inline-block;
font-style:normal; font-weight: $normal;
font-weight:normal; line-height: 1;
line-height:1; text-decoration: inherit;
text-decoration:inherit;
} }
} }

45
scss/partials/_codes.scss
View File

@ -1,14 +1,14 @@
@mixin src-box { @mixin src-box {
display: inline; display: inline;
position: absolute; position: absolute;
color: #808080; color: $color-text-shadow;
background-color: white; background-color: $white;
padding: 0px 4px; padding: 0px 4px;
border: 1px solid #d0d0d0; border: 1px solid $color-shadow;
font-size:10px; font-size: 10px;
top: -9px; top: -9px;
z-index: 10; z-index: 10;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; font-family: $mono;
} }
// Div that containst the code // Div that containst the code
@ -21,11 +21,15 @@
label { label {
text-align: center; text-align: center;
cursor: text; cursor: text;
font-size: 0.85em;
font-family: $serif;
font-style: italic;
color: $color-caption;
// Listing num // Listing num
.listing-number { .listing-number {
font-weight: bold; font-weight: $bold;
color: #343131; color: $color-caption-num;
} }
} }
@ -38,7 +42,7 @@
// When button is clicked // When button is clicked
&.src-copied { &.src-copied {
color: $white; color: $color-text-invert;
background-color: $color-primary; background-color: $color-primary;
} }
} }
@ -47,13 +51,13 @@
> pre { > pre {
position: relative; position: relative;
overflow: visible; overflow: visible;
border:1px solid #e1e4e5; border:1px solid $color-shadow;
background:#fff; background: $white;
display:block; display: block;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; font-family: $mono;
font-size:12px; font-size: 12px;
line-height:1.5; line-height: 1.5;
padding:12px; padding: 12px;
margin-bottom: 24px; margin-bottom: 24px;
white-space: pre-wrap; // Wrap long Line white-space: pre-wrap; // Wrap long Line
@ -80,13 +84,14 @@
pre { pre {
&.example { &.example {
position: relative; position: relative;
background:#f3f6f6; background: $color-background;
border:1px solid #e1e4e5; border: 1px solid $color-shadow;
color:#404040; color: $color-text;
font-size: 12px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
margin-bottom:24px; margin-bottom: 24px;
padding:12px; padding: 12px;
font-family: $mono;
// //
&:before { &:before {

24
scss/partials/_colors.scss
View File

@ -35,19 +35,29 @@ $vivid-orange: adjust-color($orange, $saturation: 20%);
// main color palette // main color palette
$color-primary: $blue; $color-primary: $blue;
$color-primary-background: adjust-color($blue, $lightness: -30%); $color-primary-background: adjust-color($blue, $lightness: -30%);
// $color-secondary: $bouquet; $color-secondary: $green;
// $color-accent: $patina; // $color-accent: $patina;
// $color-shadow: rgba($black, .125); $color-shadow: hsl(195, 7%, 89%);
// $color-note: #666; $color-shadow-light: hsl(195, 7%, 95%);
// $color-note: hsl(195, 7%, 99%);
// Common colors // Common colors
$color-background: #fcfcfc; $color-background: hsl(204, 16%, 94%);
$color-background-outside: #edf0f2; $color-background-light: hsl(0, 0%, 99%);
$color-background-med: hsl(0, 0%, 40%);
$color-background-dark: hsl(0, 0%, 20%);
$color-background-obscur: hsl(0, 0%, 12%);
// $color-background-shade: $iron; // $color-background-shade: $iron;
// $color-background-invert: $hopbush; // $color-background-invert: $hopbush;
$color-text: #404040; //
// $color-text-weak: $regent-grey; $color-text: hsl(0, 0%, 25%);
$color-text-invert: hsl(0, 0%, 99%);
$color-text-shadow: hsl(0, 0%, 65%);
$color-caption: $color-text;
$color-caption-num: $dark-blue;
$color-block-title: $color-text-invert;
// $color-text-strong: $midnight-blue; // $color-text-strong: $midnight-blue;
// $color-text-heading: $regent-grey; // $color-text-heading: $regent-grey;
// $color-text-invert: rgba($color-background, .75); // $color-text-invert: rgba($color-background, .75);

2
scss/partials/_copyright.scss
View File

@ -6,7 +6,7 @@
color:#fcfcfc; color:#fcfcfc;
background:#1f1d1d; background:#1f1d1d;
border-top:solid 10px #343131; border-top:solid 10px #343131;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; font-family: $serif;
font-size: 90%; font-size: 90%;
z-index:400; z-index:400;
padding:12px; padding:12px;

9
scss/partials/_details.scss
View File

@ -1,6 +1,6 @@
details { details {
background: #fbfbfb; background: $color-background;
border: 1px solid #c9c9c9; border: 1px solid $color-background-med;
border-radius: 3px; border-radius: 3px;
margin-bottom: 1.0em; margin-bottom: 1.0em;
padding: 12px 12px 0 12px; padding: 12px 12px 0 12px;
@ -12,15 +12,16 @@ details {
summary { summary {
outline: 0; outline: 0;
color: #c9c9c9; color: $color-background-med;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
margin-bottom: 10px; margin-bottom: 10px;
cursor: pointer; cursor: pointer;
// Click to unfold button
&::after { &::after {
font-size: 0.85em; font-size: 0.85em;
color: #c9c9c9; color: $color-background-med;
float: right; float: right;
padding-right: 0.5em; padding-right: 0.5em;
content: "Click to fold/unfold"; content: "Click to fold/unfold";

12
scss/partials/_figures.scss
View File

@ -3,9 +3,10 @@
margin-bottom:24px; margin-bottom:24px;
p { p {
color:#000; color: $color-caption;
font:italic 85%/1 arial,sans-serif; font-size: 0.85em;
padding:1em 0; font-family: $serif;
font-style: italic;
text-align: center; text-align: center;
margin: 0; margin: 0;
} }
@ -14,11 +15,12 @@
max-width:100%; max-width:100%;
display: block; display: block;
margin: auto; margin: auto;
padding-bottom: 0.5em;
} }
.figure-number { .figure-number {
font-weight: bold; font-weight: $bold;
color: #343131; color: $color-caption-num;
} }
} }

20
scss/partials/_fonts.scss
View File

@ -1,2 +1,20 @@
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700); // Sans Serif Font
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
// Serif Font
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
// MonoSpace Font
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
// Font Awesome
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css); @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
$sans-serif: Roboto, sans-serif;
$serif: Merriweather, Georgia, "Times New Roman", serif;
$mono: "Source Code Pro", monospace;
$fa: FontAwesome;
$light: 300;
$normal: 400;
$bold: 700;

4
scss/partials/_footnotes.scss
View File

@ -3,7 +3,7 @@ sup{
a.footref, a.footnum{ a.footref, a.footnum{
color: #2980b9; color: #2980b9;
font-size: 12px; font-size: 12px;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; font-family: $sans-serif;
&:before{ content:"["; } &:before{ content:"["; }
&:after{ content:"]"; } &:after{ content:"]"; }
@ -36,7 +36,7 @@ sup{
p { p {
color: #999; color: #999;
font-size: 90%; font-size: 90%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; font-family: $sans-serif;
padding: 8px; padding: 8px;
line-height: 1.25em; line-height: 1.25em;
margin: 0; margin: 0;

14
scss/partials/_headlines.scss
View File

@ -1,7 +1,7 @@
.title { .title {
font-size:175%; font-size: 175%;
margin-bottom: 1em; margin-bottom: 1em;
font-weight:700; font-weight: $bold;
text-align: center; text-align: center;
.subtitle{ .subtitle{
@ -11,20 +11,20 @@
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif; font-family: $sans-serif;
} }
h1{ h1{
font-size:175%; font-size:175%;
margin-bottom: 1em; margin-bottom: 1em;
font-weight:700; font-weight: $bold;
text-align: center; text-align: center;
} }
h2{ h2{
font-size:150%; font-size:150%;
margin-bottom: 1em; margin-bottom: 1em;
font-weight:700; font-weight: $bold;
} }
h3{ h3{
@ -36,12 +36,12 @@ h4{
font-size:115%; font-size:115%;
margin-bottom: 0.5em; margin-bottom: 0.5em;
color:#2980B9; color:#2980B9;
font-weight:300; font-weight: $light;
} }
h5{ h5{
font-size:110%; font-size:110%;
margin-bottom: 0.5em; margin-bottom: 0.5em;
color:#2980B9; color:#2980B9;
font-weight:300; font-weight:light;
} }

53
scss/partials/_htmlize.scss
View File

@ -1,11 +1,12 @@
.org-bold { .org-bold {
font-weight: bold; font-weight: $bold;
} }
.org-bold-italic { .org-bold-italic {
font-weight: bold; font-style: italic; font-weight: $bold;
font-style: italic;
} }
.org-buffer-menu-buffer { .org-buffer-menu-buffer {
font-weight: bold; font-weight: $bold;
} }
.org-builtin { .org-builtin {
color: #7a378b; color: #7a378b;
@ -41,7 +42,7 @@
color: #008b8b; color: #008b8b;
} }
.org-comint-highlight-input { .org-comint-highlight-input {
font-weight: bold; font-weight: $bold;
} }
.org-comint-highlight-prompt { .org-comint-highlight-prompt {
color: #00008b; color: #00008b;
@ -53,7 +54,7 @@
color: #000000; background-color: #ffffff; color: #000000; background-color: #ffffff;
} }
.org-completions-first-difference { .org-completions-first-difference {
font-weight: bold; font-weight: $bold;
} }
.org-diary { .org-diary {
color: #ff0000; color: #ff0000;
@ -62,7 +63,7 @@
color: #7f7f7f; color: #7f7f7f;
} }
.org-diff-file-header { .org-diff-file-header {
background-color: #b3b3b3; font-weight: bold; background-color: #b3b3b3; font-weight: $bold;
} }
.org-diff-function { .org-diff-function {
background-color: #cccccc; background-color: #cccccc;
@ -74,10 +75,10 @@
background-color: #cccccc; background-color: #cccccc;
} }
.org-diff-index { .org-diff-index {
background-color: #b3b3b3; font-weight: bold; background-color: #b3b3b3; font-weight:s$bold;
} }
.org-diff-nonexistent { .org-diff-nonexistent {
background-color: #b3b3b3; font-weight: bold; background-color: #b3b3b3; font-weight:s$bold;
} }
.org-diff-refine-change { .org-diff-refine-change {
background-color: #d9d9d9; background-color: #d9d9d9;
@ -86,7 +87,7 @@
color: #0000ff; color: #0000ff;
} }
.org-dired-flagged { .org-dired-flagged {
color: #ff0000; font-weight: bold; color: #ff0000; font-weight:s$bold;
} }
.org-dired-header { .org-dired-header {
color: #228b22; color: #228b22;
@ -98,7 +99,7 @@
color: #008b8b; color: #008b8b;
} }
.org-dired-marked { .org-dired-marked {
color: #ff0000; font-weight: bold; color: #ff0000; font-weight:s$bold;
} }
.org-dired-perm-write { .org-dired-perm-write {
color: #b22222; color: #b22222;
@ -107,7 +108,7 @@
color: #a020f0; color: #a020f0;
} }
.org-dired-warning { .org-dired-warning {
color: #ff0000; font-weight: bold; color: #ff0000; font-weight:s$bold;
} }
.org-doc { .org-doc {
color: #8b2252; color: #8b2252;
@ -119,10 +120,10 @@
color: #7f7f7f; color: #7f7f7f;
} }
.org-flyspell-duplicate { .org-flyspell-duplicate {
color: #cdad00; font-weight: bold; text-decoration: underline; color: #cdad00; font-weight:s$bold; text-decoration: underline;
} }
.org-flyspell-incorrect { .org-flyspell-incorrect {
color: #ff4500; font-weight: bold; text-decoration: underline; color: #ff4500; font-weight:s$bold; text-decoration: underline;
} }
.org-fringe { .org-fringe {
background-color: #f2f2f2; background-color: #f2f2f2;
@ -194,13 +195,13 @@
color: #b22222; color: #b22222;
} }
.org-org-checkbox { .org-org-checkbox {
font-weight: bold; font-weight:s$bold;
} }
.org-org-checkbox-statistics-done { .org-org-checkbox-statistics-done {
color: #228b22; font-weight: bold; color: #228b22; font-weight:s$bold;
} }
.org-org-checkbox-statistics-todo { .org-org-checkbox-statistics-todo {
color: #ff0000; font-weight: bold; color: #ff0000; font-weight:s$bold;
} }
.org-org-clock-overlay { .org-org-clock-overlay {
background-color: #ffff00; background-color: #ffff00;
@ -212,7 +213,7 @@
background-color: #e5e5e5; background-color: #e5e5e5;
} }
.org-org-column-title { .org-org-column-title {
background-color: #e5e5e5; font-weight: bold; text-decoration: underline; background-color: #e5e5e5; font-weight:s$bold; text-decoration: underline;
} }
.org-org-date { .org-org-date {
color: #a020f0; text-decoration: underline; color: #a020f0; text-decoration: underline;
@ -224,10 +225,10 @@
color: #7f7f7f; color: #7f7f7f;
} }
.org-org-document-title { .org-org-document-title {
color: #191970; font-size: 144%; font-weight: bold; color: #191970; font-size: 144%; font-weight:s$bold;
} }
.org-org-done { .org-org-done {
color: #228b22; font-weight: bold; color: #228b22; font-weight:s$bold;
} }
.org-org-drawer { .org-org-drawer {
color: #0000ff; color: #0000ff;
@ -308,7 +309,7 @@
color: #0000ff; color: #0000ff;
} }
.org-org-tag { .org-org-tag {
font-weight: bold; font-weight:s$bold;
} }
.org-org-target { .org-org-target {
text-decoration: underline; text-decoration: underline;
@ -317,7 +318,7 @@
color: #b8860b; color: #b8860b;
} }
.org-org-todo { .org-org-todo {
color: #ff0000; font-weight: bold; color: #ff0000; font-weight:s$bold;
} }
.org-org-upcoming-deadline { .org-org-upcoming-deadline {
color: #b22222; color: #b22222;
@ -329,7 +330,7 @@
color: #7f7f7f; color: #7f7f7f;
} }
.org-org-warning { .org-org-warning {
color: #ff0000; font-weight: bold; color: #ff0000; font-weight:s$bold;
} }
.org-outline-1 { .org-outline-1 {
color: #0000ff; color: #0000ff;
@ -362,10 +363,10 @@
color: #b0e2ff; background-color: #cd00cd; color: #b0e2ff; background-color: #cd00cd;
} }
.org-regexp-grouping-backslash { .org-regexp-grouping-backslash {
font-weight: bold; font-weight:s$bold;
} }
.org-regexp-grouping-construct { .org-regexp-grouping-construct {
font-weight: bold; font-weight:s$bold;
} }
.org-region { .org-region {
background-color: #eedc82; background-color: #eedc82;
@ -395,10 +396,10 @@
text-decoration: underline; text-decoration: underline;
} }
.org-warning { .org-warning {
color: #ff0000; font-weight: bold; color: #ff0000; font-weight:s$bold;
} }
.org-widget-button { .org-widget-button {
font-weight: bold; font-weight:s$bold;
} }
.org-widget-button-pressed { .org-widget-button-pressed {
color: #ff0000; color: #ff0000;

4
scss/partials/_lists.scss
View File

@ -25,8 +25,8 @@ dl {
margin-bottom: 1em; margin-bottom: 1em;
dt { dt {
font-weight:bold; font-weight: $bold;
vertical-align:top; vertical-align: top;
} }
dd { dd {

6
scss/partials/_org.scss
View File

@ -19,7 +19,7 @@
// Priority // Priority
.priority { .priority {
color: $vivid-orange; color: $vivid-orange;
font-family: Lucida Console,monospace; font-family: $mono;
} }
// tag in a headline // tag in a headline
@ -31,7 +31,7 @@
display: block; display: block;
float: right; float: right;
font-size: 70%; font-size: 70%;
font-weight: normal; font-weight: $normal;
margin: 0 3px; margin: 0 3px;
padding: 5px; padding: 5px;
border-radius: 3px; border-radius: 3px;
@ -45,7 +45,7 @@
// Timestamp date // Timestamp date
.timestamp { .timestamp {
color: $dark-blue; color: $dark-blue;
font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; font-family: $mono;
} }
// keyword associated with a timestamp, like ‘SCHEDULED’ // keyword associated with a timestamp, like ‘SCHEDULED’

12
scss/partials/_postamble.scss
View File

@ -4,11 +4,11 @@
left:0; left:0;
width: $toc-width; width: $toc-width;
padding: 12px; padding: 12px;
color:#fcfcfc; color: $color-text-invert;
background:#1f1d1d; background: $color-background-obscur;
border-top:solid 10px #343131; border-top: solid 10px #343131;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; font-family: $serif;
font-size: 90%; font-size: 0.8em;
z-index:400; z-index:400;
.author { .author {
@ -19,7 +19,7 @@
.date { .date {
font-size: 90%; font-size: 90%;
margin-bottom: 0px; margin-bottom: 0px;
color: #27AE60; color: $color-secondary;
} }
.creator, .validation { .creator, .validation {

26
scss/partials/_tables.scss
View File

@ -5,7 +5,7 @@ table {
border-spacing:0; border-spacing:0;
empty-cells:show; empty-cells:show;
margin-bottom:24px; margin-bottom:24px;
border-bottom:3px solid #e1e4e5; border-bottom:3px solid $color-shadow;
// Cell Style // Cell Style
td,th{ td,th{
@ -13,31 +13,33 @@ table {
margin:0; margin:0;
overflow:visible; overflow:visible;
padding:8px 16px; padding:8px 16px;
background-color:white; background-color: $white;
border:1px solid #e1e4e5; border:1px solid $color-shadow;
} }
// First Line of the Table // First Line of the Table
thead th{ thead th{
font-weight:bold; font-weight: $bold;
border-top:3px solid #e1e4e5; border-top:3px solid $color-shadow;
border-bottom:1px solid #e1e4e5; border-bottom:1px solid $color-shadow;
} }
// Caption // Caption
caption{ caption{
color:#000; color: $color-caption;
font:italic 85%/1 arial,sans-serif; font-size: 0.85em;
font-family: $serif;
font-style: italic;
padding:1em 0; padding:1em 0;
// "Table x" part // "Table x" part
.table-number { .table-number {
font-weight: bold; font-weight: $bold;
color: #343131; color: $color-caption-num;
} }
} }
// Alternating colors for the rows // Alternating colors for the rows
tr:nth-child(2n-1) td{background-color:#f3f6f6;} tr:nth-child(2n-1) td{background-color: $color-shadow-light;}
tr:nth-child(2n) td{background-color:white;} tr:nth-child(2n) td{background-color: $white;}
} }

332
scss/partials/_toc.scss
View File

@ -1,131 +1,67 @@
#table-of-contents { #table-of-contents {
position: fixed;
top: 0;
left: 0;
width: $toc-width;
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
background: $color-background-dark;
z-index: 200;
position:fixed; // Table of Contents Header
top:0; h2 {
left:0; color: $color-text-invert;
width:300px; background-color: $color-primary-background;
overflow-x:hidden; text-align: center;
overflow-y:scroll; padding: 0.8em;
height:100%; display: block;
background: #343131; font-size: 100%;
z-index:200; z-index: 200;
scrollbar-base-color: #1F1D1D;
scrollbar-arrow-color: #b3b3b3;
scrollbar-shadow-color: #1F1D1D;
scrollbar-track-color : #343131;
li {
list-style:none;
margin-left: 0px;
&.divide-top {
border-top:solid 1px #404040;
} }
&.divide-bottom { // Links to Headers
border-bottom:solid 1px #404040;
}
&.current {
background:#e3e3e3;
a { a {
color:gray; display: block;
border-right:solid 1px #c9c9c9; position: relative;
padding:0.4045em 2.427em; line-height: 1.5em;
&:hover{ font-size: 90%;
background:#d6d6d6; color: $color-text-shadow;
}
}
}
a {
padding:0.4045em 1.618em;
position:relative;
border:none;
padding-left:1.618em -4px;
}
&.on a:hover {
background:#fcfcfc;
}
&.current>a:hover{
background:#fcfcfc;
}
}
.close-sidebar {
display: none;
}
header {
height:32px;
display:inline-block;
line-height:32px;
padding:0 1.618em;
display:block;
font-weight:bold;
text-transform:uppercase;
font-size:80%;
color: $color-primary;
white-space:nowrap;
}
ul {
margin-bottom:0;
}
li ul li a{
padding:0.4045em 2.427em;
}
li ul li ul li a{
padding:0.4045em 3.236em;
}
li.current ul{
display:block;
}
.local-toc li ul{
display:block;
}
li ul li a{
margin-bottom:0;
color:#b3b3b3;
font-weight:normal;
}
a {
display:inline-block;
line-height:18px;
padding:0.4045em 1.618em;
display:block;
position:relative;
font-size:90%;
color:#b3b3b3;
direction: ltr;
&:hover{ &:hover{
background-color:#4e4a4a; background-color: $color-background-med;
cursor:pointer; cursor:pointer;
} }
} }
// ToC Items
h2 { li {
z-index:200; list-style: none;
background-color: $dark-green; margin-left: 0px;
text-align:center;
padding:0.809em;
display:block;
color:#fcfcfc;
font-size: 100%;
margin-bottom:0.809em;
} }
// Reduce margins
ul {
margin-bottom: 0;
}
// Identation of headings
li {
// First level Headings
a{ padding: 0.4em 1.6em; }
ul li {
// Second level Headings
a{ padding: 0.4em 2.4em; }
ul li {
// Third
a { padding:0.4em 3.0em; }
ul li {
// Fourth
a { padding:0.4em 3.6em; }
}
}
}
}
// Do not display tags in the ToC // Do not display tags in the ToC
.tag { .tag {
display: none; display: none;
@ -134,76 +70,134 @@
// ul.nav li ul li {
// display: none;
// }
// ul.nav li ul li ul li {
// display: none;
// }
// ul.nav li.active ul li {
// display: inline;
// }
// ul.nav li.active ul li ul li {
// display: inline;
// }
// ul.nav li.active ul li a {
// background-color: #E3E3E3;
// color: #8099B0;
// border-right:solid 1px #c9c9c9 !important;
// }
// ul.nav li.active ul li.active a {
// background-color: #C9C9C9;
// color: black !important;
// font-weight: bold !important;
// }
// ul.nav li.active ul li.active ul li.active a {
// color: black !important;
// font-weight: bold !important;
// display: block !important;
// }
// ul.nav li.active ul li.active ul li a {
// color: #808080 !important;
// font-weight: normal !important;
// display: block !important;
// }
// ul.nav li.active ul li ul li a {
// display: none !important;
// }
// ul.nav li ul li ul li ul li {
// display: none !important;
// }
// ul.nav li.active > a {
// border-bottom:solid 1px #c9c9c9 !important;
// border-right:solid 1px #c9c9c9 !important;
// }
// ul.nav li.active a {
// color: gray !important;
// font-weight:bold;
// background-color: white;
// border-right:solid 0px white !important;
// }
// ul.nav > li.active > a {
// color: black !important;
// }
// #toggle-sidebar {
// display: none;
// }
ul.nav li ul li { // li {
display: none; // &.divide-top {
} // border-top:solid 1px #404040;
// }
ul.nav li ul li ul li { // &.divide-bottom {
display: none; // border-bottom:solid 1px #404040;
} // }
ul.nav li.active ul li { // &.current {
display: inline; // background:#e3e3e3;
}
ul.nav li.active ul li ul li { // a {
display: inline; // color: gray;
} // border-right: solid 1px #c9c9c9;
// padding: 0.4045em 2.427em;
// &:hover{
// background: #d6d6d6;
// }
// }
// }
ul.nav li.active ul li a { // a {
background-color: #E3E3E3; // // padding:0.4045em 1.618em;
color: #8099B0; // position:relative;
border-right:solid 1px #c9c9c9 !important; // border:none;
} // padding-left:1.618em -4px;
// }
ul.nav li.active ul li.active a { // &.on a:hover {
background-color: #C9C9C9; // background: #fcfcfc;
color: black !important; // }
font-weight: bold !important; // &.current>a:hover{
} // background: #fcfcfc;
// }
// }
ul.nav li.active ul li.active ul li.active a {
color: black !important;
font-weight: bold !important;
display: block !important;
}
ul.nav li.active ul li.active ul li a { // .close-sidebar {
color: #808080 !important; // display: none;
font-weight: normal !important; // }
display: block !important;
}
ul.nav li.active ul li ul li a {
display: none !important;
}
ul.nav li ul li ul li ul li { // li.current ul{
display: none !important; // display:block;
} // }
ul.nav li.active > a {
border-bottom:solid 1px #c9c9c9 !important;
border-right:solid 1px #c9c9c9 !important;
}
ul.nav li.active a { // .local-toc li ul{
color: gray !important; // display:block;
font-weight:bold; // }
background-color: white;
border-right:solid 0px white !important;
}
ul.nav > li.active > a {
color: black !important;
}
#toggle-sidebar { // li ul li a{
display: none; // margin-bottom:0;
} // color:#b3b3b3;
// font-weight:normal;
// }