Wikipedia
nsowiki
https://nso.wikipedia.org/wiki/Letlakala_la_pele
MediaWiki 1.47.0-wmf.18
first-letter
Media
Special
Bolediša
Mošomi
Boledišana le Mošomi
Wikipedia
Dipolelo tša Wikipedia
Seswantšho
Poledišano ya Seswantšho
MediaWiki
Poledišano ya MediaWiki
Template
Poledišano ya Template
Thušo
Poledišano ya Thušo
Setensele
Poledišano ya Setensele
TimedText
TimedText talk
Module
Module talk
Event
Event talk
Mošomi:Derek J Moore
2
13815
55691
54832
2026-09-07T07:19:17Z
Derek J Moore
7077
will this work
55691
wikitext
text/x-wiki
@import "User:Derek_J_Moore/common.css";
{{Infobox
|name = Derek J Moore
|title = My Sandbox
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2 =
|data2 = {{{item_two| {{Kenya setshwantsho|Derek Moore|date=May 2026|cat3=Weblearning}} }}}
|label3 = First name
|data3 = {{{item_two| Derek }}}
|label4 = Last name
|data4 = {{{item_three|Moore}}}
|label5 = Website
|data5 = {{{item_four|weblearning.co.za}}}
}}
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
<div class="icon" id="icon">☀️</div>
<button id="themeToggle">
🌙 toggle
</button>
</div>
ng330lfeaby92o5p9ci1zd1j86v81kz
55692
55691
2026-09-07T07:21:23Z
Derek J Moore
7077
added
55692
wikitext
text/x-wiki
<templatestyles src="Derek_J_Moore/common.css" />
{{Infobox
|name = Derek J Moore
|title = My Sandbox
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2 =
|data2 = {{{item_two| {{Kenya setshwantsho|Derek Moore|date=May 2026|cat3=Weblearning}} }}}
|label3 = First name
|data3 = {{{item_two| Derek }}}
|label4 = Last name
|data4 = {{{item_three|Moore}}}
|label5 = Website
|data5 = {{{item_four|weblearning.co.za}}}
}}
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
<div class="icon" id="icon">☀️</div>
<button id="themeToggle">
🌙 toggle
</button>
</div>
9rslsym1wq1plpa59rrvkv975vusi7q
55694
55692
2026-09-07T08:57:20Z
Derek J Moore
7077
added
55694
wikitext
text/x-wiki
<templatestyles src="Derek_J_Moore/common.css" />
{{Infobox
|name = Derek J Moore
|title = My Sandbox
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2 =
|data2 = {{{item_two| {{Kenya setshwantsho|Derek Moore|date=May 2026|cat3=Weblearning}} }}}
|label3 = First name
|data3 = {{{item_two| Derek }}}
|label4 = Last name
|data4 = {{{item_three|Moore}}}
|label5 = Website
|data5 = {{{item_four|weblearning.co.za}}}
}}
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
lzge8xy2myxgqyoibelmlyszd6bspt4
55695
55694
2026-09-07T09:00:42Z
Derek J Moore
7077
row of streetlights
55695
wikitext
text/x-wiki
<templatestyles src="Derek_J_Moore/common.css" />
{{Infobox
|name = Derek J Moore
|title = My Sandbox
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2 =
|data2 = {{{item_two| {{Kenya setshwantsho|Derek Moore|date=May 2026|cat3=Weblearning}} }}}
|label3 = First name
|data3 = {{{item_two| Derek }}}
|label4 = Last name
|data4 = {{{item_three|Moore}}}
|label5 = Website
|data5 = {{{item_four|weblearning.co.za}}}
}}
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
</div>
gtbp4szb4l57m1cn29mo9dah25r96fp
55697
55695
2026-09-07T09:07:32Z
Derek J Moore
7077
added
55697
wikitext
text/x-wiki
<templatestyles src="Derek_J_Moore/common.css" />
{{Infobox
|name = Derek J Moore
|title = My Sandbox
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2 =
|data2 = {{{item_two| {{Kenya setshwantsho|Derek Moore|date=May 2026|cat3=Weblearning}} }}}
|label3 = First name
|data3 = {{{item_two| Derek }}}
|label4 = Last name
|data4 = {{{item_three|Moore}}}
|label5 = Website
|data5 = {{{item_four|weblearning.co.za}}}
}}
<div class="contain">
<div class="lamp-row">
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
</div>
</div>
</div>
epaoa304db9s6fnaxmtrk304r6kzdrg
55699
55697
2026-09-07T09:09:57Z
Derek J Moore
7077
only two
55699
wikitext
text/x-wiki
<templatestyles src="Derek_J_Moore/common.css" />
{{Infobox
|name = Derek J Moore
|title = My Sandbox
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2 =
|data2 = {{{item_two| {{Kenya setshwantsho|Derek Moore|date=May 2026|cat3=Weblearning}} }}}
|label3 = First name
|data3 = {{{item_two| Derek }}}
|label4 = Last name
|data4 = {{{item_three|Moore}}}
|label5 = Website
|data5 = {{{item_four|weblearning.co.za}}}
}}
<div class="contain">
<div class="lamp-row">
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
</div>
</div>
</div>
cpjlvvrmbckj80v4ceq1ar1xof3xhco
55701
55699
2026-09-07T09:21:44Z
Derek J Moore
7077
added toggle
55701
wikitext
text/x-wiki
<templatestyles src="Derek_J_Moore/common.css" />
{{Infobox
|name = Derek J Moore
|title = My Sandbox
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2 =
|data2 = {{{item_two| {{Kenya setshwantsho|Derek Moore|date=May 2026|cat3=Weblearning}} }}}
|label3 = First name
|data3 = {{{item_two| Derek }}}
|label4 = Last name
|data4 = {{{item_three|Moore}}}
|label5 = Website
|data5 = {{{item_four|weblearning.co.za}}}
}}
<div class="contain">
<div class="lamp-row">
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
</div>
<div class="icon" id="icon">☀️</div>
<div id="themeToggle">
🌙 toggle
</div>
</div>
</div>
tehe7yd2be2zwxr7k9jlr341wqujdle
55702
55701
2026-09-07T09:23:13Z
Derek J Moore
7077
removed toggle
55702
wikitext
text/x-wiki
<templatestyles src="Derek_J_Moore/common.css" />
{{Infobox
|name = Derek J Moore
|title = My Sandbox
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2 =
|data2 = {{{item_two| {{Kenya setshwantsho|Derek Moore|date=May 2026|cat3=Weblearning}} }}}
|label3 = First name
|data3 = {{{item_two| Derek }}}
|label4 = Last name
|data4 = {{{item_three|Moore}}}
|label5 = Website
|data5 = {{{item_four|weblearning.co.za}}}
}}
<div class="contain">
<div class="lamp-row">
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
<div class="container">
<div id="night" class="shade" ></div>
<div class="top-light"></div>
<div class="arm"></div>
<div class="pole"></div>
<div class="base"></div>
</div>
</div>
</div>
</div>
cpjlvvrmbckj80v4ceq1ar1xof3xhco
Template:Derek J Moore/common.css
10
14072
55693
2026-09-07T08:55:11Z
Derek J Moore
7077
added the codes and not the root
55693
sanitized-css
text/css
body {
margin: 0;
min-height: 100vh;
background: radial-gradient(
circle at 10% 20%,
#fff7d6 0%,
#dff3ff 35%,
#9ecff0 100%
);
transition: background 1s ease;
}
.container {
position: relative;
width: 250px;
height: 400px;
}
.shade {
display: block;
position: relative;
width: 100px;
top: 10px;
left: 50%;
transform: translateX(-50%);
border-top: 30px solid #2c3e50;
border-bottom: 30px solid transparent;
border-radius: 50%;
z-index: 40;
}
.top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid #c9c9ce;
border-right:15px solid #c9c9ce;
border-left:15px solid #c9c9ce;
top: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.pole {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 320px;
background: #2c3e50;
}
.base {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 20px;
background: #1a252f;
border-radius: 5px 5px 0 0;
}
.contain {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #999;
transition: color 0.3s, background-color 0.3s;
}
/* Floating theme control */
.icon,
#themeToggle {
position: fixed;
right: 25px;
z-index: 1000;
}
/* Sun / moon */
.icon {
top: 20px;
width: 45px;
height: 45px;
display: grid;
place-items: center;
font-size: 28px;
border-radius: 50%;
background: rgba(255,255,255,.35);
box-shadow:
0 8px 25px rgba(0,0,0,.15);
transition:
transform .5s ease,
background .5s ease;
}
/* Button */
#themeToggle {
top: 78px;
padding: 11px 17px;
border: 1px solid rgba(255,255,255,.3);
border-radius: 30px;
background: rgba(255,255,255,.45);
color: #263746;
font: 600 14px system-ui, sans-serif;
cursor: pointer;
box-shadow:
0 8px 25px rgba(0,0,0,.15);
transition:
transform .2s ease,
background .5s ease,
color .5s ease;
}
#themeToggle:hover {
transform: translateY(-2px);
}
/* Night */
body.night {
background: var(--radial-night);
}
body.night .top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid var(--primary);
border-right:15px solid var(--shadow-soft);
border-left:15px solid var(--shadow-soft);
top: 10px;
left: 50%;
transform: translateX(-50%);
border-radius: 50% 50% 10% 10%;
box-shadow: 0 0 30px #f1c40f;
z-index: 10;
}
body.night .icon {
background: rgba(30,30,30,.55);
transform: rotate(15deg);
}
body.night #themeToggle {
background: rgba(40,40,40,.65);
color: #fff;
border-color: rgba(255,255,255,.12);
}
mvto3k9xwapxw4g3ib8tu11aig3r4rq
55696
55693
2026-09-07T09:05:52Z
Derek J Moore
7077
added lamp row
55696
sanitized-css
text/css
body {
margin: 0;
min-height: 100vh;
background: radial-gradient(
circle at 10% 20%,
#fff7d6 0%,
#dff3ff 35%,
#9ecff0 100%
);
transition: background 1s ease;
}
.container {
position: relative;
width: 250px;
height: 400px;
}
.shade {
display: block;
position: relative;
width: 100px;
top: 10px;
left: 50%;
transform: translateX(-50%);
border-top: 30px solid #2c3e50;
border-bottom: 30px solid transparent;
border-radius: 50%;
z-index: 40;
}
.top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid #c9c9ce;
border-right:15px solid #c9c9ce;
border-left:15px solid #c9c9ce;
top: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.pole {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 320px;
background: #2c3e50;
}
.base {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 20px;
background: #1a252f;
border-radius: 5px 5px 0 0;
}
.contain {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #999;
transition: color 0.3s, background-color 0.3s;
}
.lamp-row {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 30px;
}
/* Floating theme control */
.icon,
#themeToggle {
position: fixed;
right: 25px;
z-index: 1000;
}
/* Sun / moon */
.icon {
top: 20px;
width: 45px;
height: 45px;
display: grid;
place-items: center;
font-size: 28px;
border-radius: 50%;
background: rgba(255,255,255,.35);
box-shadow:
0 8px 25px rgba(0,0,0,.15);
transition:
transform .5s ease,
background .5s ease;
}
/* Button */
#themeToggle {
top: 78px;
padding: 11px 17px;
border: 1px solid rgba(255,255,255,.3);
border-radius: 30px;
background: rgba(255,255,255,.45);
color: #263746;
font: 600 14px system-ui, sans-serif;
cursor: pointer;
box-shadow:
0 8px 25px rgba(0,0,0,.15);
transition:
transform .2s ease,
background .5s ease,
color .5s ease;
}
#themeToggle:hover {
transform: translateY(-2px);
}
/* Night */
body.night {
background: var(--radial-night);
}
body.night .top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid var(--primary);
border-right:15px solid var(--shadow-soft);
border-left:15px solid var(--shadow-soft);
top: 10px;
left: 50%;
transform: translateX(-50%);
border-radius: 50% 50% 10% 10%;
box-shadow: 0 0 30px #f1c40f;
z-index: 10;
}
body.night .icon {
background: rgba(30,30,30,.55);
transform: rotate(15deg);
}
body.night #themeToggle {
background: rgba(40,40,40,.65);
color: #fff;
border-color: rgba(255,255,255,.12);
}
smav8m9micvgzllw2k5w4ny7545v9k2
55698
55696
2026-09-07T09:09:07Z
Derek J Moore
7077
improve
55698
sanitized-css
text/css
body {
margin: 0;
min-height: 100vh;
background: radial-gradient(
circle at 10% 20%,
#fff7d6 0%,
#dff3ff 35%,
#9ecff0 100%
);
transition: background 1s ease;
}
.container {
position: relative;
width: 250px;
height: 400px;
}
.shade {
display: block;
position: relative;
width: 100px;
top: 10px;
left: 50%;
transform: translateX(-50%);
border-top: 30px solid #2c3e50;
border-bottom: 30px solid transparent;
border-radius: 50%;
z-index: 40;
}
.top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid #c9c9ce;
border-right:15px solid #c9c9ce;
border-left:15px solid #c9c9ce;
top: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.pole {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 320px;
background: #2c3e50;
}
.base {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 20px;
background: #1a252f;
border-radius: 5px 5px 0 0;
}
.contain {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #999;
transition: color 0.3s, background-color 0.3s;
}
.lamp-row {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 20px;
flex-wrap: wrap;
}
/* Floating theme control */
.icon,
#themeToggle {
position: fixed;
right: 25px;
z-index: 1000;
}
/* Sun / moon */
.icon {
top: 20px;
width: 45px;
height: 45px;
display: grid;
place-items: center;
font-size: 28px;
border-radius: 50%;
background: rgba(255,255,255,.35);
box-shadow:
0 8px 25px rgba(0,0,0,.15);
transition:
transform .5s ease,
background .5s ease;
}
/* Button */
#themeToggle {
top: 78px;
padding: 11px 17px;
border: 1px solid rgba(255,255,255,.3);
border-radius: 30px;
background: rgba(255,255,255,.45);
color: #263746;
font: 600 14px system-ui, sans-serif;
cursor: pointer;
box-shadow:
0 8px 25px rgba(0,0,0,.15);
transition:
transform .2s ease,
background .5s ease,
color .5s ease;
}
#themeToggle:hover {
transform: translateY(-2px);
}
/* Night */
body.night {
background: var(--radial-night);
}
body.night .top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid var(--primary);
border-right:15px solid var(--shadow-soft);
border-left:15px solid var(--shadow-soft);
top: 10px;
left: 50%;
transform: translateX(-50%);
border-radius: 50% 50% 10% 10%;
box-shadow: 0 0 30px #f1c40f;
z-index: 10;
}
body.night .icon {
background: rgba(30,30,30,.55);
transform: rotate(15deg);
}
body.night #themeToggle {
background: rgba(40,40,40,.65);
color: #fff;
border-color: rgba(255,255,255,.12);
}
maofviavb1e0dcvxbydt596237t6lk3
55700
55698
2026-09-07T09:12:31Z
Derek J Moore
7077
removed the body background
55700
sanitized-css
text/css
.container {
position: relative;
width: 250px;
height: 400px;
}
.shade {
display: block;
position: relative;
width: 100px;
top: 10px;
left: 50%;
transform: translateX(-50%);
border-top: 30px solid #2c3e50;
border-bottom: 30px solid transparent;
border-radius: 50%;
z-index: 40;
}
.top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid #c9c9ce;
border-right:15px solid #c9c9ce;
border-left:15px solid #c9c9ce;
top: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.pole {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 320px;
background: #2c3e50;
}
.base {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 20px;
background: #1a252f;
border-radius: 5px 5px 0 0;
}
.contain {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #999;
transition: color 0.3s, background-color 0.3s;
}
.lamp-row {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 20px;
flex-wrap: wrap;
}
/* Floating theme control */
.icon,
#themeToggle {
position: fixed;
right: 25px;
z-index: 1000;
}
/* Sun / moon */
.icon {
top: 20px;
width: 45px;
height: 45px;
display: grid;
place-items: center;
font-size: 28px;
border-radius: 50%;
background: rgba(255,255,255,.35);
box-shadow:
0 8px 25px rgba(0,0,0,.15);
transition:
transform .5s ease,
background .5s ease;
}
/* Button */
#themeToggle {
top: 78px;
padding: 11px 17px;
border: 1px solid rgba(255,255,255,.3);
border-radius: 30px;
background: rgba(255,255,255,.45);
color: #263746;
font: 600 14px system-ui, sans-serif;
cursor: pointer;
box-shadow:
0 8px 25px rgba(0,0,0,.15);
transition:
transform .2s ease,
background .5s ease,
color .5s ease;
}
#themeToggle:hover {
transform: translateY(-2px);
}
/* Night */
body.night {
background: var(--radial-night);
}
body.night .top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid var(--primary);
border-right:15px solid var(--shadow-soft);
border-left:15px solid var(--shadow-soft);
top: 10px;
left: 50%;
transform: translateX(-50%);
border-radius: 50% 50% 10% 10%;
box-shadow: 0 0 30px #f1c40f;
z-index: 10;
}
body.night .icon {
background: rgba(30,30,30,.55);
transform: rotate(15deg);
}
body.night #themeToggle {
background: rgba(40,40,40,.65);
color: #fff;
border-color: rgba(255,255,255,.12);
}
piy7hziavmxgq9j71xd73fhfnxvdmkm
55703
55700
2026-09-07T09:25:01Z
Derek J Moore
7077
removed unnecessary css
55703
sanitized-css
text/css
.container {
position: relative;
width: 250px;
height: 400px;
}
.shade {
display: block;
position: relative;
width: 100px;
top: 10px;
left: 50%;
transform: translateX(-50%);
border-top: 30px solid #2c3e50;
border-bottom: 30px solid transparent;
border-radius: 50%;
z-index: 40;
}
.top-light {
position: absolute;
height:0;
width:20px;
border-bottom:75px solid #c9c9ce;
border-right:15px solid #c9c9ce;
border-left:15px solid #c9c9ce;
top: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.pole {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 320px;
background: #2c3e50;
}
.base {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 20px;
background: #1a252f;
border-radius: 5px 5px 0 0;
}
.contain {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #999;
transition: color 0.3s, background-color 0.3s;
}
.lamp-row {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 20px;
flex-wrap: wrap;
}
d28u1esovs58enm1dqch68loqozzxrq