Semiconductor & Computer Engineering
From WikiChip
Difference between revisions of "WikiChip:styling"
m (David moved page WikiChip:Styling to WikiChip:styling without leaving a redirect) |
|||
| Line 33: | Line 33: | ||
We have a {{template|collist}} template which wraps this class for you. | We have a {{template|collist}} template which wraps this class for you. | ||
| − | == Table Text alignment == | + | == Tables == |
| + | === Table Text alignment === | ||
In order to alight an entire column of a table, we have <code>tl##</code>, <code>tc##</code>, and <code>tr##</code> classes for (left, center, and right respectively) where <code>##</code> is the column's number. | In order to alight an entire column of a table, we have <code>tl##</code>, <code>tc##</code>, and <code>tr##</code> classes for (left, center, and right respectively) where <code>##</code> is the column's number. | ||
| Line 46: | Line 47: | ||
<tr><th>AA</th><th>B</th><th>C</th><th>DD</th> | <tr><th>AA</th><th>B</th><th>C</th><th>DD</th> | ||
</table> | </table> | ||
| + | === Yes/No === | ||
| + | For Yes/No, use {{template|tchk}}: | ||
| + | |||
| + | {| | ||
| + | | | ||
| + | <pre> | ||
| + | {| class="wikitable" | ||
| + | ! Foo !! Bar !! Baz | ||
| + | |- | ||
| + | | A || {{tchk|yes}} || {{tchk|no}} | ||
| + | |- | ||
| + | | B || {{tchk|no}} || {{tchk|yes}} | ||
| + | |} | ||
| + | </pre> | ||
| + | | | ||
| + | {| class="wikitable" | ||
| + | ! Foo !! Bar !! Baz | ||
| + | |- | ||
| + | | A || {{tchk|yes}} || {{tchk|no}} | ||
| + | |- | ||
| + | | B || {{tchk|no}} || {{tchk|yes}} | ||
| + | |} | ||
| + | |} | ||
Revision as of 23:04, 9 July 2017
This page documents some of the styling that has been added to WikiChip for various purposes:
Multi-Columns
To break down a list, we have the wiki-ul-col## class where ## is the number of columns, for example:
<div class="wiki-ul-col3"> * AA * BB * CC * DD * EE * FF </div> |
|
We have a {{collist}} template which wraps this class for you.
Tables
Table Text alignment
In order to alight an entire column of a table, we have tl##, tc##, and tr## classes for (left, center, and right respectively) where ## is the column's number.
For example, the following table as the tl1 tc2 tr3 tl4 classes added to the <table> tag:
| A | B | C | D |
|---|---|---|---|
| AAA | BB | C | DD |
| A | B | CCCC | DDDDD |
| AA | BBBB | C | DDD |
| AAAAAA | B | CCCCCC | DDDDDD |
| AA | B | C | DD |
Yes/No
For Yes/No, use {{tchk}}:
{| class="wikitable"
! Foo !! Bar !! Baz
|-
| A || {{tchk|yes}} || {{tchk|no}}
|-
| B || {{tchk|no}} || {{tchk|yes}}
|}
|
|