|
|
| (50 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| {{#css:
| | <templatestyles src="Link/noext.css"/> |
| .bar {
| | lala {{link|Main Page}}a |
| width: 50px;
| |
| display:inline-block;
| |
| }
| |
| .bar00 { height: 20px; background-color: red; }
| |
| .bar01 { height: 40px; background-color: orange; }
| |
| .bar02 { height: 60px; background-color: yellow; }
| |
| .bar03 { height: 80px; background-color: green; }
| |
| .bar04 { height: 100px; background-color: blue; }
| |
| .bar05 { height: 120px; background-color: purple; }
| |
| | |
| .swapbutton {
| |
| display: inline-block;
| |
| }
| |
| .swapbutton > div {
| |
| width: 40px;
| |
| height: 20px;
| |
| background-color: lightgray;
| |
| display:none;
| |
| }
| |
| .swapbutton > div:after {
| |
| content: "swap";
| |
| }
| |
| .beforeswaps { display:none; }
| |
| .beforeswaps ~ .bar00:not(mw-collapsed) ~ .bar01:not(mw-collapsed) ~ .swapbutton .swap00p01,
| |
| .beforeswaps ~ .bar00:not(mw-collapsed) ~ .bar02:not(mw-collapsed) ~ .swapbutton .swap00p02,
| |
| .beforeswaps ~ .bar00:not(mw-collapsed) ~ .bar03:not(mw-collapsed) ~ .swapbutton .swap00p03,
| |
| .beforeswaps ~ .bar00:not(mw-collapsed) ~ .bar04:not(mw-collapsed) ~ .swapbutton .swap00p04,
| |
| .beforeswaps ~ .bar00:not(mw-collapsed) ~ .bar05:not(mw-collapsed) ~ .swapbutton .swap00p05,
| |
| .beforeswaps ~ .bar01:not(mw-collapsed) ~ .bar00:not(mw-collapsed) ~ .swapbutton .swap01p00,
| |
| .beforeswaps ~ .bar01:not(mw-collapsed) ~ .bar02:not(mw-collapsed) ~ .swapbutton .swap01p02,
| |
| .beforeswaps ~ .bar01:not(mw-collapsed) ~ .bar03:not(mw-collapsed) ~ .swapbutton .swap01p03,
| |
| .beforeswaps ~ .bar01:not(mw-collapsed) ~ .bar04:not(mw-collapsed) ~ .swapbutton .swap01p04,
| |
| .beforeswaps ~ .bar01:not(mw-collapsed) ~ .bar05:not(mw-collapsed) ~ .swapbutton .swap01p05,
| |
| .beforeswaps ~ .bar02:not(mw-collapsed) ~ .bar00:not(mw-collapsed) ~ .swapbutton .swap02p00,
| |
| .beforeswaps ~ .bar02:not(mw-collapsed) ~ .bar01:not(mw-collapsed) ~ .swapbutton .swap02p01,
| |
| .beforeswaps ~ .bar02:not(mw-collapsed) ~ .bar03:not(mw-collapsed) ~ .swapbutton .swap02p03,
| |
| .beforeswaps ~ .bar02:not(mw-collapsed) ~ .bar04:not(mw-collapsed) ~ .swapbutton .swap02p04,
| |
| .beforeswaps ~ .bar02:not(mw-collapsed) ~ .bar05:not(mw-collapsed) ~ .swapbutton .swap02p05,
| |
| .beforeswaps ~ .bar03:not(mw-collapsed) ~ .bar00:not(mw-collapsed) ~ .swapbutton .swap03p00,
| |
| .beforeswaps ~ .bar03:not(mw-collapsed) ~ .bar01:not(mw-collapsed) ~ .swapbutton .swap03p01,
| |
| .beforeswaps ~ .bar03:not(mw-collapsed) ~ .bar02:not(mw-collapsed) ~ .swapbutton .swap03p02,
| |
| .beforeswaps ~ .bar03:not(mw-collapsed) ~ .bar04:not(mw-collapsed) ~ .swapbutton .swap03p04,
| |
| .beforeswaps ~ .bar03:not(mw-collapsed) ~ .bar05:not(mw-collapsed) ~ .swapbutton .swap03p05,
| |
| .beforeswaps ~ .bar04:not(mw-collapsed) ~ .bar00:not(mw-collapsed) ~ .swapbutton .swap04p00,
| |
| .beforeswaps ~ .bar04:not(mw-collapsed) ~ .bar01:not(mw-collapsed) ~ .swapbutton .swap04p01,
| |
| .beforeswaps ~ .bar04:not(mw-collapsed) ~ .bar02:not(mw-collapsed) ~ .swapbutton .swap04p02,
| |
| .beforeswaps ~ .bar04:not(mw-collapsed) ~ .bar03:not(mw-collapsed) ~ .swapbutton .swap04p03,
| |
| .beforeswaps ~ .bar04:not(mw-collapsed) ~ .bar05:not(mw-collapsed) ~ .swapbutton .swap04p05,
| |
| .beforeswaps ~ .bar05:not(mw-collapsed) ~ .bar00:not(mw-collapsed) ~ .swapbutton .swap05p00,
| |
| .beforeswaps ~ .bar05:not(mw-collapsed) ~ .bar01:not(mw-collapsed) ~ .swapbutton .swap05p01,
| |
| .beforeswaps ~ .bar05:not(mw-collapsed) ~ .bar02:not(mw-collapsed) ~ .swapbutton .swap05p02,
| |
| .beforeswaps ~ .bar05:not(mw-collapsed) ~ .bar03:not(mw-collapsed) ~ .swapbutton .swap05p03,
| |
| .beforeswaps ~ .bar05:not(mw-collapsed) ~ .bar04:not(mw-collapsed) ~ .swapbutton .swap05p04 {display: inline-block;}
| |
| }}
| |
| <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="beforeswaps mw-collapsible" id=mw-customcollapsible-beforeswap00></div>
| |
| <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="beforeswaps mw-customcollapsible-swap01></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-customcollapsible-swap00"><div class="swap00p01 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar00p00 mw-customtoggle-bar01p01 mw-customtoggle-bar00p01 mw-customtoggle-bar01p00"></div><div class="swap00p02 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar00p00 mw-customtoggle-bar02p01 mw-customtoggle-bar00p01 mw-customtoggle-bar02p00"></div><div class="swap00p03 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar00p00 mw-customtoggle-bar03p01 mw-customtoggle-bar00p01 mw-customtoggle-bar03p00"></div><div class="swap00p04 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar00p00 mw-customtoggle-bar04p01 mw-customtoggle-bar00p01 mw-customtoggle-bar04p00"></div><div class="swap00p05 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar00p00 mw-customtoggle-bar05p01 mw-customtoggle-bar00p01 mw-customtoggle-bar05p00"></div><div class="swap01p00 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar01p00 mw-customtoggle-bar00p01 mw-customtoggle-bar01p01 mw-customtoggle-bar00p00"></div><div class="swap01p02 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar01p00 mw-customtoggle-bar02p01 mw-customtoggle-bar01p01 mw-customtoggle-bar02p00"></div><div class="swap01p03 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar01p00 mw-customtoggle-bar03p01 mw-customtoggle-bar01p01 mw-customtoggle-bar03p00"></div><div class="swap01p04 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar01p00 mw-customtoggle-bar04p01 mw-customtoggle-bar01p01 mw-customtoggle-bar04p00"></div><div class="swap01p05 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar01p00 mw-customtoggle-bar05p01 mw-customtoggle-bar01p01 mw-customtoggle-bar05p00"></div><div class="swap02p00 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar02p00 mw-customtoggle-bar00p01 mw-customtoggle-bar02p01 mw-customtoggle-bar00p00"></div><div class="swap02p01 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar02p00 mw-customtoggle-bar01p01 mw-customtoggle-bar02p01 mw-customtoggle-bar01p00"></div><div class="swap02p03 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar02p00 mw-customtoggle-bar03p01 mw-customtoggle-bar02p01 mw-customtoggle-bar03p00"></div><div class="swap02p04 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar02p00 mw-customtoggle-bar04p01 mw-customtoggle-bar02p01 mw-customtoggle-bar04p00"></div><div class="swap02p05 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar02p00 mw-customtoggle-bar05p01 mw-customtoggle-bar02p01 mw-customtoggle-bar05p00"></div><div class="swap03p00 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar03p00 mw-customtoggle-bar00p01 mw-customtoggle-bar03p01 mw-customtoggle-bar00p00"></div><div class="swap03p01 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar03p00 mw-customtoggle-bar01p01 mw-customtoggle-bar03p01 mw-customtoggle-bar01p00"></div><div class="swap03p02 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar03p00 mw-customtoggle-bar02p01 mw-customtoggle-bar03p01 mw-customtoggle-bar02p00"></div><div class="swap03p04 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar03p00 mw-customtoggle-bar04p01 mw-customtoggle-bar03p01 mw-customtoggle-bar04p00"></div><div class="swap03p05 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar03p00 mw-customtoggle-bar05p01 mw-customtoggle-bar03p01 mw-customtoggle-bar05p00"></div><div class="swap04p00 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar04p00 mw-customtoggle-bar00p01 mw-customtoggle-bar04p01 mw-customtoggle-bar00p00"></div><div class="swap04p01 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar04p00 mw-customtoggle-bar01p01 mw-customtoggle-bar04p01 mw-customtoggle-bar01p00"></div><div class="swap04p02 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar04p00 mw-customtoggle-bar02p01 mw-customtoggle-bar04p01 mw-customtoggle-bar02p00"></div><div class="swap04p03 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar04p00 mw-customtoggle-bar03p01 mw-customtoggle-bar04p01 mw-customtoggle-bar03p00"></div><div class="swap04p05 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar04p00 mw-customtoggle-bar05p01 mw-customtoggle-bar04p01 mw-customtoggle-bar05p00"></div><div class="swap05p00 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar05p00 mw-customtoggle-bar00p01 mw-customtoggle-bar05p01 mw-customtoggle-bar00p00"></div><div class="swap05p01 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar05p00 mw-customtoggle-bar01p01 mw-customtoggle-bar05p01 mw-customtoggle-bar01p00"></div><div class="swap05p02 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar05p00 mw-customtoggle-bar02p01 mw-customtoggle-bar05p01 mw-customtoggle-bar02p00"></div><div class="swap05p03 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar05p00 mw-customtoggle-bar03p01 mw-customtoggle-bar05p01 mw-customtoggle-bar03p00"></div><div class="swap05p04 mw-customtoggle-swap00 mw-customtoggle-swap01 mw-customtoggle-bar05p00 mw-customtoggle-bar04p01 mw-customtoggle-bar05p01 mw-customtoggle-bar04p00"></div></div>
| |
| <div class="beforeswaps mw-customcollapsible-swap02></div>
| |
| <div class="bar bar00 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar00p02></div>
| |
| <div class="bar bar01 mw-collapsible" id=mw-customcollapsible-bar01p02></div>
| |
| <div class="bar bar02 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar02p02></div>
| |
| <div class="bar bar03 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar03p02></div>
| |
| <div class="bar bar04 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar04p02></div>
| |
| <div class="bar bar05 mw-collapsible mw-collapsed" id=mw-customcollapsible-bar05p02></div>
| |
| <div class="swapbutton mw-collapsible mw-collapsed" id="mw-customcollapsible-swap01"></div>
| |
| <div class="mw-customcollapsible-swap03></div>
| |