This page (revision-30) was last changed on 15-Mar-2026 01:16 by ajp

This page was created on 07-Apr-2023 22:29 by unknown

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Page revision history

Version Date Modified Size Author Changes ... Change note
30 15-Mar-2026 01:16 3 KB ajp to previous
29 15-Mar-2026 01:15 3 KB ajp to previous | to last
28 15-Mar-2026 01:14 3 KB ajp to previous | to last
27 15-Mar-2026 01:13 3 KB ajp to previous | to last
26 15-Mar-2026 00:50 3 KB ajp to previous | to last
25 15-Mar-2026 00:50 3 KB ajp to previous | to last
24 15-Mar-2026 00:48 3 KB ajp to previous | to last
23 15-Mar-2026 00:46 3 KB ajp to previous | to last
22 15-Mar-2026 00:45 3 KB ajp to previous | to last
21 14-Mar-2026 23:38 3 KB ajp to previous | to last

Page References

Incoming links Outgoing links
CustomizedCSS
CustomizedCSS

Version management

Difference between version and

At line 8 added one line
At line 32 added one line
{{{
At line 32 changed one line
/* 1. LOGO STYLING */
/* hide the default jspwiki logo */
At line 37 added 11 lines
/%
}}}
%%add-css
/* hide the default jspwiki logo */
a.logo { background:transparent; border:none; text-indent:-99em; }
a.logo b:before { content:""; }
/%
{{{
%%add-css
/* put the clean-blue logo, attached to this page */
At line 42 changed 2 lines
box-shadow: 0 0 .25em white;
border-radius: 2em;
/* add a fancy button like effect */
box-shadow:0 0 .25em white;
border-radius:2em;
At line 61 added 11 lines
/%
}}}
%%add-css
/* put the clean-blue logo, attached to this page */
a.logo {
background: url([owls.png]);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 60px;
width: 120px;
At line 47 changed 13 lines
/* 2. THE BIG DARK MODE FIX: SIDBAR, BACKGROUND, & FOOTER */
/* Added .sidebar and .sidebar-wrapper for your sidebar fix */
html, body, #wrap, .main, .wikibody, #pagecontent, .page, .container, .footer,
.footer-wrapper, .left-menu, #leftmenu, .sidebar, .sidebar-wrapper, .sidebar-content, .well {
background-color: #1a1a1a !important;
background-image: none !important;
color: #f0f0f0 !important;
border: none !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
min-height: 100vh !important;
color-scheme: dark !important;
box-shadow: none !important; /* Removes any side-shadows on the sidebar */
/* add a fancy button like effect */
box-shadow:0 0 .25em white;
border-radius:2em;
background-color: rgba(255,255,255,0.15);
At line 78 added one line
/%
At line 62 changed 5 lines
/* 3. THE "J" (DROPCAPS) AND TITLE FIX */
.dropcaps, .dropcap {
color: #87ceeb !important;
display: inline-block !important;
opacity: 1 !important;
[{SET page-styles='prettify'}]
This is an example page, using alternative fonts loaded from [Google's fonts repository|https://www.google.com/fonts].
----
%%add-css
/* 1. Force Browser Dark Mode (Addresses Issue 3 - White Space) */
:root, html, body {
color-scheme: dark !important;
background-color: #1a1a1a !important; /* Forces the very end of the page to be dark */
At line 68 removed 3 lines
.lead {
color: #f0f0f0 !important;
}
At line 72 changed one line
/* 4. FONTS */
/* 2. Load Custom Fonts */
At line 98 added 13 lines
/* 3. Global Styles & Backgrounds */
body, .page, #pagecontent {
background-color: #1a1a1a !important;
color: #f0f0f0 !important;
}
/* 4. Issue 2: Left Menu - Blend into background */
.left-menu {
background-color: #1a1a1a !important;
border: none !important;
}
/* 5. Font Assignments */
At line 83 changed one line
/* 5. TABLES & ZEBRA STRIPES */
/* 6. Issue 1: "J" Visibility */
/* Target the title specifically to make sure it is light blue */
h1.pagename, .h1.pagename {
color: #87ceeb !important;
}
/* Ensure the large dropcap "J" is readable on a dark background */
.dropcap, .h1.pagename span {
color: #f0f0f0 !important;
}
/* 7. Issue 4: Image Correction */
/* Target our custom image ID to make sure it displays correctly */
#owls-logo img {
max-width: 100%; /* Ensures it scales on mobile */
height: auto;
display: block;
margin: 10px auto; /* Centers the image and adds some space */
border-radius: 8px; /* Optional: adds a nice soft corner */
}
/* 8. Table/Zebra Fix */
At line 143 added 2 lines
/* LIGHTER GREY STRIPE: #333333 */
At line 95 changed one line
/* 6. LINKS & BUTTONS */
/* 9. Link Visibility */
At line 101 changed one line
/* 7. INPUTS & SEARCH */
/* 10. Input box adjustment for Mobile */
At line 164 added one line
/%
At line 109 changed 7 lines
/* 8. IMAGE STYLING */
#owls-logo img, img[src*='guitarBibleLgr'] {
max-width: 100%;
height: auto;
display: block;
margin: 10px auto;
border-radius: 8px;
/* LIGHTER GREY STRIPE: Changed from #222 to #333 */
.table-striped > tbody > tr:nth-of-type(odd) > td,
.table-striped > tbody > tr:nth-of-type(odd) > th,
tr.odd td, td.odd {
background-color: #333333 !important;
At line 117 removed one line
/%
At line 119 changed 2 lines
[{SET page-styles='prettify'}]
This is an example page, using alternative fonts loaded from [Google's fonts repository|https://www.google.com/fonts].
/* 6. Link Visibility */
a, a:link, a:visited {
color: #87ceeb !important;
text-decoration: none;
}
At line 122 changed one line
----
/* 7. Input box adjustment for Mobile */
input, .filter, #filter {
background-color: #333 !important;
color: #fff !important;
border: 1px solid #555 !important;
padding: 5px;
}
/%
At line 124 changed one line
!!!Header in Orbitron font
!!!Header in Orbitorn font
At line 128 changed one line
This is just some sample in the default template font.
This is just some sample in the default template font. Don’t even bother reading it; you will just waste your time. Why do you keep reading? Do I have to use Lorem Ipsum to stop you? OK, here goes: Lorem ipsum dolor sit amet, consectetur adipi sicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Still reading? Gosh, you’re impossible. I’ll stop here to spare you.
At line 132 changed one line
This is just some %%text-primary %~%handwritten /% "Indie Flower" font sample.
This is just some %%text-primary %~%handwritten /% "Indie Flower" font sample. Don’t even bother reading it; you will just waste your time. Why do you keep reading? Do I have to use Lorem Ipsum to stop you? OK, here goes: Lorem ipsum dolor sit amet, consectetur adipi sicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Still reading? Gosh, you’re impossible. I’ll stop here to spare you.
At line 200 added one line
This page (revision-30) was last changed on 15-Mar-2026 01:16 by ajpTop