Difference between revisions of "Common.css"

Revision as of 18:43, 9 June 2019

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

/* Grid Modifiers */
[class|="catgrid"] {
  background-color: #f8f9fa;
  text-align:center;
  max-width: 800px;
}
div.catgrid-header, div.catgrid-row {
  background-color: #f8f9fa;
  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;
}

/* 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}

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.cols {column-width:300px; column-gap:40px; margin-bottom:20px}
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 {
  -webkit-column-break-before: avoid;
  break-before: avoid-column;
}

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

/* Cards */
div.hint {float:right;max-width:33%;margin-left:10px;padding:.8em;border:1px solid #DDDDDD;}