Karen's notes and stuff

Useful Wiki Formatting/CSS Examples

Hide/Show page section

Title

---

This is some text explaining that this section is hidden.

⮟ Click for info ⮟

Hidden text is revealed!

== Title == 
This is some text explaining that this section is hidden.
<div style="text-align: center;" class="mw-customtoggle-myDivision">⮟ <u>Click for info</u> ⮟</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision" style="border: 1px solid #aaaaaa; background-color: #eeeeee; padding: 0.125em .5em;">
Hidden text is revealed!
</div>

Title

---

This section is shown by default, but can be hidden

⮝ Click to hide ⮝

Hidden text is revealed!

== Title ==
This section is shown by default, but can be hidden
<div style="text-align: center;" class="mw-customtoggle-myDivision2">⮝ <u>Click to hide</u> ⮝</div>
<div class="mw-collapsible" id="mw-customcollapsible-myDivision2" style="border: 1px solid #aaaaaa; background-color: #eeeeee; padding: 0.125em .5em;">
Hidden text is revealed!
</div>

Under Construction Bar

Example:

🚨 This page is under construction 🚨

Code:

<div style="border: 1px solid black; text-align: center; background: repeating-linear-gradient(134.9deg, #ffcc00, #ffcc00 20px, #555555 20px, #555555 40px);">
<span style="border: 1px solid black; background: white; padding: 4px 10px;"> 🚨 '''This page is under construction''' 🚨 </span>
</div>

Property Tags

Yellow-Tagged Tool

Please Ask Before Using

<div style="text-align: center;">
<div style="border: 1px solid #aaaaaa; background-color: #EEFF55; padding: .5em; border-radius: .5em; width:197px; display: inline-block">

{| style="width: 100%; text-align: center; border: 0px; padding: 0px; margin: 0px;"
| style="text-align: center; font-size: 1.25em; padding-bottom: none;" | '''Green-Tagged Tool'''
|-
| style="text-align: center; font-size: .9em; padding-top: -.5em;" | '''Anyone May Use'''
|}

</div>
</div>

Green-Tagged Tool

Anyone May Use

<div style="text-align: center;">
<div style="border: 1px solid #aaaaaa; background-color: #66DD44; padding: .5em; border-radius: .5em; width:197px; display: inline-block">

{| style="width: 100%; text-align: center; border: 0px; padding: 0px; margin: 0px;"
| style="text-align: center; font-size: 1.25em; padding-bottom: none;" | '''Green-Tagged Tool'''
|-
| style="text-align: center; font-size: .9em; padding-top: -.5em;" | '''Anyone May Use'''
|}

</div>
</div>