User:Ganaram inukshuk/Sandbox: Difference between revisions

Ganaram inukshuk (talk | contribs)
Ganaram inukshuk (talk | contribs)
No edit summary
Line 1: Line 1:
This is a sandbox page for me (Ganaram) to test out a few things before deploying things. (Expect some mess.)
This is a sandbox page for me (Ganaram) to test out a few things before deploying things. (Expect some mess.)


== Navbox (html only) ==
== Navbox ==
 
=== Table tags vs mediawiki table ===
'''Navbox using html tags'''
 
<div class="wikitable" style="overflow-x: auto;">
<table class="nowraplinks" style="width: 100%; border-spacing: 0px;">
<tr>
<th style="text-align: center; background-color: #eaecf0; white-space: nowrap; padding: 0.25em 0.5em; border: 1px solid white;" colspan="2"><b>Navbox Title</b></th>
</tr>
<tr>
<td style="font-size: 0.8em; text-align: center; background-color: #eaecf0; padding: 0em; border: 1px solid white;" colspan="2">
''Part of a series on Lorem Ipsum''</td>
</tr>
<tr>
<th style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;">Header</th>
<td style="font-size: 0.9em; text-alight: right; padding: 0.25em 0.5em;">
Data -- More data -- Even more data</td>
</tr>
<tr>
<th style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;">Header</th>
<td style="font-size: 0.9em; padding: 0.25em 0.5em;">
Data -- More data -- Even more data</td>
</tr>
<tr>
<th style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;">Header</th>
<td style="font-size: 0.9em; text-alight: right; padding: 0.25em 0.5em;">
Data -- More data -- Even more data</td>
</tr>
<tr>
<td style="font-size: 0.8em; text-align: center; background-color: #eaecf0; padding: 0em; border: 1px solid white;" colspan="2">
Footnotes go here</td>
</tr>
</table>
</div>
 
'''Navbox using mediawiki table'''
 
<div class="wikitable" style="overflow-x: auto; padding: 0">
{| width="100%" style="mw-border-collapse: collapse; border-spacing: 0; margin: 0" class="mw-collapsible"
! style="text-align: center; background-color: #eaecf0; white-space: nowrap; padding: 0.25em 0.5em; border: 1px solid white;" colspan="2" | Navbox Title
|-
| colspan="2" style="font-size: 0.8em; text-align: center; background-color: #eaecf0; padding: 0em; border: 1px solid white;" | ''Part of a series on Lorem Ipsum''
|-
! style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;" | Header
| style="font-size: 0.9em; padding: 0.25em 0.5em;" | Data -- More data -- Even more data
|-
| style="font-size: 0.9em;  padding: 0.25em 0.5em;" colspan="2" | Data -- More data -- Even more data
|-
! style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;" | Header
| style="padding: 0;"|
{| width="100%" style="mw-border-collapse: collapse; border-spacing: 0; margin: 0;"
|-
! style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;" | Header
| style="font-size: 0.9em; padding: 0.25em 0.5em;" | Data -- More data -- Even more data
|-
! style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;" | Header
| style="font-size: 0.9em;  padding: 0.25em 0.5em;" | Data -- More data -- Even more data
|-
! style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;" | Header
| style="font-size: 0.9em; padding: 0.25em 0.5em;" | Data -- More data -- Even more data
|}
|-
| style="padding: 0;" colspan="2" |
<div class="wikitable" style="overflow-x: auto; padding: 0; margin: 2px">
{| width="100%" style="mw-border-collapse: collapse; border-spacing: 0; margin: 0" class="mw-collapsible"
! style="text-align: center; background-color: #eaecf0; white-space: nowrap; padding: 0.25em 0.5em; border: 1px solid white;" colspan="2" | Nested Navbox Title
|-
! style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;" | Header
| style="font-size: 0.9em; padding: 0.25em 0.5em;"| Data -- More data -- Even more data
|-
! style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;" | Header
| style="font-size: 0.9em;  padding: 0.25em 0.5em;"| Data -- More data -- Even more data
|-
! style="white-space: nowrap; font-size: 0.9em; width: 5%; text-align: right; background-color: #eaecf0; padding: 0.25em 0.5em; border: 1px solid white;" | Header
| style="font-size: 0.9em; padding: 0.25em 0.5em;"| Data -- More data -- Even more data
|}
</div>
|-
| colspan="2" style="font-size: 0.8em; text-align: center; background-color: #eaecf0; padding: 0em; border: 1px solid white;" | ''Footnotes go here''
|}
</div>
 
=== Base navbox ===
 
'''Base navbox with no special features'''
 
<div class="wikitable">
  <table class="mw-collapsible mw-collapsed nowraplinks" style="width: 100%; border-spacing:0px">
    <tr>
      <th style="width:5%; text-align:center; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white" colspan="2"><b>Navbox Header</b></th>
    </tr>
    <tr>
      <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Main Category</th>
      <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content</div>
      </td>
    </tr>
    <tr>
      <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Another Category</th>
      <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content</div>
      </td>
    </tr>
    <tr>
      <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Yet Another Category</th>
      <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content</div>
      </td>
    </tr>
  </table>
</div>
 
'''Navbox with headerless rows'''
 
<div class="wikitable">
  <table class="mw-collapsible mw-collapsed nowraplinks" style="width: 100%; border-spacing:0px">
    <tr>
      <th style="width:5%; text-align:center; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white" colspan="2"><b>Navbox Header</b></th>
    </tr>
    <tr>
      <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Main Category</th>
      <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content</div>
      </td>
    </tr>
    <tr>
      <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Another Category</th>
      <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content</div>
      </td>
    </tr>
    <tr>
      <td style="width:5%; text-align:center; background-color:#eaecf0; white-space:nowrap; padding:0em; border:1px solid white" colspan="2">
        <div style="padding:0.25em 0.5em">Content without header</div>
      </td>
    </tr>
  </table>
</div>
 
'''Navbox with nested categories'''
 
Note: normal row content is placed in a div; subcategories do not need this div.
 
<div class="wikitable">
  <table class="mw-collapsible mw-collapsed nowraplinks" style="width: 100%; border-spacing:0px">
    <tr>
      <th style="width:5%; text-align:center; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white" colspan="2"><b>Navbox Header</b></th>
    </tr>
    <tr>
      <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Main Category</th>
      <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content</div>
      </td>
    </tr>
    <tr>
      <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Another Category</th>
      <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content</div>
      </td>
    </tr>
    <tr>
      <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Category with Subcategories</th>
      <td style="padding:0em">
        <table style="width:100%; border-spacing:0px">
          <tr>
            <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Subcategory 1</th>
            <td style="padding:0em">
              <div style="padding:0.25em 0.5em">Content 1</div>
            </td>
          </tr>
          <tr>
            <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Subcategory 2</th>
            <td style="padding:0em">
              <div style="padding:0.25em 0.5em">Content 2</div>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>
 
'''Nested subcategories only'''
 
<table style="width:100%; border-spacing:0px">
  <tr>
    <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Subcategory 1</th>
    <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content 1</div>
    </td>
  </tr>
  <tr>
    <th style="width:5%; text-align:right; background-color:#eaecf0; white-space:nowrap; padding:0.25em 0.5em; border:1px solid white">Subcategory 2</th>
    <td style="padding:0em">
      <div style="padding:0.25em 0.5em">Content 2</div>
    </td>
  </tr>
</table>
 
== Navbox (module-based template) ==


{{Navbox
{{Navbox
Line 236: Line 36:
{{Navbox
{{Navbox
|Title=5L 2s (Diatonic MOS)
|Title=5L 2s (Diatonic MOS)
|Is Collapsed=true
|Is Collapsible = true
|Is Collapsible = true
|Header 1=1st-order expansions
|Header 1=1st-order expansions
Line 248: Line 47:
{{Navbox
{{Navbox
|Title=Lumatone mappings
|Title=Lumatone mappings
|Is Collapsed=true
|Data 1=<center>← 9edo • 10edo • 11edo • Lumatone mapping for 12edo • 13edo • 14edo • 15edo →</center>
|Data 1=<center>← 9edo • 10edo • 11edo • Lumatone mapping for 12edo • 13edo • 14edo • 15edo →</center>
}}
}}
Line 254: Line 52:
{{Navbox
{{Navbox
|Title=TAMNAMS
|Title=TAMNAMS
|Is Collapsed=true
|Is Collapsible = true
|Is Collapsible = true
|Header 1=Step ratios
|Header 1=Step ratios