User:Bluestone Bot/Sandbox: Difference between revisions
From YATA Wiki
Jump to navigationJump to search
(Created page with "<div> </span> </span> <div style="display: flex; justify-content: center; justify-content: space-evenly; margin: 10px"> <span class="plainlinks">[https://yatawiki.xyz/yatawiki/index.php/User:Bluestone_Bot/Sandbox <div style="background:yellow; border: 0.2em solid; border-color: green; width: 15rem; text-align: center;">This link will just lead you back here.</div>]</span> <div style="background:yellow; border: 0.2em solid; border-color: green; width: 15rem; text-align:...") |
m (pop-up window) |
||
| Line 30: | Line 30: | ||
<div style="border: black 3px solid; margin: 0.5em; width: 30%; position: relative"> | <div style="border: black 3px solid; margin: 0.5em; width: 30%; position: relative"> | ||
<div class="mw-collapsible" id="mw-customcollapsible-1" | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-1" | ||
style="background: #000000cc; position: absolute; width: 100%; height: 100%"> | style="background: #000000cc; position: absolute; width: 100%; height: 100%; display: grid; align-items: center;"> | ||
<div style="text-align: center; color: gold; background: #000000cc; border: gold 1px solid; padding: 1px"> | <div style="display: grid; align-items: center;"> | ||
<div style="text-align: center; color: gold; background: #000000cc; border: gold 1px solid; padding: 1px; width:80%; justify-self: center">Access classified information? Filler text to see if it can handle multiple lines.</div> | |||
<div style="display: flex; justify-content: space-evenly;"> | <div style="display: flex; justify-content: space-evenly;"> | ||
<div class="mw-customtoggle-2" style="text-align: center; color: green; background: #000000cc; border: green 1px solid; padding: 2px; margin: 2px">YES</div> | <div class="mw-customtoggle-2 mw-customtoggle-1" style="text-align: center; color: green; background: #000000cc; border: green 1px solid; padding: 2px; margin: 2px; width:3em">YES</div> | ||
<div class="mw-customtoggle-1"; style="text-align: center; color: red; background: #000000cc; border: red 1px solid; padding: 2px; margin: 2px">NO</div> | <div class="mw-customtoggle-1"; style="text-align: center; color: red; background: #000000cc; border: red 1px solid; padding: 2px; margin: 2px; width:3em">NO</div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="z-index: -1; padding: 0.5em;"> | <div style="z-index: -1; padding: 0.5em;"> | ||
<div class="mw-collapsible" id="mw-customcollapsible-2"> | |||
This is normal information with a bunch of filler text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span class="mw-customtoggle-1">[Inspect]</span> | |||
</div> | |||
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-2"> | |||
This is classified information with filler text. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <span class="mw-customtoggle-2">[Revert]</span> | |||
</div> | |||
</div> | </div> | ||
Latest revision as of 12:08, 8 January 2025
This link will just lead you back here.
This box does nothing.
This is another box that does nothing but it has a gradient.
This is a Hexagon with a border and a bit of filler text that is nice and centered.
Access classified information? Filler text to see if it can handle multiple lines.
YES
NO
This is normal information with a bunch of filler text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [Inspect]
This is classified information with filler text. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [Revert]
