User:Kator278/Sandbox: Difference between revisions

m
→‎Yaku table: Collapsible table; Table caption; Smaller height for romaji.
m (→‎Yaku table: Changed romaji color to gray)
m (→‎Yaku table: Collapsible table; Table caption; Smaller height for romaji.)
Line 2: Line 2:
=== Yaku table ===
=== Yaku table ===


{| class="wikitable"
{| class="wikitable mw-collapsible mw-collapsed"
! colspan=2 | Yaku table
|-
|-
| 1 Han
| 1 Han
Line 9: Line 10:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Reach</p>
             <p style="margin:0;">Reach</p>
             <p style="font-size:smaller; color:gray; margin:0;">Riichi</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Riichi</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Concealed Tsumo</p>
             <p style="margin:0;">Concealed Tsumo</p>
             <p style="font-size:smaller; color:gray; margin:0;">Menzen Tsumo</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Menzen Tsumo</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Peace</p>
             <p style="margin:0;">Peace</p>
             <p style="font-size:smaller; color:gray; margin:0;">Pinfu</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Pinfu</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Double Runs</p>
             <p style="margin:0;">Double Runs</p>
             <p style="font-size:smaller; color:gray; margin:0;">Iipeikou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Iipeikou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">One-shot</p>
             <p style="margin:0;">One-shot</p>
             <p style="font-size:smaller; color:gray; margin:0;">Ippatsu</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Ippatsu</p>
         </li>
         </li>
     </ul>
     </ul>
Line 31: Line 32:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">All Simples</p>
             <p style="margin:0;">All Simples</p>
             <p style="font-size:smaller; color:gray; margin:0;">Tanyao</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Tanyao</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Value Tiles</p>
             <p style="margin:0;">Value Tiles</p>
             <p style="font-size:smaller; color:gray; margin:0;">Yakuhai</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Yakuhai</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Robbing a Quad</p>
             <p style="margin:0;">Robbing a Quad</p>
             <p style="font-size:smaller; color:gray; margin:0;">Chankan</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Chankan</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">After a Quad</p>
             <p style="margin:0;">After a Quad</p>
             <p style="font-size:smaller; color:gray; margin:0;">Rinshan Kaihou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Rinshan Kaihou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Bottom of the River</p>
             <p style="margin:0;">Bottom of the River</p>
             <p style="font-size:smaller; color:gray; margin:0;">Houtei Raoyui</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Houtei Raoyui</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Bottom of the Sea</p>
             <p style="margin:0;">Bottom of the Sea</p>
             <p style="font-size:smaller; color:gray; margin:0;">Haitei Raoyue</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Haitei Raoyue</p>
         </li>
         </li>
     </ul>
     </ul>
Line 60: Line 61:
     <ul class="majsoul-closed" style="display:flex; flex-wrap:wrap; color:red;">
     <ul class="majsoul-closed" style="display:flex; flex-wrap:wrap; color:red;">
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Double Riichi</p>
             <p style="margin:0;">Double Reach</p>
             <p style="font-size:smaller; color:gray; margin:0;">Daburu Riichi</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Daburu Riichi</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">7 Pairs</p>
             <p style="margin:0;">7 Pairs</p>
             <p style="font-size:smaller; color:gray; margin:0;">Chitoitsu</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Chitoitsu</p>
         </li>
         </li>
     </ul>
     </ul>
Line 71: Line 72:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Mixed Outside-hands</p>
             <p style="margin:0;">Mixed Outside-hands</p>
             <p style="font-size:smaller; color:gray; margin:0;">Honchantaiyao</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Honchantaiyao</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Pure Straight</p>
             <p style="margin:0;">Pure Straight</p>
             <p style="font-size:smaller; color:gray; margin:0;">Ikkitsuukan</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Ikkitsuukan</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">3-color Runs</p>
             <p style="margin:0;">3-color Runs</p>
             <p style="font-size:smaller; color:gray; margin:0;">Sanshoku Doujun</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Sanshoku Doujun</p>
         </li>
         </li>
     </ul>
     </ul>
Line 85: Line 86:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">3-color Triplets</p>
             <p style="margin:0;">3-color Triplets</p>
             <p style="font-size:smaller; color:gray; margin:0;">Sanshoku Doukou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Sanshoku Doukou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">3 Quads</p>
             <p style="margin:0;">3 Quads</p>
             <p style="font-size:smaller; color:gray; margin:0;">Sankantsu</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Sankantsu</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">All Triplets</p>
             <p style="margin:0;">All Triplets</p>
             <p style="font-size:smaller; color:gray; margin:0;">Toitoi</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Toitoi</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">3 Concealed Triplets</p>
             <p style="margin:0;">3 Concealed Triplets</p>
             <p style="font-size:smaller; color:gray; margin:0;">Sanankou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Sanankou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Little 3 Dragons</p>
             <p style="margin:0;">Little 3 Dragons</p>
             <p style="font-size:smaller; color:gray; margin:0;">Shousangen</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Shousangen</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Mixed Terminals</p>
             <p style="margin:0;">Mixed Terminals</p>
             <p style="font-size:smaller; color:gray; margin:0;">Honroutou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Honroutou</p>
         </li>
         </li>
     </ul>
     </ul>
Line 115: Line 116:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Twice Double Runs</p>
             <p style="margin:0;">Twice Double Runs</p>
             <p style="font-size:smaller; color:gray; margin:0;">Ryanpeikou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Ryanpeikou</p>
         </li>
         </li>
     </ul>
     </ul>
Line 121: Line 122:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Pure Outside-hands</p>
             <p style="margin:0;">Pure Outside-hands</p>
             <p style="font-size:smaller; color:gray; margin:0;">Junchantaiyao</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Junchantaiyao</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Half Flush</p>
             <p style="margin:0;">Half Flush</p>
             <p style="font-size:smaller; color:gray; margin:0;">Honitsu</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Honitsu</p>
         </li>
         </li>
     </ul>
     </ul>
Line 135: Line 136:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Full Flush</p>
             <p style="margin:0;">Full Flush</p>
             <p style="font-size:smaller; color:gray; margin:0;">Chinitsu</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Chinitsu</p>
         </li>
         </li>
     </ul>
     </ul>
Line 145: Line 146:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Nagashi Mangan</p>
             <p style="margin:0;">Nagashi Mangan</p>
             <p style="font-size:smaller; color:gray; margin:0;">Nagashi Mangan</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Nagashi Mangan</p>
         </li>
         </li>
     </ul>
     </ul>
Line 155: Line 156:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Heavenly Hand</p>
             <p style="margin:0;">Heavenly Hand</p>
             <p style="font-size:smaller; color:gray; margin:0;">Tenhou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Tenhou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Earthly Hand</p>
             <p style="margin:0;">Earthly Hand</p>
             <p style="font-size:smaller; color:gray; margin:0;">Chiihou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Chiihou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">4 Concealed Triplets</p>
             <p style="margin:0;">4 Concealed Triplets</p>
             <p style="font-size:smaller; color:gray; margin:0;">Suuankou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Suuankou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">13 Orphans</p>
             <p style="margin:0;">13 Orphans</p>
             <p style="font-size:smaller; color:gray; margin:0;">Kokushi Musou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Kokushi Musou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">9 Gates</p>
             <p style="margin:0;">9 Gates</p>
             <p style="font-size:smaller; color:gray; margin:0;">Chuuren Poutou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Chuuren Poutou</p>
         </li>
         </li>
     </ul>
     </ul>
Line 177: Line 178:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Big 3 Dragons</p>
             <p style="margin:0;">Big 3 Dragons</p>
             <p style="font-size:smaller; color:gray; margin:0;">Daisangen</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Daisangen</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">All Honors</p>
             <p style="margin:0;">All Honors</p>
             <p style="font-size:smaller; color:gray; margin:0;">Tsuu Iisou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Tsuu Iisou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">All Green</p>
             <p style="margin:0;">All Green</p>
             <p style="font-size:smaller; color:gray; margin:0;">Ryuu Iisou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Ryuu Iisou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">All Terminals</p>
             <p style="margin:0;">All Terminals</p>
             <p style="font-size:smaller; color:gray; margin:0;">Chinroutou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Chinroutou</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Little 4 Winds</p>
             <p style="margin:0;">Little 4 Winds</p>
             <p style="font-size:smaller; color:gray; margin:0;">Shousuushi</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Shousuushi</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">4 Quads</p>
             <p style="margin:0;">4 Quads</p>
             <p style="font-size:smaller; color:gray; margin:0;">Suukantsu</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Suukantsu</p>
         </li>
         </li>
     </ul>
     </ul>
Line 207: Line 208:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">4 Concealed Triplets (Single Wait)</p>
             <p style="margin:0;">4 Concealed Triplets (Single Wait)</p>
             <p style="font-size:smaller; color:gray; margin:0;">Suuankou Tanki</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Suuankou Tanki</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">13 Orphans (13 Waits)</p>
             <p style="margin:0;">13 Orphans (13 Waits)</p>
             <p style="font-size:smaller; color:gray; margin:0;">Kokushi Musou Juusanmen Machi</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Kokushi Musou Juusanmen Machi</p>
         </li>
         </li>
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Pure 9 Gates</p>
             <p style="margin:0;">Pure 9 Gates</p>
             <p style="font-size:smaller; color:gray; margin:0;">Junsei Chuuren Poutou</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Junsei Chuuren Poutou</p>
         </li>
         </li>
     </ul>
     </ul>
Line 221: Line 222:
         <li style="padding-right:30px;">
         <li style="padding-right:30px;">
             <p style="margin:0;">Big 4 Winds</p>
             <p style="margin:0;">Big 4 Winds</p>
             <p style="font-size:smaller; color:gray; margin:0;">Daisuushi</p>
             <p style="font-size:smaller; color:gray; margin:0; height:12px; line-height:12px;">Daisuushi</p>
         </li>
         </li>
     </ul>
     </ul>
</div>
</div>
|}
|}