MediaWiki:Common.css

From HorizonXI Wiki
Revision as of 22:39, 26 January 2023 by Spiffly (talk | contribs) (Created page with "→‎CSS placed here will be applied to all skins: →‎General purpose "pretty (data) tables": table.datatable { background-color: transparent; } table.datatable th, table.datatable td { padding: 4px; } table.datatable th { text-align: left; background-color: #d87093; } table.datatable tr { background-color: #ccccff; } table.datatable tr:hover { background-color: #e3e6ff; } li #credits { white-space: normal; } .headbare h1, .headbare h2 { border-b...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* General purpose "pretty (data) tables" */
table.datatable {
  background-color: transparent;
}

table.datatable th,
table.datatable td {
  padding: 4px;
}

table.datatable th {
  text-align: left;
  background-color: #d87093;
}

table.datatable tr {
  background-color: #ccccff;
}

table.datatable tr:hover {
  background-color: #e3e6ff;
}

li #credits {
  white-space: normal;
}

.headbare h1,
.headbare h2 {
  border-bottom: none;
}

.mw-plusminus-pos {
  color: #006500;
}

.mw-plusminus-neg {
  color: #8B0000;
}

/* Lists with less indentation */
.compact-list dd {
  margin-left: 1ex;
}

.flush-list dd {
  margin-left: 0;
}

/* Various common tables */
table.mission-table,
table.monster-table,
table.poi-table,
table.npc-table,
table.nm-table {
  width: 100%;
}

table.ffxi-table,
table.mission-table,
table.monster-table,
table.nm-table{
  border-spacing: 2px;
}

table.job-table {
  border-spacing: 0;
  border-collapse: collapse;
}

table.job-table td,
table.job-table th {
  border: 2px ridge;
}

table.ffxi-table td,
table.ffxi-table th,
table.nm-table td,
table.nm-table th,
table.job-table td,
table.job-table th {
  padding: 2px;
}

table.job-table td,
table.job-table th {
  padding-left: 1ex;
}

table.job-table td {
  vertical-align: top;
}

table.mission-table td,
table.mission-table th,
table.poi-table td,
table.poi-table th,
table.npc-table td,
table.npc-table th,
table.monster-table td,
table.monster-table th,
table.monster-table tr.ffxi-footer td,
table.monster-table td.ffxi-footer {
  text-align: center;
  padding: 2px;
}

table.nm-table td {
  text-align: left;
}

/* Various table background colors */
table.ffxi-table tr,
table.mission-table tr,
table.monster-table tr,
table tr.bg-blue,
.bg-blue tr,
.bg-blue {
  background-color: #f9e8e8;
}

table.bg-blue-alt tr,
table tr.bg-blue-alt,
.bg-blue-alt {
  background-color: #d5d9ff;
}

table.ffxi-table th,
table.monster-table th,
table.poi-table th,
table.npc-table th,
table.itm-table th,
table.gtm-table th,
table.quest-table th,
table.fishing-table th,
table.chocodig-table th,
table tr.ffxi-header,
table tr td.ffxi-header,
table tr th.ffxi-header,
table tr.ffxi-footer,
table tr td.ffxi-footer,
table tr th.ffxi-footer,
table tr.bg-header,
.bg-header tr,
.bg-header {
  background-color: #9d5757;
}

table.job-table tr,
table tr.bg-bright-blue,
.bg-bright-blue tr,
.bg-bright-blue {
  background-color: #eaf0ff;
}

table.quest-table tr,
table tr.bg-mauve,
.bg-mauve tr,
.bg-mauve {
  background-color: #fffcf5;
}

table.fishing-table tr,
table tr.bg-seablue,
.bg-seablue tr,
.bg-seablue {
  background-color: #66b2ff;
}

table.chocodig-table tr,
table tr.bg-cream,
.bg-cream tr,
.bg-cream {
  background-color: #fffacd;
}

table.spell-table tr,
table tr.bg-faint-blue,
.bg-faint-blue tr,
.bg-faint-blue {
  background-color: #eeeeff;
}

table.nm-table th,
.bg-red th,
.bg-nm th,
.bg-nm .ffxi-header,
.bg-nm .ffxi-footer {
  background-color: #f76b6b;
}

table.nm-table tr,
table tr.bg-red,
table tr.bg-nm,
.bg-red tr,
.bg-nm tr,
.bg-red,
.bg-nm {
  background-color: #ffd9d9;
}

table.artifact-table tr,
table tr.bg-faint-red,
.bg-faint-red tr,
.bg-faint-red {
  background-color: #ffeaf0;
}

table.skill-table td,
table tr.bg-beige,
.bg-beige tr,
.bg-beige {
  background-color: #f5f5f5;
}

table.job-table th,
table tr.bg-header-blue,
.bg-header-blue tr,
.bg-header-blue {
  background-color: #66ccff;
}

table.spell-table th,
table tr.bg-header-purple,
.bg-header-purple tr,
.bg-header-purple {
  background-color: #ccaaff;
}

table.skill-table th,
table tr.bg-header-beige,
.bg-header-beige tr,
.bg-header-beige {
  background-color: #cdc8b1;
}

table.artifact-table th,
table tr.bg-header-red,
.bg-header-red tr,
.bg-header-red {
  background-color: #e87093;
}

table.gtm-table tr,
table.spawn-table tr,
table.poi-table tr,
table tr.bg-green,
.bg-green tr,
.bg-green {
  background-color: #c8e6c9;
}

table.spawn-table th,
table tr.bg-dark-green,
.bg-dark-green tr,
.bg-dark-green {
  background-color: #6bf799;
}

table.npc-table tr,
table tr.bg-purple,
.bg-purple tr,
.bg-purple {
  background-color: #e1bee7;
}

table.itm-table tr,
table tr.bg-yellow,
.bg-yellow tr,
.bg-yellow {
  background-color: #f0f4c3;
}

table.mission-table th,
table th.pst-green,
.pst-green th,
.pst-green {
  background-color: #ceffc7;
}
.wide-table {
  width: 100%;
}