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 29 removed one line
[{Image id='owls-logo' src='owls.png' alt='Jesus Bible Songs'}]
At line 31 added 4 lines
[{Image src='owls.png'}]
{{{
At line 32 changed one line
/* 1. LOGO STYLING */
/* hide the default jspwiki logo */
At line 39 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 63 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 80 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
/* Force Dark Mode Colors for all users */
:root, html, body {
color-scheme: dark !important;
At line 68 removed 3 lines
.lead {
color: #f0f0f0 !important;
}
At line 72 removed one line
/* 4. FONTS */
At line 78 changed 4 lines
pre, tt { font-family: "Source Code Pro"; font-size: 66%; }
.handwritten { font-family: "Indie Flower"; font-size: 110%; }
.pagename, h2 { font-family: "Orbitron"; }
h3, h4 { font-family: "Great Vibes"; color: rgb(232, 48, 79); }
pre, tt {font-family:"Source Code Pro" ;font-size:66%;}
.handwritten { font-family: "Indie Flower"; font-size:110%;}
.pagename, h2 { font-family: "Orbitron";}
h3,h4 { font-family:"Great Vibes"; color:rgb(232, 48, 79);}
At line 83 changed 11 lines
/* 5. TABLES & ZEBRA STRIPES */
table, .table, tr, td, th {
background-color: #1a1a1a !important;
color: #f0f0f0 !important;
border-color: #333 !important;
}
.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;
}
/* Ensure background is dark if the theme didn't load */
body { background-color: #1a1a1a !important; color: #f0f0f0 !important; }
.page { background-color: #222 !important; border: none !important; }
At line 95 changed 5 lines
/* 6. LINKS & BUTTONS */
a, a:link, a:visited {
color: #87ceeb !important;
text-decoration: none;
}
/* FIX FOR READABILITY: This line turns all the links to a readable Sky Blue */
a { color: #87ceeb !important; } /* SkyBlue */
At line 101 changed 6 lines
/* 7. INPUTS & SEARCH */
input, .filter, #filter {
background-color: #333 !important;
color: #fff !important;
border: 1px solid #555 !important;
padding: 5px;
/* Make table rows dark so light blue text is readable on both stripes */
.table-striped tbody tr:nth-of-type(odd) {
background-color: #2a2a2a !important;
At line 114 added 3 lines
.table-striped tbody tr:nth-of-type(even) {
background-color: #1a1a1a !important;
}
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;
/* Optional: Make the text hover color pop */
.table-striped tbody tr:hover {
background-color: #333 !important;
At line 119 changed 6 lines
[{SET page-styles='prettify'}]
This is an example page, using alternative fonts loaded from [Google's fonts repository|https://www.google.com/fonts].
----
!!!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 136 added one line
This page (revision-30) was last changed on 15-Mar-2026 01:16 by ajpTop