MediaWiki:Tables.css: Difference between revisions

From Coral Island Wiki
Jump to navigation Jump to search
(Undo revision 15027 by Salty Nori (talk))
Tag: Undo
No edit summary
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* || ARTICLE TABLE */
/* table header and cell alignment */
.article-table {
@media screen (max-width: 1024px) {
  border-radius: 6px;
.mw-parser-output {
  background-color: var(--gray-050);
.article-table tr td,
  padding-bottom: 8px;
.article-table tr th,
  border-collapse: collapse;
.wikitable tr td,
  box-shadow: 0 0 0 1px var(--border-color);
.wikitable tr th {
  outline-color: transparent;
text-align: inherit;
  margin-bottom: 22px;
}
}
}
}
 
table {
.jquery-tablesorter th.headerSort {
border-collapse: collapse;
font-size: 0.85em;
}
}


.article-table th {
.page-content .article-table,
  font-size: inherit;
.page-content .wikitable,
  padding: 4px;
.page-content .fandom-table {
margin: 1em 0;
}
}


.article-table th {
/* collapsible button in tables */
  background-color: var(--brown-200);
.wikitable .mw-collapsible-toggle,
  padding-right: 24px;
.article-table .mw-collapsible-toggle{
}
width: 5em;
/*
width: auto;
.article-table tr:first-child th {
width: fit-content;
  border-top-left-radius: 6px;
}
}
 
/* collapsible button at caption on top of table */
.article-table tr:last-child th {
.wikitable caption .mw-collapsible-toggle,
  border-top-right-radius: 6px;
.article-table caption .mw-collapsible-toggle {
float: left !important;
}
}
*/
/* Reducing left margin when using lists in a table */
.article-table td {
.mw-parser-output td > .columntemplate > ul,
  padding: 8px;
.mw-parser-output td > .columntemplate > ol,
  border-bottom: 1px solid var(--border-color);
.mw-parser-output td > ul,
.mw-parser-output td > ol {
margin-left: 1em;
}
}


.article-table th:first-child
/* New table styling */
,.article-table td:first-child {
.article-table,
  padding-left: 16px;
.wikitable,
.wikitable.filehistory {
border-radius: 4px;
overflow: hidden;
outline: 1px solid var(--theme-border-color);
outline-offset: -1px;
}
}


.article-table th:last-child
/* th styling */
,.article-table td:last-child {
.wikitable th,
  padding-right: 16px;
.wikitable.filehistory th {
font-weight: bold;
border: 1px solid var(--theme-border-color);
line-height: 20px;
padding: 10px;
}
}


table.article-table tr:last-child {
.wikitable th hr,
  border-bottom: hidden;
.wikitable.filehistory th hr {
border: 1px solid var(--theme-border-color);
}
}


/* || BG COLOR
.wikitable tr th:last-child,
  Background color to highlight specific columns.
.wikitable.filehistory tr th:last-child {
  Removes the need to use th for first few columns of
border: 1px solid var(--theme-border-color);
  items in tables.
*/
#mw-content-text .mw-parser-output .tdbg td,
#mw-content-text .mw-parser-output .tdbg1 td:nth-child(1),
#mw-content-text .mw-parser-output .tdbg2 td:nth-child(2),
#mw-content-text .mw-parser-output .tdbg3 td:nth-child(3),
#mw-content-text .mw-parser-output .tdbg4 td:nth-child(4),
#mw-content-text .mw-parser-output .tdbg5 td:nth-child(5),
#mw-content-text .mw-parser-output .tdbg6 td:nth-child(6),
#mw-content-text .mw-parser-output .tdbg7 td:nth-child(7),
#mw-content-text .mw-parser-output .tdbg8 td:nth-child(8),
#mw-content-text .mw-parser-output .tdbg9 td:nth-child(9),
#mw-content-text .mw-parser-output .tdbg10 td:nth-child(10),
#mw-content-text .mw-parser-output .tdbg11 td:nth-child(11),
#mw-content-text .mw-parser-output .tdbg12 td:nth-child(12),
#mw-content-text .mw-parser-output .tdbg13 td:nth-child(13),
#mw-content-text .mw-parser-output .tdbg14 td:nth-child(14),
#mw-content-text .mw-parser-output .tdbg15 td:nth-child(15),
#mw-content-text .mw-parser-output .tdbg16 td:nth-child(16),
#mw-content-text .mw-parser-output .tdbg17 td:nth-child(17),
#mw-content-text .mw-parser-output .tdbg18 td:nth-child(18),
#mw-content-text .mw-parser-output .tdbg19 td:nth-child(19),
#mw-content-text .mw-parser-output .tdbg20 td:nth-child(20) {
background:var(--gray-050);
}
}


/* || ALIGNMENT
/* td styling */
  Styles that can be added to an entire table itself 
.wikitable td,
  to apply to each cell in the respective column.     
.wikitable td,
  Removes the need to apply styles to individual cells.
.wikitable.filehistory td {
*/
padding: 5px 10px;
 
border: 1px solid var(--theme-border-color);
#mw-content-text .mw-parser-output .tdl td,
#mw-content-text .mw-parser-output .tdl1 td:nth-child(1),
#mw-content-text .mw-parser-output .tdl2 td:nth-child(2),
#mw-content-text .mw-parser-output .tdl3 td:nth-child(3),
#mw-content-text .mw-parser-output .tdl4 td:nth-child(4),
#mw-content-text .mw-parser-output .tdl5 td:nth-child(5),
#mw-content-text .mw-parser-output .tdl6 td:nth-child(6),
#mw-content-text .mw-parser-output .tdl7 td:nth-child(7),
#mw-content-text .mw-parser-output .tdl8 td:nth-child(8),
#mw-content-text .mw-parser-output .tdl9 td:nth-child(9),
#mw-content-text .mw-parser-output .tdl10 td:nth-child(10),
#mw-content-text .mw-parser-output .tdl11 td:nth-child(11),
#mw-content-text .mw-parser-output .tdl12 td:nth-child(12),
#mw-content-text .mw-parser-output .tdl13 td:nth-child(13),
#mw-content-text .mw-parser-output .tdl14 td:nth-child(14),
#mw-content-text .mw-parser-output .tdl15 td:nth-child(15),
#mw-content-text .mw-parser-output .tdl16 td:nth-child(16),
#mw-content-text .mw-parser-output .tdl17 td:nth-child(17),
#mw-content-text .mw-parser-output .tdl18 td:nth-child(18),
#mw-content-text .mw-parser-output .tdl19 td:nth-child(19),
#mw-content-text .mw-parser-output .tdl20 td:nth-child(20) {
text-align: left;
}
}


#mw-content-text .mw-parser-output .thl th,
.wikitable td:last-child,
#mw-content-text .mw-parser-output .thl1 th:nth-child(1),
.wikitable.filehistory td:last-child {
#mw-content-text .mw-parser-output .thl2 th:nth-child(2),
border: 1px solid var(--theme-border-color);
#mw-content-text .mw-parser-output .thl3 th:nth-child(3),
#mw-content-text .mw-parser-output .thl4 th:nth-child(4),
#mw-content-text .mw-parser-output .thl5 th:nth-child(5),
#mw-content-text .mw-parser-output .thl6 th:nth-child(6),
#mw-content-text .mw-parser-output .thl7 th:nth-child(7),
#mw-content-text .mw-parser-output .thl8 th:nth-child(8),
#mw-content-text .mw-parser-output .thl9 th:nth-child(9),
#mw-content-text .mw-parser-output .thl10 th:nth-child(10),
#mw-content-text .mw-parser-output .thl11 th:nth-child(11),
#mw-content-text .mw-parser-output .thl12 th:nth-child(12),
#mw-content-text .mw-parser-output .thl13 th:nth-child(13),
#mw-content-text .mw-parser-output .thl14 th:nth-child(14),
#mw-content-text .mw-parser-output .thl15 th:nth-child(15),
#mw-content-text .mw-parser-output .thl16 th:nth-child(16),
#mw-content-text .mw-parser-output .thl17 th:nth-child(17),
#mw-content-text .mw-parser-output .thl18 th:nth-child(18),
#mw-content-text .mw-parser-output .thl19 th:nth-child(19),
#mw-content-text .mw-parser-output .thl20 th:nth-child(20) {
text-align: left;
}
}


#mw-content-text .mw-parser-output .tdc td,
/* td colors */
#mw-content-text .mw-parser-output .tdc1 td:nth-child(1),
.mw-datatable > :is(tbody, thead) > tr > td,
#mw-content-text .mw-parser-output .tdc2 td:nth-child(2),
.mw-datatable > tr > td,
#mw-content-text .mw-parser-output .tdc3 td:nth-child(3),
.mw-json > :is(tbody, thead) > tr > td,
#mw-content-text .mw-parser-output .tdc4 td:nth-child(4),
.mw-json > tr > td,
#mw-content-text .mw-parser-output .tdc5 td:nth-child(5),
.wikitable > :is(tbody, thead) > tr > td,
#mw-content-text .mw-parser-output .tdc6 td:nth-child(6),
.wikitable > tr > td,
#mw-content-text .mw-parser-output .tdc7 td:nth-child(7),
.article-table > :is(tbody, thead) > tr > td,
#mw-content-text .mw-parser-output .tdc8 td:nth-child(8),
.article-table > tr > td,
#mw-content-text .mw-parser-output .tdc9 td:nth-child(9),
.wikitable.filehistory td {
#mw-content-text .mw-parser-output .tdc10 td:nth-child(10),
background-color: var(--theme-page-background-color--secondary);
#mw-content-text .mw-parser-output .tdc11 td:nth-child(11),
color: var(--theme-page-text-color);
#mw-content-text .mw-parser-output .tdc12 td:nth-child(12),
border: 1px solid var(--theme-border-color);
#mw-content-text .mw-parser-output .tdc13 td:nth-child(13),
padding: 4px;
#mw-content-text .mw-parser-output .tdc14 td:nth-child(14),
#mw-content-text .mw-parser-output .tdc15 td:nth-child(15),
#mw-content-text .mw-parser-output .tdc16 td:nth-child(16),
#mw-content-text .mw-parser-output .tdc17 td:nth-child(17),
#mw-content-text .mw-parser-output .tdc18 td:nth-child(18),
#mw-content-text .mw-parser-output .tdc19 td:nth-child(19),
#mw-content-text .mw-parser-output .tdc20 td:nth-child(20) {
text-align: center;
}
}


#mw-content-text .mw-parser-output .thc th,
/* th colors */
#mw-content-text .mw-parser-output .thc1 th:nth-child(1),
.mw-datatable > :is(tbody, thead) > tr > th,
#mw-content-text .mw-parser-output .thc2 th:nth-child(2),
.mw-datatable > tr > th,
#mw-content-text .mw-parser-output .thc3 th:nth-child(3),
.mw-json > :is(tbody, thead) > tr > th,
#mw-content-text .mw-parser-output .thc4 th:nth-child(4),
.mw-json > tr > th,
#mw-content-text .mw-parser-output .thc5 th:nth-child(5),
.wikitable > :is(tbody, thead) > tr > th,
#mw-content-text .mw-parser-output .thc6 th:nth-child(6),
.wikitable > tr > th,
#mw-content-text .mw-parser-output .thc7 th:nth-child(7),
.article-table > :is(tbody, thead) > tr > th,
#mw-content-text .mw-parser-output .thc8 th:nth-child(8),
.article-table > tr > th,
#mw-content-text .mw-parser-output .thc9 th:nth-child(9),
.wikitable.filehistory th {
#mw-content-text .mw-parser-output .thc10 th:nth-child(10),
background-color: var(--brown-200);
#mw-content-text .mw-parser-output .thc11 th:nth-child(11),
border: 1px solid var(--theme-border-color);
#mw-content-text .mw-parser-output .thc12 th:nth-child(12),
padding: 4px;
#mw-content-text .mw-parser-output .thc13 th:nth-child(13),
#mw-content-text .mw-parser-output .thc14 th:nth-child(14),
#mw-content-text .mw-parser-output .thc15 th:nth-child(15),
#mw-content-text .mw-parser-output .thc16 th:nth-child(16),
#mw-content-text .mw-parser-output .thc17 th:nth-child(17),
#mw-content-text .mw-parser-output .thc18 th:nth-child(18),
#mw-content-text .mw-parser-output .thc19 th:nth-child(19),
#mw-content-text .mw-parser-output .thc20 th:nth-child(20) {
text-align: center;
}
}


#mw-content-text .mw-parser-output .tdr td,
/*======================================================*/
#mw-content-text .mw-parser-output .tdr1 td:nth-child(1),
/* Styles that can be added to an entire table itself  */
#mw-content-text .mw-parser-output .tdr2 td:nth-child(2),
/* to apply to each cell in the respective column.      */
#mw-content-text .mw-parser-output .tdr3 td:nth-child(3),
/* Removes the need to apply styles to individual cells.*/
#mw-content-text .mw-parser-output .tdr4 td:nth-child(4),
/*======================================================*/
#mw-content-text .mw-parser-output .tdr5 td:nth-child(5),
#content .mw-parser-output {
#mw-content-text .mw-parser-output .tdr6 td:nth-child(6),
.tdl td,
#mw-content-text .mw-parser-output .tdr7 td:nth-child(7),
.tdl1 td:nth-child(1),
#mw-content-text .mw-parser-output .tdr8 td:nth-child(8),
.tdl2 td:nth-child(2),
#mw-content-text .mw-parser-output .tdr9 td:nth-child(9),
.tdl3 td:nth-child(3),
#mw-content-text .mw-parser-output .tdr10 td:nth-child(10),
.tdl4 td:nth-child(4),
#mw-content-text .mw-parser-output .tdr11 td:nth-child(11),
.tdl5 td:nth-child(5),
#mw-content-text .mw-parser-output .tdr12 td:nth-child(12),
.tdl6 td:nth-child(6),
#mw-content-text .mw-parser-output .tdr13 td:nth-child(13),
.tdl7 td:nth-child(7),
#mw-content-text .mw-parser-output .tdr14 td:nth-child(14),
.tdl8 td:nth-child(8),
#mw-content-text .mw-parser-output .tdr15 td:nth-child(15),
.tdl9 td:nth-child(9),
#mw-content-text .mw-parser-output .tdr16 td:nth-child(16),
.tdl10 td:nth-child(10),
#mw-content-text .mw-parser-output .tdr17 td:nth-child(17),
.tdl11 td:nth-child(11),
#mw-content-text .mw-parser-output .tdr18 td:nth-child(18),
.tdl12 td:nth-child(12),
#mw-content-text .mw-parser-output .tdr19 td:nth-child(19),
.tdl13 td:nth-child(13),
#mw-content-text .mw-parser-output .tdr20 td:nth-child(20) {
.tdl14 td:nth-child(14),
text-align: right;
.tdl15 td:nth-child(15),
}
.tdl16 td:nth-child(16),
.tdl17 td:nth-child(17),
.tdl18 td:nth-child(18),
.tdl19 td:nth-child(19),
.tdl20 td:nth-child(20) {
text-align: left;
}


#mw-content-text .mw-parser-output .thr th,
.thl th,
#mw-content-text .mw-parser-output .thr1 th:nth-child(1),
.thl1 th:nth-child(1),
#mw-content-text .mw-parser-output .thr2 th:nth-child(2),
.thl2 th:nth-child(2),
#mw-content-text .mw-parser-output .thr3 th:nth-child(3),
.thl3 th:nth-child(3),
#mw-content-text .mw-parser-output .thr4 th:nth-child(4),
.thl4 th:nth-child(4),
#mw-content-text .mw-parser-output .thr5 th:nth-child(5),
.thl5 th:nth-child(5),
#mw-content-text .mw-parser-output .thr6 th:nth-child(6),
.thl6 th:nth-child(6),
#mw-content-text .mw-parser-output .thr7 th:nth-child(7),
.thl7 th:nth-child(7),
#mw-content-text .mw-parser-output .thr8 th:nth-child(8),
.thl8 th:nth-child(8),
#mw-content-text .mw-parser-output .thr9 th:nth-child(9),
.thl9 th:nth-child(9),
#mw-content-text .mw-parser-output .thr10 th:nth-child(10),
.thl10 th:nth-child(10),
#mw-content-text .mw-parser-output .thr11 th:nth-child(11),
.thl11 th:nth-child(11),
#mw-content-text .mw-parser-output .thr12 th:nth-child(12),
.thl12 th:nth-child(12),
#mw-content-text .mw-parser-output .thr13 th:nth-child(13),
.thl13 th:nth-child(13),
#mw-content-text .mw-parser-output .thr14 th:nth-child(14),
.thl14 th:nth-child(14),
#mw-content-text .mw-parser-output .thr15 th:nth-child(15),
.thl15 th:nth-child(15),
#mw-content-text .mw-parser-output .thr16 th:nth-child(16),
.thl16 th:nth-child(16),
#mw-content-text .mw-parser-output .thr17 th:nth-child(17),
.thl17 th:nth-child(17),
#mw-content-text .mw-parser-output .thr18 th:nth-child(18),
.thl18 th:nth-child(18),
#mw-content-text .mw-parser-output .thr19 th:nth-child(19),
.thl19 th:nth-child(19),
#mw-content-text .mw-parser-output .thr20 th:nth-child(20) {
.thl20 th:nth-child(20) {
text-align: right;
text-align: left;
}
}


#mw-content-text .mw-parser-output .tdt td,
.tdc td,
#mw-content-text .mw-parser-output .tdt1 td:nth-child(1),
.tdc1 td:nth-child(1),
#mw-content-text .mw-parser-output .tdt2 td:nth-child(2),
.tdc2 td:nth-child(2),
#mw-content-text .mw-parser-output .tdt3 td:nth-child(3),
.tdc3 td:nth-child(3),
#mw-content-text .mw-parser-output .tdt4 td:nth-child(4),
.tdc4 td:nth-child(4),
#mw-content-text .mw-parser-output .tdt5 td:nth-child(5),
.tdc5 td:nth-child(5),
#mw-content-text .mw-parser-output .tdt6 td:nth-child(6),
.tdc6 td:nth-child(6),
#mw-content-text .mw-parser-output .tdt7 td:nth-child(7),
.tdc7 td:nth-child(7),
#mw-content-text .mw-parser-output .tdt8 td:nth-child(8),
.tdc8 td:nth-child(8),
#mw-content-text .mw-parser-output .tdt9 td:nth-child(9),
.tdc9 td:nth-child(9),
#mw-content-text .mw-parser-output .tdt10 td:nth-child(10),
.tdc10 td:nth-child(10),
#mw-content-text .mw-parser-output .tdt11 td:nth-child(11),
.tdc11 td:nth-child(11),
#mw-content-text .mw-parser-output .tdt12 td:nth-child(12),
.tdc12 td:nth-child(12),
#mw-content-text .mw-parser-output .tdt13 td:nth-child(13),
.tdc13 td:nth-child(13),
#mw-content-text .mw-parser-output .tdt14 td:nth-child(14),
.tdc14 td:nth-child(14),
#mw-content-text .mw-parser-output .tdt15 td:nth-child(15),
.tdc15 td:nth-child(15),
#mw-content-text .mw-parser-output .tdt16 td:nth-child(16),
.tdc16 td:nth-child(16),
#mw-content-text .mw-parser-output .tdt17 td:nth-child(17),
.tdc17 td:nth-child(17),
#mw-content-text .mw-parser-output .tdt18 td:nth-child(18),
.tdc18 td:nth-child(18),
#mw-content-text .mw-parser-output .tdt19 td:nth-child(19),
.tdc19 td:nth-child(19),
#mw-content-text .mw-parser-output .tdt20 td:nth-child(20) {
.tdc20 td:nth-child(20) {
vertical-align: top;
text-align: center;
}
}


#mw-content-text .mw-parser-output .tht th,
.thc th,
#mw-content-text .mw-parser-output .tht1 th:nth-child(1),
.thc1 th:nth-child(1),
#mw-content-text .mw-parser-output .tht2 th:nth-child(2),
.thc2 th:nth-child(2),
#mw-content-text .mw-parser-output .tht3 th:nth-child(3),
.thc3 th:nth-child(3),
#mw-content-text .mw-parser-output .tht4 th:nth-child(4),
.thc4 th:nth-child(4),
#mw-content-text .mw-parser-output .tht5 th:nth-child(5),
.thc5 th:nth-child(5),
#mw-content-text .mw-parser-output .tht6 th:nth-child(6),
.thc6 th:nth-child(6),
#mw-content-text .mw-parser-output .tht7 th:nth-child(7),
.thc7 th:nth-child(7),
#mw-content-text .mw-parser-output .tht8 th:nth-child(8),
.thc8 th:nth-child(8),
#mw-content-text .mw-parser-output .tht9 th:nth-child(9),
.thc9 th:nth-child(9),
#mw-content-text .mw-parser-output .tht10 th:nth-child(10),
.thc10 th:nth-child(10),
#mw-content-text .mw-parser-output .tht11 th:nth-child(11),
.thc11 th:nth-child(11),
#mw-content-text .mw-parser-output .tht12 th:nth-child(12),
.thc12 th:nth-child(12),
#mw-content-text .mw-parser-output .tht13 th:nth-child(13),
.thc13 th:nth-child(13),
#mw-content-text .mw-parser-output .tht14 th:nth-child(14),
.thc14 th:nth-child(14),
#mw-content-text .mw-parser-output .tht15 th:nth-child(15),
.thc15 th:nth-child(15),
#mw-content-text .mw-parser-output .tht16 th:nth-child(16),
.thc16 th:nth-child(16),
#mw-content-text .mw-parser-output .tht17 th:nth-child(17),
.thc17 th:nth-child(17),
#mw-content-text .mw-parser-output .tht18 th:nth-child(18),
.thc18 th:nth-child(18),
#mw-content-text .mw-parser-output .tht19 th:nth-child(19),
.thc19 th:nth-child(19),
#mw-content-text .mw-parser-output .tht20 th:nth-child(20) {
.thc20 th:nth-child(20) {
vertical-align: top;
text-align: center;
}
}


#mw-content-text .mw-parser-output .tdm td,
.tdr td,
#mw-content-text .mw-parser-output .tdm1 td:nth-child(1),
.tdr1 td:nth-child(1),
#mw-content-text .mw-parser-output .tdm2 td:nth-child(2),
.tdr2 td:nth-child(2),
#mw-content-text .mw-parser-output .tdm3 td:nth-child(3),
.tdr3 td:nth-child(3),
#mw-content-text .mw-parser-output .tdm4 td:nth-child(4),
.tdr4 td:nth-child(4),
#mw-content-text .mw-parser-output .tdm5 td:nth-child(5),
.tdr5 td:nth-child(5),
#mw-content-text .mw-parser-output .tdm6 td:nth-child(6),
.tdr6 td:nth-child(6),
#mw-content-text .mw-parser-output .tdm7 td:nth-child(7),
.tdr7 td:nth-child(7),
#mw-content-text .mw-parser-output .tdm8 td:nth-child(8),
.tdr8 td:nth-child(8),
#mw-content-text .mw-parser-output .tdm9 td:nth-child(9),
.tdr9 td:nth-child(9),
#mw-content-text .mw-parser-output .tdm10 td:nth-child(10),
.tdr10 td:nth-child(10),
#mw-content-text .mw-parser-output .tdm11 td:nth-child(11),
.tdr11 td:nth-child(11),
#mw-content-text .mw-parser-output .tdm12 td:nth-child(12),
.tdr12 td:nth-child(12),
#mw-content-text .mw-parser-output .tdm13 td:nth-child(13),
.tdr13 td:nth-child(13),
#mw-content-text .mw-parser-output .tdm14 td:nth-child(14),
.tdr14 td:nth-child(14),
#mw-content-text .mw-parser-output .tdm15 td:nth-child(15),
.tdr15 td:nth-child(15),
#mw-content-text .mw-parser-output .tdm16 td:nth-child(16),
.tdr16 td:nth-child(16),
#mw-content-text .mw-parser-output .tdm17 td:nth-child(17),
.tdr17 td:nth-child(17),
#mw-content-text .mw-parser-output .tdm18 td:nth-child(18),
.tdr18 td:nth-child(18),
#mw-content-text .mw-parser-output .tdm19 td:nth-child(19),
.tdr19 td:nth-child(19),
#mw-content-text .mw-parser-output .tdm20 td:nth-child(20) {
.tdr20 td:nth-child(20) {
vertical-align: middle;
text-align: right;
}
}


#mw-content-text .mw-parser-output .thm th,
.thr th,
#mw-content-text .mw-parser-output .thm1 th:nth-child(1),
.thr1 th:nth-child(1),
#mw-content-text .mw-parser-output .thm2 th:nth-child(2),
.thr2 th:nth-child(2),
#mw-content-text .mw-parser-output .thm3 th:nth-child(3),
.thr3 th:nth-child(3),
#mw-content-text .mw-parser-output .thm4 th:nth-child(4),
.thr4 th:nth-child(4),
#mw-content-text .mw-parser-output .thm5 th:nth-child(5),
.thr5 th:nth-child(5),
#mw-content-text .mw-parser-output .thm6 th:nth-child(6),
.thr6 th:nth-child(6),
#mw-content-text .mw-parser-output .thm7 th:nth-child(7),
.thr7 th:nth-child(7),
#mw-content-text .mw-parser-output .thm8 th:nth-child(8),
.thr8 th:nth-child(8),
#mw-content-text .mw-parser-output .thm9 th:nth-child(9),
.thr9 th:nth-child(9),
#mw-content-text .mw-parser-output .thm10 th:nth-child(10),
.thr10 th:nth-child(10),
#mw-content-text .mw-parser-output .thm11 th:nth-child(11),
.thr11 th:nth-child(11),
#mw-content-text .mw-parser-output .thm12 th:nth-child(12),
.thr12 th:nth-child(12),
#mw-content-text .mw-parser-output .thm13 th:nth-child(13),
.thr13 th:nth-child(13),
#mw-content-text .mw-parser-output .thm14 th:nth-child(14),
.thr14 th:nth-child(14),
#mw-content-text .mw-parser-output .thm15 th:nth-child(15),
.thr15 th:nth-child(15),
#mw-content-text .mw-parser-output .thm16 th:nth-child(16),
.thr16 th:nth-child(16),
#mw-content-text .mw-parser-output .thm17 th:nth-child(17),
.thr17 th:nth-child(17),
#mw-content-text .mw-parser-output .thm18 th:nth-child(18),
.thr18 th:nth-child(18),
#mw-content-text .mw-parser-output .thm19 th:nth-child(19),
.thr19 th:nth-child(19),
#mw-content-text .mw-parser-output .thm20 th:nth-child(20) {
.thr20 th:nth-child(20) {
vertical-align: middle;
text-align: right;
}
}


#mw-content-text .mw-parser-output .tdb td,
.tdt td,
#mw-content-text .mw-parser-output .tdb1 td:nth-child(1),
.tdt1 td:nth-child(1),
#mw-content-text .mw-parser-output .tdb2 td:nth-child(2),
.tdt2 td:nth-child(2),
#mw-content-text .mw-parser-output .tdb3 td:nth-child(3),
.tdt3 td:nth-child(3),
#mw-content-text .mw-parser-output .tdb4 td:nth-child(4),
.tdt4 td:nth-child(4),
#mw-content-text .mw-parser-output .tdb5 td:nth-child(5),
.tdt5 td:nth-child(5),
#mw-content-text .mw-parser-output .tdb6 td:nth-child(6),
.tdt6 td:nth-child(6),
#mw-content-text .mw-parser-output .tdb7 td:nth-child(7),
.tdt7 td:nth-child(7),
#mw-content-text .mw-parser-output .tdb8 td:nth-child(8),
.tdt8 td:nth-child(8),
#mw-content-text .mw-parser-output .tdb9 td:nth-child(9),
.tdt9 td:nth-child(9),
#mw-content-text .mw-parser-output .tdb10 td:nth-child(10),
.tdt10 td:nth-child(10),
#mw-content-text .mw-parser-output .tdb11 td:nth-child(11),
.tdt11 td:nth-child(11),
#mw-content-text .mw-parser-output .tdb12 td:nth-child(12),
.tdt12 td:nth-child(12),
#mw-content-text .mw-parser-output .tdb13 td:nth-child(13),
.tdt13 td:nth-child(13),
#mw-content-text .mw-parser-output .tdb14 td:nth-child(14),
.tdt14 td:nth-child(14),
#mw-content-text .mw-parser-output .tdb15 td:nth-child(15),
.tdt15 td:nth-child(15),
#mw-content-text .mw-parser-output .tdb16 td:nth-child(16),
.tdt16 td:nth-child(16),
#mw-content-text .mw-parser-output .tdb17 td:nth-child(17),
.tdt17 td:nth-child(17),
#mw-content-text .mw-parser-output .tdb18 td:nth-child(18),
.tdt18 td:nth-child(18),
#mw-content-text .mw-parser-output .tdb19 td:nth-child(19),
.tdt19 td:nth-child(19),
#mw-content-text .mw-parser-output .tdb20 td:nth-child(20) {
.tdt20 td:nth-child(20) {
vertical-align: bottom;
vertical-align: top;
}
}


#mw-content-text .mw-parser-output .thb th,
.tht th,
#mw-content-text .mw-parser-output .thb1 th:nth-child(1),
.tht1 th:nth-child(1),
#mw-content-text .mw-parser-output .thb2 th:nth-child(2),
.tht2 th:nth-child(2),
#mw-content-text .mw-parser-output .thb3 th:nth-child(3),
.tht3 th:nth-child(3),
#mw-content-text .mw-parser-output .thb4 th:nth-child(4),
.tht4 th:nth-child(4),
#mw-content-text .mw-parser-output .thb5 th:nth-child(5),
.tht5 th:nth-child(5),
#mw-content-text .mw-parser-output .thb6 th:nth-child(6),
.tht6 th:nth-child(6),
#mw-content-text .mw-parser-output .thb7 th:nth-child(7),
.tht7 th:nth-child(7),
#mw-content-text .mw-parser-output .thb8 th:nth-child(8),
.tht8 th:nth-child(8),
#mw-content-text .mw-parser-output .thb9 th:nth-child(9),
.tht9 th:nth-child(9),
#mw-content-text .mw-parser-output .thb10 th:nth-child(10),
.tht10 th:nth-child(10),
#mw-content-text .mw-parser-output .thb11 th:nth-child(11),
.tht11 th:nth-child(11),
#mw-content-text .mw-parser-output .thb12 th:nth-child(12),
.tht12 th:nth-child(12),
#mw-content-text .mw-parser-output .thb13 th:nth-child(13),
.tht13 th:nth-child(13),
#mw-content-text .mw-parser-output .thb14 th:nth-child(14),
.tht14 th:nth-child(14),
#mw-content-text .mw-parser-output .thb15 th:nth-child(15),
.tht15 th:nth-child(15),
#mw-content-text .mw-parser-output .thb16 th:nth-child(16),
.tht16 th:nth-child(16),
#mw-content-text .mw-parser-output .thb17 th:nth-child(17),
.tht17 th:nth-child(17),
#mw-content-text .mw-parser-output .thb18 th:nth-child(18),
.tht18 th:nth-child(18),
#mw-content-text .mw-parser-output .thb19 th:nth-child(19),
.tht19 th:nth-child(19),
#mw-content-text .mw-parser-output .thb20 th:nth-child(20) {
.tht20 th:nth-child(20) {
vertical-align: bottom;
vertical-align: top;
}
}


/* || GIFT TABLE */
.tdm td,
.gift-table {
.tdm1 td:nth-child(1),
width: fit-content;
.tdm2 td:nth-child(2),
}
.tdm3 td:nth-child(3),
.gift-table tr:first-child th {
.tdm4 td:nth-child(4),
  background-color: var(--brown-200);
.tdm5 td:nth-child(5),
}
.tdm6 td:nth-child(6),
.tdm7 td:nth-child(7),
.tdm8 td:nth-child(8),
.tdm9 td:nth-child(9),
.tdm10 td:nth-child(10),
.tdm11 td:nth-child(11),
.tdm12 td:nth-child(12),
.tdm13 td:nth-child(13),
.tdm14 td:nth-child(14),
.tdm15 td:nth-child(15),
.tdm16 td:nth-child(16),
.tdm17 td:nth-child(17),
.tdm18 td:nth-child(18),
.tdm19 td:nth-child(19),
.tdm20 td:nth-child(20) {
vertical-align: middle;
}


.gift-table th {
.thm th,
  border-bottom: 1px solid var(--gray-200);
.thm1 th:nth-child(1),
  background-color: var(--gray-100);
.thm2 th:nth-child(2),
}
.thm3 th:nth-child(3),
.thm4 th:nth-child(4),
.thm5 th:nth-child(5),
.thm6 th:nth-child(6),
.thm7 th:nth-child(7),
.thm8 th:nth-child(8),
.thm9 th:nth-child(9),
.thm10 th:nth-child(10),
.thm11 th:nth-child(11),
.thm12 th:nth-child(12),
.thm13 th:nth-child(13),
.thm14 th:nth-child(14),
.thm15 th:nth-child(15),
.thm16 th:nth-child(16),
.thm17 th:nth-child(17),
.thm18 th:nth-child(18),
.thm19 th:nth-child(19),
.thm20 th:nth-child(20) {
vertical-align: middle;
}


/* || SCHEDULE TABLE */
.tdb td,
.schedule-table {
.tdb1 td:nth-child(1),
width: 500px;
.tdb2 td:nth-child(2),
margin: 8px 4px;
.tdb3 td:nth-child(3),
}
.tdb4 td:nth-child(4),
.tdb5 td:nth-child(5),
.tdb6 td:nth-child(6),
.tdb7 td:nth-child(7),
.tdb8 td:nth-child(8),
.tdb9 td:nth-child(9),
.tdb10 td:nth-child(10),
.tdb11 td:nth-child(11),
.tdb12 td:nth-child(12),
.tdb13 td:nth-child(13),
.tdb14 td:nth-child(14),
.tdb15 td:nth-child(15),
.tdb16 td:nth-child(16),
.tdb17 td:nth-child(17),
.tdb18 td:nth-child(18),
.tdb19 td:nth-child(19),
.tdb20 td:nth-child(20) {
vertical-align: bottom;
}


.schedule-table tr:first-child th {
.thb th,
  text-align: center;
.thb1 th:nth-child(1),
.thb2 th:nth-child(2),
.thb3 th:nth-child(3),
.thb4 th:nth-child(4),
.thb5 th:nth-child(5),
.thb6 th:nth-child(6),
.thb7 th:nth-child(7),
.thb8 th:nth-child(8),
.thb9 th:nth-child(9),
.thb10 th:nth-child(10),
.thb11 th:nth-child(11),
.thb12 th:nth-child(12),
.thb13 th:nth-child(13),
.thb14 th:nth-child(14),
.thb15 th:nth-child(15),
.thb16 th:nth-child(16),
.thb17 th:nth-child(17),
.thb18 th:nth-child(18),
.thb19 th:nth-child(19),
.thb20 th:nth-child(20) {
vertical-align: bottom;
}
}
}


.schedule-table .days-header {
/** Classes for table width **/
background-color: var(--gray-100);
.w-5 {width: 5%;}
}
.w-10 {width: 10%;}
 
.w-20 {width: 20%;}
@media (max-width: 720px) {
.w-25 {width: 25%;}
  .schedule-table {
.w-33 {width: 33%;}
    width: 100%;
.w-40 {width: 40%;}
  }
.w-50 {width: 50%;}
}
.w-60 {width: 60%;}
 
.w-66 {width: 66%;}
@media (max-width: 480px) {
.w-75 {width: 75%;}
  .gift-table .columntemplate {
.w-80 {width: 80%;}
    column-count: 2 !important;
.w-90 {width: 90%;}
  }
.w-95 {width: 95%;}
}
.w-100 {width: 100%;}

Latest revision as of 09:45, 15 July 2024

/* table header and cell alignment */
@media screen (max-width: 1024px) {
	.mw-parser-output {
		.article-table tr td,
		.article-table tr th,
		.wikitable tr td,
		.wikitable tr th {
			text-align: inherit;
		}
	}
}
table {
	border-collapse: collapse;
}

.page-content .article-table,
.page-content .wikitable,
.page-content .fandom-table {
	margin: 1em 0;
}

/* collapsible button in tables */
.wikitable .mw-collapsible-toggle,
.article-table .mw-collapsible-toggle{
	width: 5em;
	width: auto;
	width: fit-content;
}
/* collapsible button at caption on top of table */
.wikitable caption .mw-collapsible-toggle,
.article-table caption .mw-collapsible-toggle {
	float: left !important;
}
/* Reducing left margin when using lists in a table */
.mw-parser-output td > .columntemplate > ul,
.mw-parser-output td > .columntemplate > ol,
.mw-parser-output td > ul,
.mw-parser-output td > ol {
	margin-left: 1em;
}

/* New table styling */
.article-table,
.wikitable,
.wikitable.filehistory {
	border-radius: 4px;
	overflow: hidden;
	outline: 1px solid var(--theme-border-color);
	outline-offset: -1px;
}

/* th styling */
.wikitable th,
.wikitable.filehistory th {
	font-weight: bold;
	border: 1px solid var(--theme-border-color);
	line-height: 20px;
	padding: 10px;
}

.wikitable th hr,
.wikitable.filehistory th hr {
	border: 1px solid var(--theme-border-color);
}

.wikitable tr th:last-child,
.wikitable.filehistory tr th:last-child {
	border: 1px solid var(--theme-border-color);
}

/* td styling */
.wikitable td,
.wikitable td,
.wikitable.filehistory td {
	padding: 5px 10px;
	border: 1px solid var(--theme-border-color);
}

.wikitable td:last-child,
.wikitable.filehistory td:last-child {
	border: 1px solid var(--theme-border-color);
}

/* td colors */
.mw-datatable > :is(tbody, thead) > tr > td,
.mw-datatable > tr > td,
.mw-json > :is(tbody, thead) > tr > td,
.mw-json > tr > td,
.wikitable > :is(tbody, thead) > tr > td,
.wikitable > tr > td,
.article-table > :is(tbody, thead) > tr > td,
.article-table > tr > td,
.wikitable.filehistory td {
	background-color: var(--theme-page-background-color--secondary);
	color: var(--theme-page-text-color);
	border: 1px solid var(--theme-border-color);
	padding: 4px;
}

/* th colors */
.mw-datatable > :is(tbody, thead) > tr > th,
.mw-datatable > tr > th,
.mw-json > :is(tbody, thead) > tr > th,
.mw-json > tr > th,
.wikitable > :is(tbody, thead) > tr > th,
.wikitable > tr > th,
.article-table > :is(tbody, thead) > tr > th,
.article-table > tr > th,
.wikitable.filehistory th {
	background-color: var(--brown-200);
	border: 1px solid var(--theme-border-color);
	padding: 4px;
}

/*======================================================*/
/* Styles that can be added to an entire table itself   */
/* to apply to each cell in the respective column.      */
/* Removes the need to apply styles to individual cells.*/
/*======================================================*/
#content .mw-parser-output {
	.tdl td,
	.tdl1 td:nth-child(1),
	.tdl2 td:nth-child(2),
	.tdl3 td:nth-child(3),
	.tdl4 td:nth-child(4),
	.tdl5 td:nth-child(5),
	.tdl6 td:nth-child(6),
	.tdl7 td:nth-child(7),
	.tdl8 td:nth-child(8),
	.tdl9 td:nth-child(9),
	.tdl10 td:nth-child(10),
	.tdl11 td:nth-child(11),
	.tdl12 td:nth-child(12),
	.tdl13 td:nth-child(13),
	.tdl14 td:nth-child(14),
	.tdl15 td:nth-child(15),
	.tdl16 td:nth-child(16),
	.tdl17 td:nth-child(17),
	.tdl18 td:nth-child(18),
	.tdl19 td:nth-child(19),
	.tdl20 td:nth-child(20) {
		text-align: left;
	}

	.thl th,
	.thl1 th:nth-child(1),
	.thl2 th:nth-child(2),
	.thl3 th:nth-child(3),
	.thl4 th:nth-child(4),
	.thl5 th:nth-child(5),
	.thl6 th:nth-child(6),
	.thl7 th:nth-child(7),
	.thl8 th:nth-child(8),
	.thl9 th:nth-child(9),
	.thl10 th:nth-child(10),
	.thl11 th:nth-child(11),
	.thl12 th:nth-child(12),
	.thl13 th:nth-child(13),
	.thl14 th:nth-child(14),
	.thl15 th:nth-child(15),
	.thl16 th:nth-child(16),
	.thl17 th:nth-child(17),
	.thl18 th:nth-child(18),
	.thl19 th:nth-child(19),
	.thl20 th:nth-child(20) {
		text-align: left;
	}

	.tdc td,
	.tdc1 td:nth-child(1),
	.tdc2 td:nth-child(2),
	.tdc3 td:nth-child(3),
	.tdc4 td:nth-child(4),
	.tdc5 td:nth-child(5),
	.tdc6 td:nth-child(6),
	.tdc7 td:nth-child(7),
	.tdc8 td:nth-child(8),
	.tdc9 td:nth-child(9),
	.tdc10 td:nth-child(10),
	.tdc11 td:nth-child(11),
	.tdc12 td:nth-child(12),
	.tdc13 td:nth-child(13),
	.tdc14 td:nth-child(14),
	.tdc15 td:nth-child(15),
	.tdc16 td:nth-child(16),
	.tdc17 td:nth-child(17),
	.tdc18 td:nth-child(18),
	.tdc19 td:nth-child(19),
	.tdc20 td:nth-child(20) {
		text-align: center;
	}

	.thc th,
	.thc1 th:nth-child(1),
	.thc2 th:nth-child(2),
	.thc3 th:nth-child(3),
	.thc4 th:nth-child(4),
	.thc5 th:nth-child(5),
	.thc6 th:nth-child(6),
	.thc7 th:nth-child(7),
	.thc8 th:nth-child(8),
	.thc9 th:nth-child(9),
	.thc10 th:nth-child(10),
	.thc11 th:nth-child(11),
	.thc12 th:nth-child(12),
	.thc13 th:nth-child(13),
	.thc14 th:nth-child(14),
	.thc15 th:nth-child(15),
	.thc16 th:nth-child(16),
	.thc17 th:nth-child(17),
	.thc18 th:nth-child(18),
	.thc19 th:nth-child(19),
	.thc20 th:nth-child(20) {
		text-align: center;
	}

	.tdr td,
	.tdr1 td:nth-child(1),
	.tdr2 td:nth-child(2),
	.tdr3 td:nth-child(3),
	.tdr4 td:nth-child(4),
	.tdr5 td:nth-child(5),
	.tdr6 td:nth-child(6),
	.tdr7 td:nth-child(7),
	.tdr8 td:nth-child(8),
	.tdr9 td:nth-child(9),
	.tdr10 td:nth-child(10),
	.tdr11 td:nth-child(11),
	.tdr12 td:nth-child(12),
	.tdr13 td:nth-child(13),
	.tdr14 td:nth-child(14),
	.tdr15 td:nth-child(15),
	.tdr16 td:nth-child(16),
	.tdr17 td:nth-child(17),
	.tdr18 td:nth-child(18),
	.tdr19 td:nth-child(19),
	.tdr20 td:nth-child(20) {
		text-align: right;
	}

	.thr th,
	.thr1 th:nth-child(1),
	.thr2 th:nth-child(2),
	.thr3 th:nth-child(3),
	.thr4 th:nth-child(4),
	.thr5 th:nth-child(5),
	.thr6 th:nth-child(6),
	.thr7 th:nth-child(7),
	.thr8 th:nth-child(8),
	.thr9 th:nth-child(9),
	.thr10 th:nth-child(10),
	.thr11 th:nth-child(11),
	.thr12 th:nth-child(12),
	.thr13 th:nth-child(13),
	.thr14 th:nth-child(14),
	.thr15 th:nth-child(15),
	.thr16 th:nth-child(16),
	.thr17 th:nth-child(17),
	.thr18 th:nth-child(18),
	.thr19 th:nth-child(19),
	.thr20 th:nth-child(20) {
		text-align: right;
	}

	.tdt td,
	.tdt1 td:nth-child(1),
	.tdt2 td:nth-child(2),
	.tdt3 td:nth-child(3),
	.tdt4 td:nth-child(4),
	.tdt5 td:nth-child(5),
	.tdt6 td:nth-child(6),
	.tdt7 td:nth-child(7),
	.tdt8 td:nth-child(8),
	.tdt9 td:nth-child(9),
	.tdt10 td:nth-child(10),
	.tdt11 td:nth-child(11),
	.tdt12 td:nth-child(12),
	.tdt13 td:nth-child(13),
	.tdt14 td:nth-child(14),
	.tdt15 td:nth-child(15),
	.tdt16 td:nth-child(16),
	.tdt17 td:nth-child(17),
	.tdt18 td:nth-child(18),
	.tdt19 td:nth-child(19),
	.tdt20 td:nth-child(20) {
		vertical-align: top;
	}

	.tht th,
	.tht1 th:nth-child(1),
	.tht2 th:nth-child(2),
	.tht3 th:nth-child(3),
	.tht4 th:nth-child(4),
	.tht5 th:nth-child(5),
	.tht6 th:nth-child(6),
	.tht7 th:nth-child(7),
	.tht8 th:nth-child(8),
	.tht9 th:nth-child(9),
	.tht10 th:nth-child(10),
	.tht11 th:nth-child(11),
	.tht12 th:nth-child(12),
	.tht13 th:nth-child(13),
	.tht14 th:nth-child(14),
	.tht15 th:nth-child(15),
	.tht16 th:nth-child(16),
	.tht17 th:nth-child(17),
	.tht18 th:nth-child(18),
	.tht19 th:nth-child(19),
	.tht20 th:nth-child(20) {
		vertical-align: top;
	}

	.tdm td,
	.tdm1 td:nth-child(1),
	.tdm2 td:nth-child(2),
	.tdm3 td:nth-child(3),
	.tdm4 td:nth-child(4),
	.tdm5 td:nth-child(5),
	.tdm6 td:nth-child(6),
	.tdm7 td:nth-child(7),
	.tdm8 td:nth-child(8),
	.tdm9 td:nth-child(9),
	.tdm10 td:nth-child(10),
	.tdm11 td:nth-child(11),
	.tdm12 td:nth-child(12),
	.tdm13 td:nth-child(13),
	.tdm14 td:nth-child(14),
	.tdm15 td:nth-child(15),
	.tdm16 td:nth-child(16),
	.tdm17 td:nth-child(17),
	.tdm18 td:nth-child(18),
	.tdm19 td:nth-child(19),
	.tdm20 td:nth-child(20) {
		vertical-align: middle;
	}

	.thm th,
	.thm1 th:nth-child(1),
	.thm2 th:nth-child(2),
	.thm3 th:nth-child(3),
	.thm4 th:nth-child(4),
	.thm5 th:nth-child(5),
	.thm6 th:nth-child(6),
	.thm7 th:nth-child(7),
	.thm8 th:nth-child(8),
	.thm9 th:nth-child(9),
	.thm10 th:nth-child(10),
	.thm11 th:nth-child(11),
	.thm12 th:nth-child(12),
	.thm13 th:nth-child(13),
	.thm14 th:nth-child(14),
	.thm15 th:nth-child(15),
	.thm16 th:nth-child(16),
	.thm17 th:nth-child(17),
	.thm18 th:nth-child(18),
	.thm19 th:nth-child(19),
	.thm20 th:nth-child(20) {
		vertical-align: middle;
	}

	.tdb td,
	.tdb1 td:nth-child(1),
	.tdb2 td:nth-child(2),
	.tdb3 td:nth-child(3),
	.tdb4 td:nth-child(4),
	.tdb5 td:nth-child(5),
	.tdb6 td:nth-child(6),
	.tdb7 td:nth-child(7),
	.tdb8 td:nth-child(8),
	.tdb9 td:nth-child(9),
	.tdb10 td:nth-child(10),
	.tdb11 td:nth-child(11),
	.tdb12 td:nth-child(12),
	.tdb13 td:nth-child(13),
	.tdb14 td:nth-child(14),
	.tdb15 td:nth-child(15),
	.tdb16 td:nth-child(16),
	.tdb17 td:nth-child(17),
	.tdb18 td:nth-child(18),
	.tdb19 td:nth-child(19),
	.tdb20 td:nth-child(20) {
		vertical-align: bottom;
	}

	.thb th,
	.thb1 th:nth-child(1),
	.thb2 th:nth-child(2),
	.thb3 th:nth-child(3),
	.thb4 th:nth-child(4),
	.thb5 th:nth-child(5),
	.thb6 th:nth-child(6),
	.thb7 th:nth-child(7),
	.thb8 th:nth-child(8),
	.thb9 th:nth-child(9),
	.thb10 th:nth-child(10),
	.thb11 th:nth-child(11),
	.thb12 th:nth-child(12),
	.thb13 th:nth-child(13),
	.thb14 th:nth-child(14),
	.thb15 th:nth-child(15),
	.thb16 th:nth-child(16),
	.thb17 th:nth-child(17),
	.thb18 th:nth-child(18),
	.thb19 th:nth-child(19),
	.thb20 th:nth-child(20) {
		vertical-align: bottom;
	}
}

/** Classes for table width **/
.w-5 {width: 5%;}
.w-10 {width: 10%;}
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-33 {width: 33%;}
.w-40 {width: 40%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-66 {width: 66%;}
.w-75 {width: 75%;}
.w-80 {width: 80%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
.w-100 {width: 100%;}