https://resources.allsetlearning.com/pronwiki/?title=Widget:Pinyin_chart_style&feed=atom&action=history
Widget:Pinyin chart style - Revision history
2024-03-29T08:29:48Z
Revision history for this page on the wiki
MediaWiki 1.33.0
https://resources.allsetlearning.com/pronwiki/?title=Widget:Pinyin_chart_style&diff=3410&oldid=prev
Mscottmoore: HTML tags
2015-06-10T02:16:41Z
<p>HTML tags</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 02:16, 10 June 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><style></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Pinyin Table */</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Pinyin Table */</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l196" >Line 196:</td>
<td colspan="2" class="diff-lineno">Line 197:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>background: rgba(245,245,248,0.7);</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>background: rgba(245,245,248,0.7);</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></style></ins></div></td></tr>
</table>
Mscottmoore
https://resources.allsetlearning.com/pronwiki/?title=Widget:Pinyin_chart_style&diff=3408&oldid=prev
Mscottmoore: Separate pinyin chart styling out of Common.css
2015-06-10T02:14:18Z
<p>Separate pinyin chart styling out of Common.css</p>
<p><b>New page</b></p><div>/* Pinyin Table */<br />
<br />
div.table-container {<br />
display: inline-block;<br />
border-color: rgba(0,0,0,.15);<br />
border-width: 1px;<br />
border-style: solid;<br />
border-radius: 4px;<br />
max-width: 100%;<br />
overflow: auto;<br />
margin-bottom: 1.5em;<br />
}<br />
#pinyin-chart-settings .additional-settings-label {<br />
background-color:#F5F5F5;<br />
border-color: rgba(0,0,0,0.15);<br />
border-width: 1px;<br />
border-style: solid;<br />
border-top-left-radius: 4px;<br />
border-top-right-radius: 4px;<br />
padding: 6px;<br />
font-size:13pt;<br />
}<br />
#pinyin-chart-settings .additional-settings-content {<br />
border-color: rgba(0,0,0,0.15);<br />
border-width: 1px;<br />
border-top-width: 0px;<br />
border-style: solid;<br />
border-bottom-left-radius: 4px;<br />
border-bottom-right-radius: 4px;<br />
padding: 6px;<br />
}<br />
#pinyin-chart-settings .tone-option-label,<br />
#pinyin-chart-settings .tone-option {<br />
padding-right: 10px;<br />
}<br />
#pinyin-chart-settings .settings-collapse {<br />
float: right;<br />
}<br />
.pinyin-table {<br />
background-color: #a9d0f5;<br />
table-layout: fixed;<br />
width: 0px;<br />
text-align: center;<br />
}<br />
<br />
.pinyin-table.small .table-pinyin,<br />
.pinyin-table.small .table-link,<br />
.pinyin-table.small th {<br />
font-size: 13px;<br />
}<br />
.pinyin-table.medium .table-pinyin,<br />
.pinyin-table.medium .table-link,<br />
.pinyin-table.medium th {<br />
font-size: 16px;<br />
}<br />
.pinyin-table.large .table-pinyin,<br />
.pinyin-table.large .table-link,<br />
.pinyin-table.large th {<br />
font-size: 24px;<br />
}<br />
<br />
.pinyin-table.small th, .pinyin-table.small td {<br />
width: 40px;<br />
}<br />
.pinyin-table.medium th, .pinyin-table.medium td {<br />
width: 50px;<br />
}<br />
.pinyin-table.large th, .pinyin-table.large td {<br />
width: 70px;<br />
}<br />
<br />
.pinyin-table.small .table-ipa,<br />
.pinyin-table.small .table-zhuyin,<br />
.pinyin-table.small .table-wade-giles {<br />
font-size: 10px;<br />
}<br />
.pinyin-table.medium .table-ipa,<br />
.pinyin-table.medium .table-zhuyin,<br />
.pinyin-table.medium .table-wade-giles {<br />
font-size: 12px;<br />
}<br />
.pinyin-table.large .table-ipa,<br />
.pinyin-table.large .table-zhuyin,<br />
.pinyin-table.large .table-wade-giles {<br />
font-size: 16px;<br />
}<br />
<br />
.pinyin-table th.table-selected {<br />
background: #DDD;<br />
cursor: pointer;<br />
}<br />
<br />
.pinyin-table th {<br />
border-style: solid;<br />
border-color: rgb(205,205,205);<br />
border-width: 0px;<br />
}<br />
th.first-row:not(.first-col):not(.last-col) {<br />
border-bottom-width: 1px;<br />
}<br />
th.last-row:not(.first-col):not(.last-col) {<br />
border-top-width: 1px;<br />
}<br />
th.first-col:not(.first-row):not(.last-row) {<br />
border-right-width: 1px;<br />
}<br />
th.last-col:not(.first-row):not(.last-row) {<br />
border-left-width: 1px;<br />
}<br />
.table-highlight {<br />
cursor: pointer;<br />
}<br />
.pinyin-table.loading-audio td {<br />
cursor: wait;<br />
}<br />
td.playing-audio * {<br />
font-weight: bold;<br />
}<br />
.col-a.row-null, .col-a.row-dtnl, .col-a.row-zhchshr, .col-a.row-gkh,<br />
.col-o.row-null, .col-o.row-dtnl, .col-o.row-zhchshr, .col-o.row-gkh,<br />
.col-u.row-null, .col-u.row-dtnl, .col-u.row-zhchshr, .col-u.row-gkh {<br />
background: rgb(255,255,255);<br />
}<br />
.col-a.row-null.table-highlight, .col-a.row-dtnl.table-highlight, .col-a.row-zhchshr.table-highlight, .col-a.row-gkh.table-highlight,<br />
.col-o.row-null.table-highlight, .col-o.row-dtnl.table-highlight, .col-o.row-zhchshr.table-highlight, .col-o.row-gkh.table-highlight,<br />
.col-u.row-null.table-highlight, .col-u.row-dtnl.table-highlight, .col-u.row-zhchshr.table-highlight, .col-u.row-gkh.table-highlight {<br />
background: rgba(255,255,255,0.7);<br />
}<br />
.col-a.row-null.table-extra-highlight, .col-a.row-dtnl.table-extra-highlight, .col-a.row-zhchshr.table-extra-highlight, .col-a.row-gkh.table-extra-highlight,<br />
.col-o.row-null.table-extra-highlight, .col-o.row-dtnl.table-extra-highlight, .col-o.row-zhchshr.table-extra-highlight, .col-o.row-gkh.table-extra-highlight,<br />
.col-u.row-null.table-extra-highlight, .col-u.row-dtnl.table-extra-highlight, .col-u.row-zhchshr.table-extra-highlight, .col-u.row-gkh.table-extra-highlight {<br />
background: rgba(255,255,255,0.4);<br />
}<br />
.col-a.row-bpmf, .col-a.row-zcs, .col-a.row-jqx,<br />
.col-o.row-bpmf, .col-o.row-zcs, .col-o.row-jqx,<br />
.col-u.row-bpmf, .col-u.row-zcs, .col-u.row-jqx,<br />
.col-e.row-null, .col-e.row-dtnl, .col-e.row-zhchshr, .col-e.row-gkh,<br />
.col-i.row-null, .col-i.row-dtnl, .col-i.row-zhchshr, .col-i.row-gkh,<br />
.col-v.row-null, .col-v.row-dtnl, .col-v.row-zhchshr, .col-v.row-gkh {<br />
background: rgb(240,240,240);<br />
}<br />
.col-a.row-bpmf.table-highlight, .col-a.row-zcs.table-highlight, .col-a.row-jqx.table-highlight,<br />
.col-o.row-bpmf.table-highlight, .col-o.row-zcs.table-highlight, .col-o.row-jqx.table-highlight,<br />
.col-u.row-bpmf.table-highlight, .col-u.row-zcs.table-highlight, .col-u.row-jqx.table-highlight,<br />
.col-e.row-null.table-highlight, .col-e.row-dtnl.table-highlight, .col-e.row-zhchshr.table-highlight, .col-e.row-gkh.table-highlight,<br />
.col-i.row-null.table-highlight, .col-i.row-dtnl.table-highlight, .col-i.row-zhchshr.table-highlight, .col-i.row-gkh.table-highlight,<br />
.col-v.row-null.table-highlight, .col-v.row-dtnl.table-highlight, .col-v.row-zhchshr.table-highlight, .col-v.row-gkh.table-highlight {<br />
background: rgba(240,240,240,0.7);<br />
}<br />
.col-a.row-bpmf.table-extra-highlight, .col-a.row-zcs.table-extra-highlight, .col-a.row-jqx.table-extra-highlight,<br />
.col-o.row-bpmf.table-extra-highlight, .col-o.row-zcs.table-extra-highlight, .col-o.row-jqx.table-extra-highlight,<br />
.col-u.row-bpmf.table-extra-highlight, .col-u.row-zcs.table-extra-highlight, .col-u.row-jqx.table-extra-highlight,<br />
.col-e.row-null.table-extra-highlight, .col-e.row-dtnl.table-extra-highlight, .col-e.row-zhchshr.table-extra-highlight, .col-e.row-gkh.table-extra-highlight,<br />
.col-i.row-null.table-extra-highlight, .col-i.row-dtnl.table-extra-highlight, .col-i.row-zhchshr.table-extra-highlight, .col-i.row-gkh.table-extra-highlight,<br />
.col-v.row-null.table-extra-highlight, .col-v.row-dtnl.table-extra-highlight, .col-v.row-zhchshr.table-extra-highlight, .col-v.row-gkh.table-extra-highlight {<br />
background: rgba(240,240,240,0.4);<br />
}<br />
.col-e.row-bpmf, .col-e.row-zcs, .col-e.row-jqx,<br />
.col-i.row-bpmf, .col-i.row-zcs, .col-i.row-jqx,<br />
.col-v.row-bpmf, .col-v.row-zcs, .col-v.row-jqx {<br />
background: rgb(234,234,238);<br />
}<br />
.col-e.row-bpmf.table-highlight, .col-e.row-zcs.table-highlight, .col-e.row-jqx.table-highlight,<br />
.col-i.row-bpmf.table-highlight, .col-i.row-zcs.table-highlight, .col-i.row-jqx.table-highlight,<br />
.col-v.row-bpmf.table-highlight, .col-v.row-zcs.table-highlight, .col-v.row-jqx.table-highlight {<br />
background: rgba(234,234,238,0.7);<br />
}<br />
.col-e.row-bpmf.table-extra-highlight, .col-e.row-zcs.table-extra-highlight, .col-e.row-jqx.table-extra-highlight,<br />
.col-i.row-bpmf.table-extra-highlight, .col-i.row-zcs.table-extra-highlight, .col-i.row-jqx.table-extra-highlight,<br />
.col-v.row-bpmf.table-extra-highlight, .col-v.row-zcs.table-extra-highlight, .col-v.row-jqx.table-extra-highlight {<br />
background: rgba(234,234,238,0.4);<br />
}<br />
.first-row.first-col, .first-row.last-col, .last-row.first-col, .last-row.last-col,<br />
.first-row.col-a, .first-row.col-o, .first-row.col-u,<br />
.last-row.col-a, .last-row.col-o, .last-row.col-u,<br />
.first-col.row-null, .first-col.row-dtnl, .first-col.row-zhchshr, .first-col.row-gkh,<br />
.last-col.row-null, .last-col.row-dtnl, .last-col.row-zhchshr, .last-col.row-gkh {<br />
background: rgb(255,255,255);<br />
}<br />
.first-row.col-a.table-highlight, .first-row.col-o.table-highlight, .first-row.col-u.table-highlight,<br />
.last-row.col-a.table-highlight, .last-row.col-o.table-highlight, .last-row.col-u.table-highlight,<br />
.first-col.row-null.table-highlight, .first-col.row-dtnl.table-highlight, .first-col.row-zhchshr.table-highlight, .first-col.row-gkh.table-highlight,<br />
.last-col.row-null.table-highlight, .last-col.row-dtnl.table-highlight, .last-col.row-zhchshr.table-highlight, .last-col.row-gkh.table-highlight {<br />
background: rgba(255,255,255,0.7);<br />
}<br />
.first-row.col-e, .first-row.col-i, .first-row.col-v,<br />
.last-row.col-e, .last-row.col-i, .last-row.col-v,<br />
.first-col.row-bpmf, .first-col.row-zcs, .first-col.row-jqx,<br />
.last-col.row-bpmf, .last-col.row-zcs, .last-col.row-jqx {<br />
background: rgb(245,245,248);<br />
}<br />
.first-row.col-e.table-highlight, .first-row.col-i.table-highlight, .first-row.col-v.table-highlight,<br />
.last-row.col-e.table-highlight, .last-row.col-i.table-highlight, .last-row.col-v.table-highlight,<br />
.first-col.row-bpmf.table-highlight, .first-col.row-zcs.table-highlight, .first-col.row-jqx.table-highlight,<br />
.last-col.row-bpmf.table-highlight, .last-col.row-zcs.table-highlight, .last-col.row-jqx.table-highlight {<br />
background: rgba(245,245,248,0.7);<br />
}</div>
Mscottmoore