|
|
| (56 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| {{#css:
| | <poem> |
| .bar { | | äː äː äː m.m.mɘɾ̞ɚwəːl |
| width: 50px;
| | θɻ̩ʷ.æː ʔɪs sliːj lij lij |
| display:inline-block;
| | ɜɾɚwəɾ ɪt͡späəɾ ɪz ðət̚ fɜ̘wl̩ |
| }
| | βij.i.i ʔɜn ðɜɻʷ b̥ij |
| .bar00 { height: 20px; background-color: red; } | | ɐːʔɐʔɐʔɐ ʔɪs ʔɪnˑɪŋ liːj |
| .bar01 { height: 40px; background-color: orange; } | | ɛ̝nə.ɔʔ zɪ̆n se̞j ɵ mij |
| .bar02 { height: 60px; background-color: yellow; }
| | ʔɪs ʔɐʔ ʔɐʔ ʔɘ̹aʔ ʔɘ̹aʔ |
| .bar03 { height: 80px; background-color: green; } | | ʔɐʔ ʔɐʔ ʔɐʔ ʔɐʔ ʔɘ̹aʔ ʔɘ̹aʔ |
| .bar04 { height: 100px; background-color: blue; } | | ɫə ɫə ʔij vɛ̙nɪsliːj |
| .bar05 { height: 120px; background-color: purple; }
| | </poem> |
| | |
| .swapbutton { | |
| display: inline-block;
| |
| }
| |
| .swapbutton > div {
| |
| width: 40px;
| |
| height: 20px;
| |
| display: inline-block;
| |
| background-color: lightgray;
| |
| }
| |
| .swapbutton > div:after {
| |
| content: "swap";
| |
| }
| |
| }}
| |
| <div class="mw-customtoggle-bar00p00 mw-customtoggle-bar01p00 mw-customtoggle-bar02p00 mw-customtoggle-bar03p00 mw-customtoggle-bar04p00 mw-customtoggle-bar05p00 mw-customtoggle-bar00p01 mw-customtoggle-bar01p01 mw-customtoggle-bar02p01 mw-customtoggle-bar03p01 mw-customtoggle-bar04p01 mw-customtoggle-bar05p01"></div> <!-- This is just here so all the collapsibles work without needing the actual swap toggles -->
| |
| <div class="bar bar00 mw-collapsible" id=mw-customcollapsible-bar00p00></div>
| |
| <div class="bar bar01 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar01p00></div>
| |
| <div class="bar bar02 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar02p00></div>
| |
| <div class="bar bar03 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar03p00></div>
| |
| <div class="bar bar04 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar04p00></div>
| |
| <div class="bar bar05 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar05p00></div>
| |
| <div class="swapbutton mw-collapsible" id="mw-customcollapsible-swap00"><div class="mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar00p00 mw-customtoggle-bar01p01 mw-customtoggle-bar00p01 mw-customtoggle-bar01p00"></div></div>
| |
| <div class="bar bar00 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar00p01></div>
| |
| <div class="bar bar01 mw-collapsible" id=mw-customcollapsible-bar01p01></div>
| |
| <div class="bar bar02 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar02p01></div>
| |
| <div class="bar bar03 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar03p01></div>
| |
| <div class="bar bar04 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar04p01></div>
| |
| <div class="bar bar05 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar05p01></div>
| |
| <div class="swapbutton mw-collapsible mw-collapsed" id="mw-customcollapsible-swap01"></div>
| |