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 removed one line
At line 32 removed one line
{{{
At line 34 changed one line
/* hide the default jspwiki logo */
/* 1. HIDE DEFAULT LOGO & SETUP CUSTOM LOGO */
At line 37 removed 7 lines
/%
}}}
%%add-css
/* hide the default jspwiki logo */
a.logo { background:transparent; border:none; text-indent:-99em; }
a.logo b:before { content:""; }
/%
At line 45 removed 3 lines
{{{
%%add-css
/* put the clean-blue logo, attached to this page */
At line 55 changed 4 lines
/* add a fancy button like effect */
box-shadow:0 0 .25em white;
border-radius:2em;
box-shadow: 0 0 .25em white;
border-radius: 2em;
At line 61 removed 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 73 changed 14 lines
/* add a fancy button like effect */
box-shadow:0 0 .25em white;
border-radius:2em;
background-color: rgba(255,255,255,0.15);
}
/%
[{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) */
/* 2. FORCE DARK MODE & BACKGROUNDS */
At line 89 changed one line
background-color: #1a1a1a !important; /* Forces the very end of the page to be dark */
background-color: #1a1a1a !important;
At line 92 changed 8 lines
/* 2. Load Custom Fonts */
@import url(https://fonts.googleapis.com/css?family=Orbitron);
@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
/* 3. Global Styles & Backgrounds */
body, .page, #pagecontent {
body, .page, #pagecontent, .left-menu {
At line 102 removed 5 lines
}
/* 4. Issue 2: Left Menu - Blend into background */
.left-menu {
background-color: #1a1a1a !important;
At line 110 changed one line
/* 5. Font Assignments */
/* 3. FONTS & TITLES */
@import url(https://fonts.googleapis.com/css?family=Orbitron);
@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
At line 116 changed 4 lines
/* 6. Issue 1: "J" Visibility */
/* Target the title specifically to make sure it is light blue */
h1.pagename, .h1.pagename {
color: #87ceeb !important;
/* Fix "J" Visibility and Page Titles */
h1.pagename, .h1.pagename, .dropcap, .h1.pagename span {
color: #87ceeb !important;
At line 122 changed 16 lines
/* 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 */
/* 4. TABLES & ZEBRA STRIPES */
At line 144 changed one line
/* LIGHTER GREY STRIPE: #333333 */
/* Light Grey Stripe for Mobile/Web */
At line 151 changed one line
/* 9. Link Visibility */
/* 5. LINKS & INTERACTION */
At line 157 changed one line
/* 10. Input box adjustment for Mobile */
/* 6. INPUTS & SEARCH BOX */
At line 164 removed one line
/%
At line 166 changed 5 lines
/* 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;
/* 7. IMAGE STYLING */
#owls-logo img {
max-width: 100%;
height: auto;
display: block;
margin: 10px auto;
border-radius: 8px;
At line 112 added one line
/%
At line 173 changed 5 lines
/* 6. Link Visibility */
a, a:link, a:visited {
color: #87ceeb !important;
text-decoration: none;
}
[{SET page-styles='prettify'}]
This is an example page, using alternative fonts loaded from [Google's fonts repository|https://www.google.com/fonts].
At line 179 changed 8 lines
/* 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 188 changed one line
!!!Header in Orbitorn font
!!!Header in Orbitron font
At line 192 changed one line
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.
This is just some sample in the default template font.
At line 196 changed one line
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.
This is just some %%text-primary %~%handwritten /% "Indie Flower" font sample.
At line 200 removed one line
This page (revision-30) was last changed on 15-Mar-2026 01:16 by ajpTop