Difference between revisions of "Common.css"

Revision as of 20:59, 9 December 2020

/* CSS placed here will be applied to all skins */

div.mw-parser-output {max-width:1200px}
.wikitable {overflow:scroll;}

/* Table of content classes */
.toc-cols2 ul {column-count:2; column-gap:20px; display: inline-block}
.toc-cols3 ul {column-count:3; column-gap:20px; display: inline-block}

.tocnumber { display: none; }

.toclimit5 li.toclevel-6 {display:none}
.toclimit4 li.toclevel-6, .toclimit4 li.toclevel-5 {display:none}
.toclimit3 li.toclevel-6, .toclimit3 li.toclevel-5, .toclimit3 li.toclevel-4 {display:none}
.toclimit2 li.toclevel-6, .toclimit2 li.toclevel-5, .toclimit2 li.toclevel-4, .toclimit2 li.toclevel-3 {display:none}
.toclimit1 li.toclevel-6, .toclimit1 li.toclevel-5, .toclimit1 li.toclevel-4, .toclimit1 li.toclevel-3, .toclimit1 li.toclevel-2 {display:none}



/* Grid Modifiers */
/*[class|="catgrid"] {
  background-color: #fff;
  text-align:center;
  max-width: 800px;
}*/
div.catgrid-header, div.catgrid-row {
  margin: auto !important;
  max-width: 800px !important; 
} 
div.catgrid-header div {
  text-align:center;
  background-color: #eaecf0;
  padding: 0.6em;
}
div.catgrid-row div {
  text-align:center;
  background-color: #f8f9fa;
  padding: 0.6em;
  border: 2px #fff solid;
}



/* Table Modifiers */
table.center-text tr th {text-align:center;}
table.center-text tr td {text-align:center;}

table.right {float:right;margin-left:8px}

table.fourthcolhalfwidth td:nth-child(4) {column-width: 50%;}

div.chclass {overflow:auto;}
div#chclass th:nth-child(6) {text-align:left;}
div#chclass td {text-align:center;}
div#chclass td:nth-child(6) {text-align:left;}



/* Columns */
div.cols2 {column-count:2; column-width:150px; column-gap:40px; margin-bottom:20px;}
div.cols {column-width:300px; column-gap:40px; margin-bottom:20px; clear:right;}
div.cols-wide {column-width:450px; column-gap:40px; margin-bottom:20px}
div.cols-xwide {column-width:945px; column-gap:40px; margin-bottom:20px}

div.cols h3, div.cols h4 {
  -webkit-column-break-after: avoid;
  break-after: avoid-column;
}

div.colbreak {
  -webkit-column-span: all; 
  column-span: all;
}

div.keeptogether {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}


div.cols table {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

div.cols h3+p, div.cols h4+p, div.cols h5+p {
  -webkit-column-break-before: avoid;
  break-before: avoid-column;
}

div.colheader h2, div.colheader h3, div.colheader h4, div.colheader h5 {
  -webkit-column-span: all; 
  column-span: all; 
  margin-top:20px;
}



/* Images */
/* [[File:Myimage.jpg|class=halfwidth]] */
img.halfwidth {
    width: 50%;
    height: auto;
}


/* Cards */
div.hint {padding:.8em;border:1px solid #DDDDDD;}


/* OGL */
div.oglcard {
   padding:.8em;
   border:1px solid;
   font-size:0.8em;
}
div.oglcard h1, div.oglcard p, div.oglcard div {
   font-size:0.8em;
}