Templat:Table class/tableclasses.css

/* Generic table classes to save using multiple calls to the table style template */

/* centerd table with a 1px black border. */
table.wst-ts__boxc,
table.__boxc{
	border-collapse: collapse;
	border: solid 1px black;
    margin:0 auto 0 auto;
}

/* Top align all cells in a table. */

table.wst-ts__cell_vtp tr, table.wst-ts__cell_vtp tr td,
table.__cell_vtp tr, table.__cell_vtp tr td{
	vertical-align: top;
}

/* top align a single table cell */
td.wst-ts__cell_vtp,
td.__cell_vtp{
	vertical-align: top;
}


/* Generic style for table consisting of mostly figures (right-aligned) 
TODO: Full Ledger style  ; */

/* Row format */
table.wst-ts__ft tr,
table.__ft tr{
	vertical-align:bottom;
	text-align:right;
}

/* format of headers (centered) */

table.wst-ts__ft th,
table.__ft th{
	text-align:center;	
}

/* Fix to allow for the first entry of the table to be  left aligned text label, top, bottom, or middle positioned respectively */	
table.wst-ts__ftlabelt tr td:first-of-type,
table.__ftlabelt tr td:first-of-type {
	text-align:left;	
	vertical-align:top;	
}

table.wst-ts__ftlabelb tr td:first-of-type,
table.__ftlabelb tr td:first-of-type {
	text-align:left;	
	vertical-align:bottom;	
}

table.wst-ts__ftlabelm tr td:first-of-type,
table.__ftlabelm tr td:first-of-type {
	text-align:left;	
	vertical-align:middle;	
}

td.__label {
	text-align: left;
	vertical-align: top;
}

table.__grid{
	border: solid 1px black;
}

table.__grid td,
table.__grid th /* have to have complete slector paths in CSS */
{
	border: solid 1px black;
}

/* applies a single 1 pixel boder to the right of eeach table cell. These borders are contiguous.
NOTE: Nominally Deprecated : see Table class/Midcols.css for a slightly enhanced version.*/
table.__cols{
	border-collapse: collapse; 
}


table.__cols td,
table.__cols th /* have to have complete slector paths in CSS */
{
	border-right: solid 1px black;
}

/* {{ts|mc}} equivalent. */
table.__floatc{
	margin: 0 auto 0 auto; 
}

/* Apply a 1px solid border around the entire table. */
table.__ba{
	border:solid 1px black;
}

/* Apply a 1 px solid border at the top of table cell and table row respectively. */
td.__bt{border-top: solid 1px black;}

tr.__bt{border-top: solid 1px black;}

/* Apply a 1 px solid border at the bottom of table cell and table row respectively. */
td.__bb{border-bottom: solid 1px black;}

tr.__bb{border-bottom: solid 1px black;}

/* Ledger style formatting for a 'sum' or 'Total' cell */

td.__sumfooter,tr.__sumfooter{
	border-top: solid 1px;
	border-bottom: solid 2px;
}

/* EX ts styles converted */
.__ts_bgt{background-color: transparent;}
.__td_ba,.__ts_ba01{border: 1px solid black;}
.__td_ba2,.__ts_ba02{border: 2px solid black;}
.__td_ba3,.__ts_ba03{border: 3px solid black;}
.__ts_bad,.__ts_ba04d{border: 4px double black; }






/* Apply padding to entire rows , by applying it to indvidual cells */
.__tr_pb05__ td {padding-bottom: 0.5em;}
.__tr_pb1__ td {padding-bottom: 1.0em;}
.__tr_pb2__ td {padding-bottom: 2.0em;}
.__tr_pb15__ td  {padding-bottom: 1.5em;}

.__tr_pt05__{padding-top: 0.5em;}
.__tr_pt1__{padding-top: 1.0em;}
.__tr_pt2__{padding-top: 2.0em;}
.__tr_pt15__{padding-top: 1.5em;}





/* Ribbons,  
Deprecated due to support concerns re low-end devices.
Use these rows whose display you want to suppres in main or index spaces.

Issue.. Add rules for each namespace in use...

body.ns-0 .__ribbon,    Don't display ribbons in main-space 
body.ns-114 .__ribbon,  Or on TRanslations 
body.ns-106 .__ribbon { display:none; }  Or on index pages 
body.ns-104 .__ribbon { display: table-row; }  but do show them in Page namespace  */