MediaWiki:Vector.css

From Ultima Codex
Jump to navigation Jump to search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* All CSS here will be loaded for users of the Vector skin */
/* Assign to table that are meant to distribute nested tables horizontally */
.supertable > tbody > tr {
  vertical-align: top;
}

/* Assign to tables that commonly have a "lightblue" header, which currently amounts to most shop table as well as the Weapons values and Armour values articles. */
table.shop-table, table.weapons-table, table.armour-table, table.stats-table {
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0.25em;
  border: 1px solid;
}

table.shop-table th, table.weapons-table th, table.armour-table th, table.stats-table th {
  background-color: lightblue;
  text-align: center;
  padding: 5px;
  border-left: 1px solid;
  border-right: 1px solid;
}

table.shop-table tr, table.weapons-table tr, table.armour-table tr, table.stats-table tr {
  border-top: 0.25em;
  border-bottom: 1px solid;
}

table.shop-table td, table.weapons-table td, table.armour-table td, table.stats-table td {
  padding: 5px;
  border-left: 1px solid;
  border-right: 1px solid;
}

table.shop-table tr:first-child, table.weapons-table tr:first-child, table.armour-table tr:first-child, table.stats-table tr:first-child {
    border-top: none;
}

table.shop-table tr:last-child, table.weapons-table tr:last-child, table.armour-table tr:last-child, table.stats-table tr:last-child {
    border-bottom: none;
}

table.shop-table td:first-child, table.weapons-table td:first-child, table.armour-table td:first-child, table.stats-table td:first-child {
    border-left: none;
}

table.shop-table td:last-child, table.weapons-table td:last-child, table.armour-table td:last-child, table.stats-table td:last-child {
    border-right: none;
}

/* Use in a table cell that is entirely 1 figure, in a column entirely represented by some quantity, such as "Damage" or "Cost" */
.figure {
  text-align: right;
  font-family: monospace
}