User:Ganaram inukshuk/Sandbox: Difference between revisions
→Navbox (module-based template): hide nowrap entries |
|||
| Line 2: | Line 2: | ||
== Navbox (html only) == | == Navbox (html only) == | ||
<div class="wikitable" style="overflow-x: auto;"> | |||
<table class="mw-collapsible mw-collapsed 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>Example Navbox</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 of 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;">Example header</th> | |||
<td style="font-size: 0.9em; text-alight: right; padding: 0.25em 0.5em;"> | |||
Example 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;">Example header</th> | |||
<td style="padding:0em"><table style="width: 100%; border-spacing: 0px;"> | |||
<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;">Example subheader</th> | |||
<td style="font-size: 0.9em; text-alight: right; padding: 0.25em 0.5em;"> | |||
Example 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;">Example subheader</th> | |||
<td style="font-size: 0.9em; text-alight: right; padding: 0.25em 0.5em;"> | |||
Example Data -- More data -- Even more data</td> | |||
</tr> | |||
</table></td> | |||
</tr> | |||
<tr> | |||
<td style="padding: 0px;" colspan="2"> | |||
<div class="wikitable" style="margin: 2px;"> | |||
<table class="mw-collapsible mw-collapsed 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>Collapsible Navbox within Navbox</b></th> | |||
</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;">Example header</th> | |||
<td style="font-size: 0.9em; text-alight: right; padding: 0.25em 0.5em;"> | |||
Example 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;">Example header</th> | |||
<td style="font-size: 0.9em; text-alight: right; padding: 0.25em 0.5em;"> | |||
Example Data -- More data -- Even more data</td> | |||
</tr> | |||
</table> | |||
</div></td> | |||
</tr> | |||
<tr> | |||
<td style="font-size: 0.8em; text-align: center; background-color: #eaecf0; padding: 0em; border: 1px solid white;" colspan="2"> | |||
Footnote goes here</td> | |||
</tr> | |||
</table> | |||
</div> | |||
=== Base navbox === | === Base navbox === | ||