|
|
| Line 12: |
Line 12: |
| *[https://yatawiki.xyz/yatawiki/index.php/Category:Bluestone.Bot%27s_OCs Original Characters] | | *[https://yatawiki.xyz/yatawiki/index.php/Category:Bluestone.Bot%27s_OCs Original Characters] |
|
| |
|
| </span>
| | === Link to my Sandbox === |
| </span>
| | This I use to tinker with work-arounds to Yata wikis strange "only some CSS for all" environment. |
| <div style="display: flex; justify-content: center; justify-content: space-evenly; margin: 10px">
| | *[[User:Bluestone_Bot/Sandbox]] |
| <span class="plainlinks">[https://yatawiki.xyz/yatawiki/index.php/User:Bluestone_Bot <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: center;">This box does nothing.</div>
| |
| </div>
| |
| <div style="display: none; justify-content: center; justify-content: space-evenly;">
| |
| <span class="plainlinks">[https://yatawiki.xyz/yatawiki/index.php/User:Bluestone_Bot <div style="background:yellow; border: 0.2em solid; border-color: green; padding: 0em 0em 0em 0.5em; width: 240px">This link will just lead you back here.</div>]</span>
| |
| <div style="background:yellow; border: 0.2em solid; border-color: green; padding: 0em 0em 0em 0.5em; width: 240px">This box does nothing.</div>
| |
| </div>
| |
| <div style="text-align: center; background:yellow; border: 5px solid; border-radius: 10px; border-image: linear-gradient(to bottom right, green, red) 1; margin: 0.5em;">This is another box that does nothing but it has a gradient.</div>
| |
| | |
| <div style="height: 10em;
| |
| aspect-ratio: 1/cos(60deg);
| |
| clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
| |
| background: #00000066;">
| |
| <div style="height:90%;
| |
| aspect-ratio: inherit;
| |
| clip-path: inherit;
| |
| background: #00000066;
| |
| position:relative; left:5%; top:5%;">
| |
| <div style="padding: 5% 20% 5% 20%; text-align: center;">
| |
| This is a Hexagon with a border and a bit of filler text that is nice and centered.
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div style="border: black 3px solid; margin: 0.5em; width: 30%; position: relative">
| |
| | |
| <div class="mw-collapsible" id="mw-customcollapsible-1"
| |
| style="background: #000000cc; position: absolute; width: 100%; height: 100%">
| |
| | |
| <div style="text-align: center; color: gold; background: #000000cc; border: gold 1px solid; padding: 1px">Inspect element?</div>
| |
| | |
| <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-1"; style="text-align: center; color: red; background: #000000cc; border: red 1px solid; padding: 2px; margin: 2px">NO</div>
| |
| | |
| </div>
| |
| </div>
| |
| | |
| <div style="z-index: -1; padding: 0.5em;">
| |
| Testing. <span class="mw-customtoggle-1">[Inspect]</span>
| |
| </div>
| |
| | |
| </div>
| |
|
| |
|
| </div> | | </div> |
| [[Category:User Pages]] | | [[Category:User Pages]] |
