Discuss Karen Englebeck

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 for info 🔻

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 for info</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

🚨 This page is under construction 🚨

<div style="border: 1px solid black; text-align: center; background: repeating-linear-gradient(134.8deg, #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>