Add home and custom.css

+# My Precious

+

+[[_TOC_]]

+/* Dracula Colour Scheme Colours */

+

+:root {

+ --background: #282a36;

+ --current: #44475a;

+ --foreground: #f8f8f2;

+ --comment: #6272a4;

+ --cyan: #8be9fd;

+ --green: #50fa7b;

+ --orange: #ffb86c;

+ --pink: #ff79c6;

+ --purple: #bd93f9;

+ --red: #ff5555;

+ --yellow: #f1fa8c;

+}

+

+/* Colours for Syntax Highlighting */

+

+.hll, .highlight .hll { background-color: var(--background) } /* Background */

+.c, .highlight .c { color: var(--comment) } /* Comment */

+.err, .highlight .err { color: var(--foreground); border: 1px solid var(--red) } /* Error */

+.esc, .highlight .esc { color: var(--foreground) } /* Escape */

+.g, .highlight .g { color: var(--foreground) } /* Generic */

+.k, .highlight .k { color: var(--cyan) } /* Keyword */

+.l, .highlight .l { color: var(--foreground) } /* Literal */

+.n, .highlight .n { color: var(--foreground) } /* Name */

+.o, .highlight .o { color: var(--pink) } /* Operator */

+.x, .highlight .x { color: var(--foreground) } /* Other */

+.p, .highlight .p { color: var(--foreground) } /* Punctuation */

+.ch, .highlight .ch { color: var(--comment) } /* Comment.Hashbang */

+.cm, .highlight .cm { color: var(--comment) } /* Comment.Multiline */

+.cp, .highlight .cp { color: var(--comment) } /* Comment.Preproc */

+.cpf, .highlight .cpf { color: var(--comment) } /* Comment.PreprocFile */

+.c1, .highlight .c1 { color: var(--comment) } /* Comment.Single */

+.cs, .highlight .cs { color: var(--red); font-weight: bold } /* Comment.Special */

+.gd, .highlight .gd { color: var(--red) } /* Generic.Deleted */

+.ge, .highlight .ge { color: var(--foreground); font-style: italic } /* Generic.Emph */

+.gr, .highlight .gr { color: var(--red) } /* Generic.Error */

+.gh, .highlight .gh { color: var(--comment); font-weight: bold } /* Generic.Heading */

+.gi, .highlight .gi { color: var(--green) } /* Generic.Inserted */

+.go, .highlight .go { color: var(--comment) } /* Generic.Output */

+.gp, .highlight .gp { color: var(--comment); font-weight: bold } /* Generic.Prompt */

+.gs, .highlight .gs { color: var(--foreground); font-weight: bold } /* Generic.Strong */

+.gu, .highlight .gu { color: var(--purple); font-weight: bold } /* Generic.Subheading */

+.gt, .highlight .gt { color: var(--red) } /* Generic.Traceback */

+.kc, .highlight .kc { color: var(--cyan) } /* Keyword.Constant */

+.kd, .highlight .kd { color: var(--green) } /* Keyword.Declaration */

+.kn, .highlight .kn { color: var(--pink) } /* Keyword.Namespace */

+.kp, .highlight .kp { color: var(--green) } /* Keyword.Pseudo */

+.kr, .highlight .kr { color: var(--green) } /* Keyword.Reserved */

+.kt, .highlight .kt { color: var(--green) } /* Keyword.Type */

+.ld, .highlight .ld { color: var(--foreground) } /* Literal.Date */

+.m, .highlight .m { color: var(--cyan) } /* Literal.Number */

+.s, .highlight .s { color: var(--yellow) } /* Literal.String */

+.na, .highlight .na { color: var(--foreground) } /* Name.Attribute */

+.nb, .highlight .nb { color: var(--cyan) } /* Name.Builtin */

+.nc, .highlight .nc { color: var(--purple) } /* Name.Class */

+.no, .highlight .no { color: var(--foreground) } /* Name.Constant */

+.nd, .highlight .nd { color: var(--foreground) } /* Name.Decorator */

+.ni, .highlight .ni { color: var(--foreground) } /* Name.Entity */

+.ne, .highlight .ne { color: var(--yellow); font-weight: bold } /* Name.Exception */

+.nf, .highlight .nf { color: var(--foreground) } /* Name.Function */

+.nl, .highlight .nl { color: var(--foreground) } /* Name.Label */

+.nn, .highlight .nn { color: var(--foreground) } /* Name.Namespace */

+.nx, .highlight .nx { color: var(--foreground) } /* Name.Other */

+.py, .highlight .py { color: var(--foreground) } /* Name.Property */

+.nt, .highlight .nt { color: var(--foreground) } /* Name.Tag */

+.nv, .highlight .nv { color: var(--purple) } /* Name.Variable */

+.ow, .highlight .ow { color: var(--green) } /* Operator.Word */

+.w, .highlight .w { color: var(--foreground) } /* Text.Whitespace */

+.mb, .highlight .mb { color: var(--purple) } /* Literal.Number.Bin */

+.mf, .highlight .mf { color: var(--purple) } /* Literal.Number.Float */

+.mh, .highlight .mh { color: var(--purple) } /* Literal.Number.Hex */

+.mi, .highlight .mi { color: var(--purple) } /* Literal.Number.Integer */

+.mo, .highlight .mo { color: var(--purple) } /* Literal.Number.Oct */

+.sa, .highlight .sa { color: var(--yellow) } /* Literal.String.Affix */

+.sb, .highlight .sb { color: var(--yellow) } /* Literal.String.Backtick */

+.sc, .highlight .sc { color: var(--yellow) } /* Literal.String.Char */

+.dl, .highlight .dl { color: var(--yellow) } /* Literal.String.Delimiter */

+.sd, .highlight .sd { color: var(--yellow) } /* Literal.String.Doc */

+.s2, .highlight .s2 { color: var(--yellow) } /* Literal.String.Double */

+.se, .highlight .se { color: var(--yellow) } /* Literal.String.Escape */

+.sh, .highlight .sh { color: var(--yellow) } /* Literal.String.Heredoc */

+.si, .highlight .si { color: var(--yellow) } /* Literal.String.Interpol */

+.sx, .highlight .sx { color: var(--yellow) } /* Literal.String.Other */

+.sr, .highlight .sr { color: var(--yellow) } /* Literal.String.Regex */

+.s1, .highlight .s1 { color: var(--yellow) } /* Literal.String.Single */

+.ss, .highlight .ss { color: var(--yellow) } /* Literal.String.Symbol */

+.bp, .highlight .bp { color: var(--cyan) } /* Name.Builtin.Pseudo */

+.fm, .highlight .fm { color: var(--foreground) } /* Name.Function.Magic */

+.vc, .highlight .vc { color: var(--purple) } /* Name.Variable.Class */

+.vg, .highlight .vg { color: var(--purple) } /* Name.Variable.Global */

+.vi, .highlight .vi { color: var(--purple) } /* Name.Variable.Instance */

+.vm, .highlight .vm { color: var(--purple) } /* Name.Variable.Magic */

+.il, .highlight .il { color: var(--cyan) } /* Literal.Number.Integer.Long */

+

+body, html,

+.history h1 strong,

+.edit h1 strong,

+.results h1 strong,

+.compare h1 strong,

+.highlight,

+#gollum-editor textarea,

+#wiki-history table tr td.author a {

+ background-color: var(--background);

+ color: var(--foreground);

+}

+

+.markdown-body h1,

+.markdown-body h2,

+.markdown-body h3,

+.markdown-body h4,

+.markdown-body h5,

+.markdown-body h6 {

+ color: var(--purple);

+}

+

+.tableblock {

+ background-color: var(--current);

+}

+

+.header-title {

+ color: var(--foreground)

+}

+

+.markdown-body pre {

+ background-color: var(--current);

+}

+

+.Box,

+.Box-header,

+.Box-row {

+ background-color: var(--background);

+}

+

+/* Highlight of search results */

+.bg-green-light {

+ background-color: var(--purple) !important;

+ ;

+}

+

+.Box-row:hover {

+ background-color: var(--current);

+}

+

+/* Regular buttons */

+.btn {

+ background-color: var(--current);

+ color: var(--foreground);

+ border-color: var(--purple);

+}

+.btn:hover {

+ background-color: var(--background);

+ color: var(--foreground);

+ border-color: var(--purple);

+}

+

+/* Button with symbols */

+.btn.btn-outline {

+ background-color: var(--current);

+ color: var(--foreground);

+ border-color: var(--purple);

+}

+.btn.btn-outline:hover {

+ background-color: var(--background);

+}

+

+/* Buttons with hash in file history */

+.btn.btn-outline.text-mono {

+ background-color: var(--current);

+ color: var(--foreground);

+ border-color: var(--purple);

+ height: 32px;

+ line-height: 24px;

+}

+.btn.btn-outline.text-mono:hover {

+ background-color: var(--background);

+}

+

+

+.btn.primary {

+ background-color: var(--current);

+ color: var(--foreground);

+ border-color: var(--purple);

+}

+

+/* Buttons in header and footer */

+.btn.btn-sm {

+ background-color: var(--current);

+ color: var(--foreground);

+ border-color: var(--purple);

+ height: 32px;

+ line-height: 24px;

+}

+.btn.btn-sm:hover {

+ background-color: var(--background);

+}

+.btn.BtnGroup-item.btn-sm {

+ background-color: var(--current);

+ color: var(--foreground);

+ border-color: var(--purple);

+}

+.btn.BtnGroup-item.btn-sm:hover {

+ background-color: var(--background);

+}

+

+/* Center trash button */

+.btn.btn-sm.float-right.delete-file {

+ height: 32px;

+ margin-top: -7px;

+}

+

+.form-control {

+ height: 32px;

+ font-size: 12px;

+}

+

+/* Links to previous and next page */

+#prev.previous_page,

+#next.next_page {

+ color: var(--pink);

+}

+#prev.previous_page.disabled,

+#next.next_page.disabled {

+ color: var(--comment);

+}

+

+/* Tab bar in edit mode */

+.tabnav {

+ border-color: var(--purple);

+ border-radius: 6px 6px 0 0;

+}

+

+/* Inactive tab */

+.tabnav-tab {

+ background-color: var(--comment);

+ border-color: var(--purple);

+ border-radius: 6px 6px 0 0;

+ color: var(--foreground) !important;

+}

+

+/* Active tab */

+.tabnav-tab.selected, .tabnav-tab[aria-selected="true"], .tabnav-tab[aria-current]:not([aria-current="false"]) {

+ background-color: var(--background);

+ border-color: var(--purple);

+ border-radius: 6px 6px 0 0;

+ color: var(--foreground);

+}

+

+/* All SVG symbols */

+.octicon.octicon-trash,

+.octicon.octicon-bold,

+.octicon.octicon-italic,

+.octicon.octicon-code,

+.octicon.octicon-list-unordered,

+.octicon.octicon-list-ordered,

+.octicon.octicon-quote,

+.octicon.octicon-horizontal-rule,

+.octicon.octicon-link,

+.octicon.octicon-image,

+.octicon.octicon-arrow-both,

+.octicon.octicon-question {

+ color: var(--foreground);

+}

+

+#gollum-dialog-dialog-inner {

+ background-color: var(--background);

+}

+

+#gollum-dialog-dialog-body,

+#gollum-dialog-dialog-title h4 {

+ color: var(--foreground);

+}

+

+/* Buttons on "Create New Page" dialog */

+#gollum-dialog-action-ok,

+#gollum-dialog-action-cancel {

+ background-color: var(--current);

+ border-color: var(--purple);

+ text-align: center;

+ line-height: initial;

+}

+

+#gollum-dialog-dialog-body fieldset .field label {

+ color: var(--foreground);

+}

+

+#gollum-dialog-dialog-body fieldset .field span.context {

+ color: var(--comment);

+}

+

+#gollum-editor-help {

+ border-color: var(--purple);

+ border-radius: 6px 6px 0 0;

+}

+

+#gollum-editor-help-content p {

+ color: var(--background);

+}

+

+#gollum-autorecover-msg {

+ background-color: var(--purple);

+}

+

+#edit-content,

+#gollum-editor,

+#gollum-editor-form,

+#gollum-editor-function-bar,

+#gollum-editor-format-selector,

+#gollum-editor-fields {

+ background-color: var(--background);

+ border-color: var(--purple);

+ border: none !important;

+}

+

+#gollum-editor #gollum-editor-function-bar #gollum-editor-format-selector select {

+ background-color: var(--current);

+ border-color: var(--purple);

+ color: var(--foreground);

+}

+

+#head #searchbar #searchbar-fauxtext input#search-query,

+#gollum-editor .singleline input,

+#head #searchbar #searchbar-fauxtext {

+ background: var(--current);

+ border-color: var(--purple);

+ color: var(--pink);

+}

+

+#head #searchbar #searchbar-fauxtext input#search-query.ph,

+#gollum-editor .singleline input.ph,

+#wiki-history table tr td.commit-name span.time-elapsed,

+#footer p#last-edit,

+#gollum-editor #gollum-editor-function-bar #gollum-editor-format-selector label,

+.history h1 {

+ color: var(--foreground);

+}

+

+#gollum-editor-function-buttons {

+ padding-top: 0.2em !important;

+}

+

+#head #searchbar #searchbar-fauxtext #search-submit span {

+ background-position: -431px -28px;

+}

+

+#head #searchbar #searchbar-fauxtext #search-submit:hover span {

+ background-position: -431px -3px;

+ padding: 0;

+}

+

+.markdown-body code,

+.markdown-body tt {

+ border: 1px solid var(--purple);

+ background-color: var(--background);

+}

+

+#wiki-history table tr {

+ background-color: var(--background);

+}

+

+#wiki-history table tr:nth-child(2n),

+#wiki-history table tr.alt-row {

+ background-color: var(--background);

+}

+

+#wiki-history table tr.selected {

+ background-color: var(--cyan) !important;

+}

+

+/* Don't change colour when hovering over link or when already visited */

+a:link,

+a:hover,

+a:visited {

+ color: var(--pink);

+}

+

+/* Absent links */

+.markdown-body a.absent {

+ color: var(--pink) !important;

+}

+

+.highlight .err,

+.highlight .gd,

+.highlight .gd .x,

+.highlight .gi,

+.highlight .gi .x,

+.highlight .gc {

+ background-color: var(--background);

+}

+

+.compare .data td.line_numbers {

+ background: var(--current);

+ border-color: var(--foreground);

+ color: var(--foreground);

+}

+

+.compare .data {

+ border-color: var(--purple);

+}

+

+@media all and (min-width: 940px) {

+ #gollum-editor {

+ border: 1px solid var(--purple);

+ background: var(--background);

+ }

+}

+

+@media all and (min-width: 940px) {

+ a#function-bold:hover span { background-position: 0 0; }

+ a#function-italic:hover span { background-position: -27px 0; }

+ a#function-underline:hover span { background-position: -54px 0; }

+ a#function-code:hover span { background-position: -82px 0; }

+ a#function-ul:hover span { background-position: -109px 0; }

+ a#function-ol:hover span { background-position: -136px 0; }

+ a#function-blockquote:hover span { background-position: -163px 0; }

+ a#function-hr:hover span { background-position: -190px 0; }

+ a#function-h1:hover span { background-position: -217px 0; }

+ a#function-h2:hover span { background-position: -244px 0; }

+ a#function-h3:hover span { background-position: -271px 0; }

+ a#function-link:hover span { background-position: -298px 0; }

+ a#function-image:hover span { background-position: -324px 0; }

+ a#function-help:hover span { background-position: -405px 0; }

+

+ a#function-bold span { background-position: 0 -28px; }

+ a#function-italic span { background-position: -27px -28px; }

+ a#function-underline span { background-position: -54px -28px; }

+ a#function-code span { background-position: -82px -28px; }

+ a#function-ul span { background-position: -109px -28px; }

+ a#function-ol span { background-position: -136px -28px; }

+ a#function-blockquote span { background-position: -163px -28px; }

+ a#function-hr span { background-position: -190px -28px; }

+ a#function-h1 span { background-position: -217px -28px; }

+ a#function-h2 span { background-position: -244px -28px; }

+ a#function-h3 span { background-position: -271px -28px; }

+ a#function-link span { background-position: -298px -28px; }

+ a#function-image span { background-position: -324px -28px; }

+ a#function-help span { background-position: -405px -28px; }

+}

+

+/* Don't let pygmentize's definitions mess up MathJax */

+.MathJax * {

+ color: var(--foreground) !important;

+}