|
|
| Line 1: |
Line 1: |
| <div class="title"><h3>Title</h3>
| | {{Navplate TEST|content={{Navplate_List|group=Test1|list=Test1}}{{Navplate_List|group=Test2|list=Test2}}{{Navplate_List|group=Test3|list=Test3}}{{Navplate_List|group=Test4|list=Test4}}}} |
| <div class="subtitle"><h4>Subtitle</h4>
| |
| </div>
| |
| <div class="item_grid" style="display: grid; grid-template-columns: auto auto auto;">
| |
| <div class="prev" style="display: flex;"><p>Hello<br>←</p></div>
| |
| <div class="date" style="display: flex;"><p>This is some text</p></div>
| |
| <div class="next" style="display: flex;"><p>Goodbye<br>→</p></div>
| |
| </div>
| |
| </div>
| |
| | |
| <div style="border: 0.25rem solid var(--color-surface-4); margin-top:2px; margin-bottom:2px; border-radius: 12px; background-color: var(--color-surface-3); align-self: flex-start; width: 100%;">
| |
| <div class="mw-customtoggle-hi" style="cursor:pointer; color:#f5f5f5; background: var(--color-surface-3); font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; font-size: 1.25em; padding-left: 10px; border-radius: 8px; padding-top: 3px;">TEST Title
| |
| </div>
| |
| <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-hi">
| |
| <div class="mw-collapsible-content" style="background: var(--color-surface-2); width: 100%; padding-left: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;">This is some text
| |
| <div class="subtitle"><h4>Subtitle</h4>
| |
| </div>
| |
| <div class="item_grid" style="display: grid; grid-template-columns: auto auto auto;">
| |
| <div class="prev" style="display: flex;"><p>Hello<br>←</p></div>
| |
| <div class="date" style="display: flex;"><p>This is some text</p></div>
| |
| <div class="next" style="display: flex;"><p>Goodbye<br>→</p></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div style="border: 0.25rem solid var(--color-surface-4); margin-top:2px; margin-bottom:2px; border-radius: 12px; background-color: var(--color-surface-3); align-self: flex-start; width: 100%;">
| |
| <div class="mw-customtoggle-myToggleTEST2" style="cursor:pointer; color:#f5f5f5; background: var(--color-surface-3); font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; font-size: 1.25em; padding-left: 10px; border-radius: 8px; padding-top: 3px;">TEST Title
| |
| </div>
| |
| <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myToggleTEST2">
| |
| <div class="mw-collapsible-content" style="background: var(--color-surface-2); width: 100%; padding-left: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;">This is some text
| |
| <div class="subtitle"><h4>Subtitle</h4>
| |
| </div>
| |
| <div class="item_grid" style="display: grid; grid-template-columns: auto auto auto;">
| |
| <div class="prev" style="display: flex;"><p>Hello<br>←</p></div>
| |
| <div class="date" style="display: flex;"><p>This is some text</p></div>
| |
| <div class="next" style="display: flex;"><p>Goodbye<br>→</p></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="mw-customtoggle-myToggleTEST3" style="cursor:pointer; color:#f5f5f5; background: var(--color-surface-3); font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; font-size: 1.25em; padding-left: 10px; border-radius: 8px; padding-top: 3px;">TEST Title
| |
| </div>
| |
| <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myToggleTEST3">
| |
| <div class="mw-collapsible-content" style="background: var(--color-surface-2); width: 100%; padding-left: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;">This is some text
| |
| <div class="subtitle"><h4>Subtitle</h4>
| |
| </div>
| |
| <div class="item_grid" style="display: grid; grid-template-columns: auto auto auto;">
| |
| <div class="prev" style="display: flex;"><p>Hello<br>←</p></div>
| |
| <div class="date" style="display: flex;"><p>This is some text</p></div>
| |
| <div class="next" style="display: flex;"><p>Goodbye<br>→</p></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div style="border: 0.25rem solid var(--color-surface-4); margin-top:2px; margin-bottom:2px; border-radius: 12px; background-color: var(--color-surface-3); align-self: flex-start; width: 100%;">
| |
| <div class="mw-customtoggle-myToggleTEST4" style="cursor:pointer; color:#f5f5f5; background: var(--color-surface-3); font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; font-size: 1.25em; padding-left: 10px; border-radius: 8px; padding-top: 3px;">TEST Title
| |
| </div>
| |
| <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myToggleTEST4">
| |
| <div class="mw-collapsible-content" style="background: var(--color-surface-2); width: 100%; padding-left: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;">
| |
| <div class="mw-customtoggle-myToggleTEST5" style="cursor:pointer; color:#f5f5f5; background: var(--color-surface-3); font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; font-size: 1.25em; padding-left: 10px; border-radius: 8px; padding-top: 3px;">TEST Title
| |
| </div>
| |
| <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myToggleTEST5">
| |
| <div class="mw-collapsible-content" style="background: var(--color-surface-2); width: 100%; padding-left: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;">This is some text
| |
| <div class="subtitle"><h4>Subtitle</h4>
| |
| </div>
| |
| <div class="item_grid" style="display: grid; grid-template-columns: auto auto auto;">
| |
| <div class="prev" style="display: flex;"><p>Hello<br>←</p></div>
| |
| <div class="date" style="display: flex;"><p>This is some text</p></div>
| |
| <div class="next" style="display: flex;"><p>Goodbye<br>→</p></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="mw-customtoggle-myToggleTEST6" style="cursor:pointer; color:#f5f5f5; background: var(--color-surface-3); font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; font-size: 1.25em; padding-left: 10px; border-radius: 8px; padding-top: 3px;">TEST Title
| |
| </div>
| |
| <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myToggleTEST6">
| |
| <div class="mw-collapsible-content" style="background: var(--color-surface-2); width: 100%; padding-left: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;">This is some text
| |
| <div class="subtitle"><h4>Subtitle</h4>
| |
| </div>
| |
| <div class="item_grid" style="display: grid; grid-template-columns: auto auto auto;">
| |
| <div class="prev" style="display: flex;"><p>Hello<br>←</p></div>
| |
| <div class="date" style="display: flex;"><p>This is some text</p></div>
| |
| <div class="next" style="display: flex;"><p>Goodbye<br>→</p></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
