Common.css
Revision as of 13:14, 9 September 2020 by BrianFreud (talk | contribs)
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: 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.
/*CSS gets applied to specific namespaces (titles) via namespace ID. Current Namespace ID's are :
ns-3000 Ultima Online
ns-3002 Shards Online
ns-3004 Shroud of the Avatar
*/
/* Define variables */
:root {
--fontSans: Georgia, Times, serif;
--stdLineHeight: 1.2rem;
--stdListLineHeight: 1.3rem;
}
/* General reset and overrides */
#page-content {
background-color: #222!important;
background-image: none!important;
font-family: Arial, sans-serif;
}
.mw-headline {
color: goldenrod;
}
.title-name {
white-space: nowrap;
}
html {
font-size: 14px;
}
a {
color: dodgerblue;
}
a.new {
color: #dd4444;
}
blockquote {
margin: 2rem;
}
caption {
color: #fff!important;
text-align: left;
}
dd, dt {
font-weight: 500!important;
}
dd {
color: lightgray;
margin: 0.2rem;
}
dl, ol {
line-height: var(--stdListLineHeight);
}
fieldset {
border: 0;
font-size: .9rem;
line-height: .9rem;
}
h1 {
font-family: var(--fontSans)!important;
font-size: 1.7rem;
font-weight: 900!important;
max-width: 65%;
}
h2 {
border-bottom-color: rgb(170, 170, 170);
border-bottom-style: solid;
border-bottom-width: 1px;
font-family: var(--fontSans)!important;
font-size: 1.6rem;
font-weight: 900!important;
margin-top: 1rem!important;
width: 65%;
}
h3 {
font-family: var(--fontSans)!important;
font-size: 1.3rem;
font-weight: 600!important;
margin-top: 1rem!important;
}
h4 {
font-family: var(--fontSans)!important;
font-size: 1.2rem;
}
h5 {
font-family: var(--fontSans)!important;
font-size: 1.1rem;
}
h6 {
font-family: var(--fontSans)!important;
font-size: 1rem;
}
img {
image-rendering: crisp-edges;
}
input, select {
background-color: #101010!important;
border-color: #444!important;
border-radius: 2px!important;
box-sizing: border-box!important;
color: #cfcfcf!important;
display: inline-block!important;
height: 1.8rem!important;
margin-bottom: 2px!important;
outline: 0;
padding: 5px 10px!important;
}
input[type='checkbox'] {
height: 12px!important;
vertical-align: inherit;
}
input:focus {
border: 1px solid goldenrod;
box-shadow: 0 0 10px #719ECE;
outline: none !important;
}
label {
color: #eee;
font-size: 1rem;
line-height: unset;
vertical-align: middle;
}
select::after {
color: #cfcfcf;
content: "▼";
}
table {
width: unset;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
margin-top: 0;
}
#bodyContent ul {
line-height: var(--stdListLineHeight);
list-style: none;
padding: 0;
/*margin: 0;*/
}
#bodyContent li {
margin: 0.2rem;
}
#toc span {
font-size: .9rem;
}
#bodyContent table.wikitable {
background-color: transparent!important;
border: 0;
max-width: 90%;
color: white;
}
table tr th, table tr td {
color: white;
}
table.wikitable tr th {
color: black;
}
table.infobox tr td {
color: black;
}
table.wikitable>tr>th,
table.wikitable>tr>td,
table.wikitable>*>tr>th,
table.wikitable>*>tr>td {
border: 1px solid #fff;
padding: .4rem;
}
table.greytable>tr>th,
table.greytable>tr>td,
table.greytable>*>tr>th,
table.greytable>*>tr>td {
border: 1px solid #222;
padding: .4rem;
}
table.zebrastripe tr:nth-child(odd) {
background-color: #99C;
}
table.zebrastripe tr:nth-child(even) {
background-color: #336;
}
table.zebrastripe tr td {
font-weight: 600;
}
table.zebrastripe tr:nth-child(odd) td {
color: #000;
}
table.zebrastripe tr:nth-child(even) td {
color: #DDD;
}
table.zebrastripe tr:nth-child(odd) td a {
color: #336;
}
table.zebrastripe tr:nth-child(even) td a {
color: #99C;
}
table.zebrastripe tr td a.new {
color: darkred!important;
}
table.zebrastripe tr:nth-child(even) td a.new {
color: #dd4444!important;;
}
.tippy-header {
display: none;
}
.tabberlive > .tabbertab:not(.tabbertabhide) {
border:0;
}
/* Specific display tweaks ----------------------- */
/* Images */
div.tright {
border: 1px solid grey;
padding: 3px;
}
.mw-content-ltr .thumbcaption {
text-align: center;
}
/* Changes pages */
.diff-deletedline .diffchange {
background: darkred;
}
.diff-addedline .diffchange {
background: darkgreen;
}
/* Help link */
a.mw-helplink {
color: rgb(225, 111, 0);
filter: invert(.9);
}
.mw-indicators {
margin-top: -2rem;
}
/* Preferences page */
.oo-ui-panelLayout-framed {
background: transparent;
}
#preferences,
.mw-prefs-buttons,
.oo-ui-fieldsetLayout-header {
background-color: #000!important;
}
.oo-ui-tabSelectWidget {
background-color: #222;
}
.oo-ui-tabOptionWidget[aria-selected=false] {
background-color: #888;
}
/* Search page */
#searchText input[type=search] {
margin-left: 2rem;
}
#searchText .oo-ui-icon-search {
filter: invert(.9);
margin-left: -.5rem;
}
.oo-ui-actionFieldLayout-button button {
margin-left: 3rem;
}
#mw-searchoptions {
background-color: #111!important;
}
/* End specific display tweaks ------------------- */
/* Grid */
.grid {
/* Grid Fallback */
display: flex;
flex-wrap: wrap;
/* Supports Grid */
display: grid;
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
grid-auto-rows: minmax(8emx, auto);
grid-gap: 1em;
}
.module {
/* Demo-Specific Styles */
display: grid;
align-items: start;
justify-content: center;
min-height: 6rem;
text-align: center;
width: 8rem;
/* Flex Fallback */
margin-left: 5px;
margin-right: 5px;
flex: 1 1 8rem;
}
.module img {
max-height: 3em;
}
/* If Grid is supported, remove the margin we set for the fallback */
@supports (display: grid) {
.module {
margin: 0;
}
}
/* General global-use styles */
.rounded {
border-radius:25px;
}
.indent {
margin-left:2em!important;
}
/* Infoboxes */
.infobox {
background: #fff;
border: 1px solid #aaa;
border-spacing: 3px;
color: #000;
contain: strict;
float:right;
font-size: .85rem;
max-width: 28%;
min-width: 28%;
margin: 1rem;
}
.infobox td,.infobox th {
line-height: var(--stdLineHeight)!important;
padding-top:5px;
text-align:left;
vertical-align:top;
}
.infobox tr td:first-of-type {
font-weight:600;
padding-left:5px;
padding-right:8px;
white-space: nowrap;
}
.titlecell {
background-color: #333;
color: #fff!important;
padding: 2px 8px;
}
.titlecell a {
color: white;
}
/* Disambiguation boxes */
.disambigBox {
border: 1px outset grey;
clear: left;
float: left;
font-size: .9rem;
left: 2%;
min-width: 35%;
max-width: 35%;
min-height: 2.1rem;
padding: .5rem;
text-align: center;
}
/* Fiction pages */
.uofiction {
font-family: 'Goudy Bookletter 1911', serif;
max-width: 75%;
padding-left: 2rem;
}
.uofiction p {
padding-top: .75rem;
font-size: 1.2rem;
color: lightgray;
}
.uofiction::first-letter {
font-size: 250%;
padding-left: .1em;
padding-right: .1em;
}
/* Table tweaks */
.dpltable {
border: 1px solid #aaa;
margin-top: 2rem!important;
}
.invisibletable td,
.invisibletable th {
border-style:none!important;
}
table.dpltable th {
color:#000;
}
/* Page-specific tweaks */
.dyelinks a {
vertical-align:top;
}
.powerwords {
max-width: unset;
}
/* Item image display */
.imagecell {
padding:1rem 0!important;
text-align:center;
}
.imagebox {
position: relative;
right: 1em;
}
/* Inline maps */
.blur {
filter: blur(0.2px);
}
.lightsepia {
filter: brightness(2) grayscale(0.5) sepia(.9) saturate(4) contrast(0.8) brightness(0.6) grayscale(0.6);
}
.pinsepia {
filter: saturate(1.5);
}
.compassrose {
width: 60px;
height: 60px;
position: absolute;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHN0eWxlPi5he2ZpbGw6I2ZmZjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjAuMTtzdHJva2U6I2JmNzAyMjs7fS5ie3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MC4xO3N0cm9rZTojYmY3MDIyO30uY3tzdHJva2U6I2JmNzAyMjt9LmR7c3Ryb2tlLXdpZHRoOjAuM3B4O3N0cm9rZTojYmY3MDIyO30uZXtmaWxsOiNmZmY7c3Ryb2tlLXdpZHRoOjAuM3B4O3N0cm9rZTojYmY3MDIyO30uZntmb250LXNpemU6NnB4O308L3N0eWxlPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNjg2MzIzOSAwIDAgMS42ODYzMjM5IC0xMzYuOTAwNTEgLTE4Ljg4MDgxNykiPjxwYXRoIGQ9Ik05OS45IDIwLjZDOTguNiAyMC42IDk3LjQgMjAuOCA5Ni4yIDIxLjMgOTUuMSAyMS44IDk0LjEgMjIuNSA5My4yIDIzLjQgOTIuMyAyNC4yIDkxLjYgMjUuMyA5MS4xIDI2LjQgOTAuNiAyNy42IDkwLjQgMjguOCA5MC40IDMwLjEgOTAuNCAzMS41IDkwLjYgMzIuNyA5MS4xIDMzLjkgOTEuNiAzNSA5Mi4zIDM2IDkzLjIgMzYuOSA5NC4xIDM3LjggOTUuMSAzOC41IDk2LjIgMzguOSA5Ny40IDM5LjQgOTguNiAzOS43IDk5LjkgMzkuNyAxMDEuMyAzOS43IDEwMi41IDM5LjQgMTAzLjcgMzguOSAxMDQuOCAzOC41IDEwNS45IDM3LjggMTA2LjcgMzYuOSAxMDcuNiAzNiAxMDguMyAzNSAxMDguOCAzMy45IDEwOS4zIDMyLjcgMTA5LjUgMzEuNSAxMDkuNSAzMC4xIDEwOS41IDI4LjggMTA5LjMgMjcuNiAxMDguOCAyNi40IDEwOC4zIDI1LjMgMTA3LjYgMjQuMiAxMDYuNyAyMy40IDEwNS45IDIyLjUgMTA0LjggMjEuOCAxMDMuNyAyMS4zIDEwMi41IDIwLjggMTAxLjMgMjAuNiA5OS45IDIwLjZ6TTk5LjkgMjIuMUMxMDEuMSAyMi4xIDEwMi4xIDIyLjMgMTAzLjEgMjIuNyAxMDQuMSAyMy4xIDEwNC45IDIzLjcgMTA1LjcgMjQuNCAxMDYuNCAyNS4yIDEwNyAyNiAxMDcuNCAyNyAxMDcuOCAyOCAxMDggMjkgMTA4IDMwLjEgMTA4IDMxLjIgMTA3LjggMzIuMyAxMDcuNCAzMy4zIDEwNyAzNC4yIDEwNi40IDM1LjEgMTA1LjcgMzUuOCAxMDQuOSAzNi42IDEwNC4xIDM3LjIgMTAzLjEgMzcuNiAxMDIuMSAzOCAxMDEuMSAzOC4yIDk5LjkgMzguMiA5OC44IDM4LjIgOTcuOCAzOCA5Ni44IDM3LjYgOTUuOSAzNy4yIDk1IDM2LjYgOTQuMyAzNS44IDkzLjUgMzUuMSA5Mi45IDM0LjIgOTIuNSAzMy4zIDkyLjEgMzIuMyA5MS45IDMxLjIgOTEuOSAzMC4xIDkxLjkgMjkgOTIuMSAyOCA5Mi41IDI3IDkyLjkgMjYgOTMuNSAyNS4yIDk0LjMgMjQuNCA5NSAyMy43IDk1LjkgMjMuMSA5Ni44IDIyLjcgOTcuOCAyMi4zIDk4LjggMjIuMSA5OS45IDIyLjF6IiBzdHlsZT0iZmlsbDojZjdmNzAwO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MC4xO3N0cm9rZTojMDAwIi8+PHBhdGggZD0iTTk5LjkgMjIuMUM5OS45IDIwLjcgOTkuOSAyMS44IDk5LjkgMjAuNiAxMDEuMyAyMC42IDEwMi41IDIwLjggMTAzLjcgMjEuMyAxMDMuMiAyMi41IDEwMy42IDIxLjQgMTAzLjEgMjIuNyAxMDIuMSAyMi4zIDEwMS4xIDIyLjEgOTkuOSAyMi4xeiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTAwLjMgMzAuMUMxMDAuMyAzMC4yIDEwMC4zIDMwLjIgMTAwLjMgMzAuMyAxMDAuMyAzMC4zIDEwMC4zIDMwLjQgMTAwLjIgMzAuNCAxMDAuMiAzMC40IDEwMC4xIDMwLjUgMTAwLjEgMzAuNSAxMDAuMSAzMC41IDEwMCAzMC41IDEwMCAzMC41IDk5LjkgMzAuNSA5OS45IDMwLjUgOTkuOCAzMC41IDk5LjggMzAuNSA5OS43IDMwLjQgOTkuNyAzMC40IDk5LjcgMzAuNCA5OS42IDMwLjMgOTkuNiAzMC4zIDk5LjYgMzAuMiA5OS42IDMwLjIgOTkuNiAzMC4xIDk5LjYgMzAuMSA5OS42IDMwIDk5LjYgMzAgOTkuNiAyOS45IDk5LjcgMjkuOSA5OS43IDI5LjkgOTkuNyAyOS44IDk5LjggMjkuOCA5OS44IDI5LjggOTkuOSAyOS44IDk5LjkgMjkuOCAxMDAgMjkuOCAxMDAgMjkuOCAxMDAuMSAyOS44IDEwMC4xIDI5LjggMTAwLjEgMjkuOCAxMDAuMiAyOS44IDEwMC4yIDI5LjkgMTAwLjMgMjkuOSAxMDAuMyAyOS45IDEwMC4zIDMwIDEwMC4zIDMwIDEwMC4zIDMwLjEgMTAwLjMgMzAuMXoiIHN0eWxlPSJmaWxsOiNmZjAxMDA7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDowLjA1O3N0cm9rZTojMDAwIi8+PHBhdGggZD0iTTk2LjkgMjIuN0M5Ni4zIDIxLjUgOTYuOCAyMi41IDk2LjMgMjEuMyA5Ny41IDIwLjggOTguOCAyMC41IDEwMCAyMC42IDEwMCAyMS45IDEwMCAyMC43IDEwMCAyMi4xIDk5IDIyIDk3LjkgMjIuMyA5Ni45IDIyLjd6IiBjbGFzcz0iYiIvPjxwYXRoIGQ9Ik05NC4yIDI0LjRDOTMuMyAyMy41IDk0LjEgMjQuMyA5My4yIDIzLjQgOTQuMSAyMi40IDk1LjIgMjEuNyA5Ni40IDIxLjMgOTYuOSAyMi41IDk2LjQgMjEuNCA5Ni45IDIyLjYgOTUuOSAyMyA5NSAyMy42IDk0LjIgMjQuNHoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTkyLjUgMjcuMUM5MS4zIDI2LjUgOTIuMyAyNyA5MS4xIDI2LjUgOTEuNiAyNS4zIDkyLjQgMjQuMiA5My4yIDIzLjMgOTQuMiAyNC4yIDkzLjMgMjMuNCA5NC4zIDI0LjQgOTMuNSAyNS4xIDkyLjkgMjYgOTIuNSAyNy4xeiIgY2xhc3M9ImIiLz48cGF0aCBkPSJNOTEuOSAzMC4xQzkwLjYgMzAuMSA5MS43IDMwLjEgOTAuNCAzMC4xIDkwLjQgMjguOCA5MC43IDI3LjUgOTEuMSAyNi40IDkyLjQgMjYuOSA5MS4zIDI2LjQgOTIuNSAyNyA5Mi4xIDI3LjkgOTEuOSAyOSA5MS45IDMwLjF6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik05Mi41IDMzLjJDOTEuMyAzMy43IDkyLjMgMzMuMyA5MS4xIDMzLjggOTAuNiAzMi42IDkwLjQgMzEuMyA5MC40IDMwIDkxLjcgMzAuMSA5MC41IDMwIDkxLjkgMzAuMSA5MS45IDMxLjEgOTIuMSAzMi4yIDkyLjUgMzMuMnoiIGNsYXNzPSJiIi8+PHBhdGggZD0iTTk0LjMgMzUuOEM5My4zIDM2LjggOTQuMSAzNiA5My4yIDM2LjkgOTIuMyAzNiA5MS41IDM0LjkgOTEuMSAzMy43IDkyLjMgMzMuMiA5MS4yIDMzLjcgOTIuNSAzMy4yIDkyLjkgMzQuMSA5My41IDM1LjEgOTQuMyAzNS44eiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNOTYuOSAzNy42Qzk2LjQgMzguOCA5Ni44IDM3LjggOTYuMyAzOSA5NS4xIDM4LjUgOTQgMzcuNyA5My4xIDM2LjggOTQuMSAzNS45IDkzLjIgMzYuNyA5NC4yIDM1LjggOTQuOSAzNi41IDk1LjggMzcuMiA5Ni45IDM3LjZ6IiBjbGFzcz0iYiIvPjxwYXRoIGQ9Ik0xMDAgMzguMkMxMDAgMzkuNSAxMDAgMzguNCAxMDAgMzkuNyA5OC42IDM5LjcgOTcuNCAzOS40IDk2LjIgMzguOSA5Ni43IDM3LjcgOTYuMyAzOC44IDk2LjggMzcuNiA5Ny44IDM4IDk4LjggMzguMiAxMDAgMzguMnoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTEwMyAzNy42QzEwMy42IDM4LjggMTAzLjEgMzcuOCAxMDMuNiAzOSAxMDIuNCAzOS41IDEwMS4xIDM5LjcgOTkuOSAzOS43IDk5LjkgMzguNCA5OS45IDM5LjYgOTkuOSAzOC4yIDEwMC45IDM4LjIgMTAyIDM4IDEwMyAzNy42eiIgY2xhc3M9ImIiLz48cGF0aCBkPSJNMTA1LjcgMzUuOEMxMDYuNiAzNi44IDEwNS44IDM2IDEwNi43IDM2LjkgMTA1LjggMzcuOCAxMDQuNyAzOC41IDEwMy41IDM5IDEwMyAzNy44IDEwMy41IDM4LjkgMTAzIDM3LjYgMTA0IDM3LjIgMTA0LjkgMzYuNiAxMDUuNyAzNS44eiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTA3LjQgMzMuMkMxMDguNiAzMy43IDEwNy42IDMzLjMgMTA4LjggMzMuOCAxMDguMyAzNSAxMDcuNSAzNi4xIDEwNi43IDM3IDEwNS43IDM2IDEwNi42IDM2LjkgMTA1LjYgMzUuOSAxMDYuNCAzNS4xIDEwNyAzNC4yIDEwNy40IDMzLjJ6IiBjbGFzcz0iYiIvPjxwYXRoIGQ9Ik0xMDggMzAuMUMxMDkuMyAzMC4xIDEwOC4yIDMwLjEgMTA5LjUgMzAuMSAxMDkuNSAzMS40IDEwOS4yIDMyLjcgMTA4LjggMzMuOSAxMDcuNSAzMy40IDEwOC42IDMzLjggMTA3LjQgMzMuMyAxMDcuOCAzMi4zIDEwOCAzMS4yIDEwOCAzMC4xeiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTA3LjQgMjdDMTA4LjYgMjYuNSAxMDcuNiAyNi45IDEwOC44IDI2LjUgMTA5LjMgMjcuNyAxMDkuNSAyOSAxMDkuNSAzMC4yIDEwOC4yIDMwLjIgMTA5LjQgMzAuMiAxMDggMzAuMiAxMDggMjkuMSAxMDcuOCAyOC4xIDEwNy40IDI3eiIgY2xhc3M9ImIiLz48cGF0aCBkPSJNMTA1LjYgMjQuNEMxMDYuNiAyMy41IDEwNS44IDI0LjMgMTA2LjcgMjMuNCAxMDcuNiAyNC4zIDEwOC40IDI1LjQgMTA4LjggMjYuNSAxMDcuNiAyNyAxMDguNyAyNi42IDEwNy40IDI3LjEgMTA3IDI2LjEgMTA2LjQgMjUuMiAxMDUuNiAyNC40eiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTAzIDIyLjdDMTAzLjUgMjEuNCAxMDMuMSAyMi41IDEwMy42IDIxLjMgMTA0LjggMjEuOCAxMDUuOSAyMi41IDEwNi44IDIzLjQgMTA1LjggMjQuNCAxMDYuNyAyMy41IDEwNS43IDI0LjUgMTA1IDIzLjcgMTA0LjEgMjMuMSAxMDMgMjIuN3oiIGNsYXNzPSJiIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuOTEyNzkxNiAwIDAgMC45MTI3OTE2IDIuOTEwNzExNiAzLjMyODQwMzgpIiBjbGFzcz0iYyI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC4yOTUyMzk3IC0wLjI5NTIzOTcgMC4yOTUyMzk3IDAuMjk1MjM5NyA4LjE1NTc4MTQgMjUuNjE3MjMxKSIgY2xhc3M9ImMiPjxnIGNsYXNzPSJjIj48cGF0aCBkPSJNMzAgMC4yTDMwIDQ5IDM1IDQ0IDMwIDAuMnoiIGNsYXNzPSJkIi8+PHBhdGggZD0iTTI5LjcgMC4yTDI5LjcgNDkgMjQuNyA0NCAyOS43IDAuMnoiIGNsYXNzPSJlIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDc5LjA0NDE0NCAxOS4zNTMxODgpIiBjbGFzcz0iYyI+PHBhdGggZD0iTTMwIDAuMkwzMCA0OSAzNSA0NCAzMCAwLjJ6IiBjbGFzcz0iZCIvPjxwYXRoIGQ9Ik0yOS43IDAuMkwyOS43IDQ5IDI0LjcgNDQgMjkuNyAwLjJ6IiBjbGFzcz0iZSIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgNTkuNjkwOTU2IDk4LjM5NzMzMikiIGNsYXNzPSJjIj48cGF0aCBkPSJNMzAgMC4yTDMwIDQ5IDM1IDQ0IDMwIDAuMnoiIGNsYXNzPSJkIi8+PHBhdGggZD0iTTI5LjcgMC4yTDI5LjcgNDkgMjQuNyA0NCAyOS43IDAuMnoiIGNsYXNzPSJlIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAgLTEgMSAwIC0xOS4zNTMxODggNzkuMDQ0MTQ0KSIgY2xhc3M9ImMiPjxwYXRoIGQ9Ik0zMCAwLjJMMzAgNDkgMzUgNDQgMzAgMC4yeiIgY2xhc3M9ImQiLz48cGF0aCBkPSJNMjkuNyAwLjJMMjkuNyA0OSAyNC43IDQ0IDI5LjcgMC4yeiIgY2xhc3M9ImUiLz48L2c+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNTA4MzUgMCAwIDAuNTA4MzUgMTYuMzIwODAyIDYuMzIwOTIwOSkiIGNsYXNzPSJjIj48ZyBjbGFzcz0iYyI+PHBhdGggZD0iTTMwIDAuMkwzMCA0OSAzNSA0NCAzMCAwLjJ6IiBjbGFzcz0iZCIvPjxwYXRoIGQ9Ik0yOS43IDAuMkwyOS43IDQ5IDI0LjcgNDQgMjkuNyAwLjJ6IiBjbGFzcz0iZSIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgLTEgMCA3OS4wNDQxNDQgMTkuMzUzMTg4KSIgY2xhc3M9ImMiPjxwYXRoIGQ9Ik0zMCAwLjJMMzAgNDkgMzUgNDQgMzAgMC4yeiIgY2xhc3M9ImQiLz48cGF0aCBkPSJNMjkuNyAwLjJMMjkuNyA0OSAyNC43IDQ0IDI5LjcgMC4yeiIgY2xhc3M9ImUiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIDU5LjY5MDk1NiA5OC4zOTczMzIpIiBjbGFzcz0iYyI+PHBhdGggZD0iTTMwIDAuMkwzMCA0OSAzNSA0NCAzMCAwLjJ6IiBjbGFzcz0iZCIvPjxwYXRoIGQ9Ik0yOS43IDAuMkwyOS43IDQ5IDI0LjcgNDQgMjkuNyAwLjJ6IiBjbGFzcz0iZSIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwIC0xIDEgMCAtMTkuMzUzMTg4IDc5LjA0NDE0NCkiIGNsYXNzPSJjIj48cGF0aCBkPSJNMzAgMC4yTDMwIDQ5IDM1IDQ0IDMwIDAuMnoiIGNsYXNzPSJkIi8+PHBhdGggZD0iTTI5LjcgMC4yTDI5LjcgNDkgMjQuNyA0NCAyOS43IDAuMnoiIGNsYXNzPSJlIi8+PC9nPjwvZz48L2c+PHRleHQgeD0iMjkuMiIgeT0iNy43IiBjbGFzcz0iZiI+PHRzcGFuIHg9IjI5LjIiIHk9IjcuNyIgPk48L3RzcGFuPjwvdGV4dD48dGV4dCB4PSIyOS43IiB5PSI2MC4yIiBjbGFzcz0iZiI+PHRzcGFuIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMjkuNyIgeT0iNjAuMiI+UzwvdHNwYW4+PC90ZXh0Pjx0ZXh0IHg9IjEuOCIgeT0iMzQiIGNsYXNzPSJmIj48dHNwYW4geD0iMS44IiB5PSIzNCIgPlc8L3RzcGFuPjwvdGV4dD48dGV4dCB4PSI1Ni41IiB5PSIzNCIgY2xhc3M9ImYiPjx0c3BhbiB4PSI1Ni41IiB5PSIzNCIgPkU8L3RzcGFuPjwvdGV4dD48L3N2Zz4K) no-repeat;
filter: invert(1);
transform: scale(.9);
opacity: .6;
}
/* Don't show item property links as links */
.itempropertylist a {
color: inherit;
}
/* Hunter's Guide */
.cold {
background-color:#2dbffd;
}
.energy {
background-color:#d7d;
}
.fire {
background-color:#db7;
}
.physical {
background-color:#ddd;
}
.poison {
background-color:#7d7;
}
span.textphysical a,
span.textchaos a {
color: #333;
}
span.textfire a {
color: #FF4500;
}
span.textcold a {
color: #00F;
}
span.textpoison a {
color: #080;
}
span.textenergy a {
color: #F00;
}
.datatable {
display: inline-block;
}
.datatable tr td:not(:first-of-type) {
text-align:center;
}
.datatable tr:first-of-type td:first-of-type {
border-left:0;
border-top:0;
}
/* Rare Item Editor */
.buttonTrigger {
color: #000;
background: #fff;
margin: 0.5rem;
padding: 3px;
border-radius: 7px!important;
box-shadow: 3px 3px #333;
}
.buttonTrigger:hover {
background: #222;
}
#addTypeDisplay {
margin-left: 0!important;
}
#addTypeButton {
font-size: .6rem;
height: 1.5rem!important;
}
#cancelButton {
color: salmon!important;
}
#saveButton, #addTypeButton {
color: goldenrod!important;
}
#toolmenu {
height: 800px!important;
}
/* Rounded tables */
table.roundedtable {
border-collapse: separate;
border: dotted #bbb 1px;
border-radius: 5px;
}
table.roundedtable td,
table.roundedtable th {
border-left: none;
border-top: none;
padding: .3rem .6rem;
}
table.roundedtable th {
border-top: none;
}
table.roundedtable td:first-child,
table.roundedtable th:first-child {
border-left: none;
}
/* Nav Boxes */
.navbox {
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
/* padding: 1px;
margin: 1em auto 0;*/
}
.plainlinks {
display: none!important;
}
.navbox li {
display: inline;
}
.navbox-list li {
font-size: .8rem;
margin: 0;
}
.navbox-list li:not(:first-of-type)::before {
content: "• ";
color: goldenrod;
margin-right: .2rem;
margin-left: -.3rem;
}
.navbox .navbox {
margin-top: 0;
}
.navbox + .navbox {
margin-top: -1px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
margin:0;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0;/*0.25em 1em;*/
line-height: 1.5em;
text-align: center;
}
th.navbox-group {
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background-color: #000;
}
.navbox-list {
line-height: 1.5em;
border-color: #000; /* Must match background color */
}
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
border-top: 2px solid #000; /* Must match background color */
padding: 0 1rem;
}
.navbox th,
.navbox-title {
background-color: #333; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background-color: #444; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background-color: #555; /* Level 3 color */
}
.navbox-even {
background-color: #111; /* Even row striping */
}
.navbox-odd {
background-color: transparent; /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0;/*0.125em 0;*/
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline-block;
white-space: nowrap;
}
.mw-body-content .navbar ul {
line-height: inherit;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
font-variant: small-caps;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}
/* Mob Editors */
.ui-dialog {
font-size: 1rem!important;
}
ul.selectable {
display:inline;
margin-left:0;
padding-left:0;
}
ul.selectable li {
background:#222;
border:1px solid darkgrey;
border-radius:7px;
display:inline-block;
font-weight:700;
list-style:none;
margin:3px 3px 0 0;
padding:3px 15px 5px;
}
li.ui-selected {
background: rgb(245, 132, 0)!important;
}
/* Advanced Search labels conflicted with Selection box background */
#mw-searchoptions {
clear: both;
padding: 0.5em 0.75em 0.75em 0.75em;
background-color: #72777d;
margin: -1px 0 0;
border: 1px solid #c8ccd1;
border-radius: 0 0 2px 2px;
}
/* Start UO Atlas css. */
.map {
z-index: -999;
position: absolute;
}
img.map {
z-index: 0
}
.map-holder {
transform-origin: 0 0;
min-height: 700px;
transition: all 10ms ease;
overflow: hidden;
}
.pin {
display: inline-block;
transform: scale(calc(1/calc(2.5 - var(--scalemod))));
position: absolute;
opacity: .8;
z-index: 100;
}
.map-holder {
--mulModA: 1;
--mulModB: 1;
--rotation: 0deg;
}
.pin img {
z-index: 0;
transform: translate(-7px, -21px);
}
.pin:hover:after, .menutrigger:hover:after {
background: rgb(0, 0, 0, 0.7);
border-radius: 3px;
box-shadow: 0 -10px 10px rgb(0, 0, 0, 0.7) inset, 0 0 0 1px rgb(0, 0, 0, 1), 0 1px 0 0 rgb(255, 255, 255, 0.3) inset;
color: #fff;
display: block;
font-family: "Helvetica Neue", Helvetica, Sans;
opacity: 1;
padding: 2px 2px;
position: absolute;
text-align: center;
text-shadow: 0 -1px 0 #000;
transform: translate(-45px,-34px);
white-space: nowrap;
z-index: 200;
}
.pin:hover:after {
content: attr(data-name);
white-space: pre;
}
.menutrigger:hover:after {
content: "Map Tools";
}
@keyframes rainbow {
from {
filter: sepia(1) saturate(20) hue-rotate(0deg);
}
to {
filter: sepia(1) saturate(20) hue-rotate(360deg);
}
}
.pin-circle {
animation: rainbow 1.5s steps(120) infinite;
}
@keyframes flash {
0% { opacity: 1; scale(4); }
50% { opacity: .1; scale(1); }
100% { opacity: 1; scale(4); }
}
.largeFloatingInstructions {
position: fixed;
bottom: 1%;
left: 1%;
font-size: 36px;
color: #3d6c99;
z-index: 5000;
background-color: black;
padding: 10px;
border-radius: 20px;
border-style: double;
}
#UOAtlas {
background-image: url(http://stratics.com/w/images/6/67/UO-original-map-white-outline.png);
background-size: 75% 100%;
width: 100%;
min-height: 700px;
background-repeat: no-repeat;
background-position: 40%;
}
.menutrigger {
top: 5%;
left: -10%;
cursor: move;
}
.radarMap {
--rotation: 45deg;
--mulModA: 1.333;
transform: translateX(150%) rotate(var(--rotation)) scale(.75);
}
.pin.quest-npc, .pin.counselors_guild {
--mulModB: .8;
}
.pin.stealable-item {
--mulModB: .5;
}
.pin.counselors_guild a img {
-webkit-filter: invert(1) hue-rotate(167deg);
}
.menutrigger:hover:after {
transform: rotate(calc(0deg - var(--rotation)));
}
.icon {
image-rendering: pixelated;
position: relative;
object-fit: none;
}
img.icon-archers_guild {
object-position: 0 0;
width: 18px;
height: 14px;
}
img.icon-architect {
object-position: -140px -42px;
width: 24px;
height: 16px;
}
img.icon-armaments_guild {
object-position: -23px 0;
width: 16px;
height: 14px;
}
img.icon-armorer {
object-position: -45px 0;
width: 24px;
height: 19px;
}
img.icon-armorers_guild {
object-position: -75px 0;
width: 15px;
height: 14px;
}
img.icon-artist {
object-position: -146px -90px;
width: 24px;
height: 15px;
}
img.icon-artists_guild,
img.icon-rogues_guild {
object-position: -207px -104px;
width: 15px;
height: 14px;
}
img.icon-assasins_guild {
object-position: -96px 0;
width: 15px;
height: 14px;
}
img.icon-baker {
object-position: -117px 0;
width: 24px;
height: 19px;
}
img.icon-bank {
object-position: -147px 0;
width: 24px;
height: 19px;
}
img.icon-barber,
img.icon-barbers_guild {
object-position: -176px -3px;
width: 16px;
height: 10px;
}
img.icon-bard {
object-position: 0 -20px;
width: 27px;
height: 16px;
}
img.icon-bardic_guild {
object-position: -75px -16px;
width: 16px;
height: 10px;
}
img.icon-beekeeper {
object-position: -177px -20px;
width: 24px;
height: 16px;
}
img.icon-blacksmith,
img.icon-blacksmith_guildmaster {
object-position: 0 -42px;
width: 27px;
height: 16px;
}
img.icon-barterers_guild,
img.icon-blacksmiths_guild {
object-position: -94px -16px;
width: 16px;
height: 10px;
}
img.icon-body_of_water {
object-position: -34px -42px;
width: 18px;
height: 7px;
}
img.icon-bowyer {
object-position: -59px -42px;
width: 24px;
height: 16px;
}
img.icon-bridge {
object-position: -89px -42px;
width: 14px;
height: 6px;
}
img.icon-butcher {
object-position: -110px -42px;
width: 24px;
height: 16px;
}
img.icon-carpenter {
object-position: -140px -42px;
width: 24px;
height: 16px;
}
img.icon-cartographer {
object-position: -222px -121px;
width: 24px;
height: 16px;
}
img.icon-cavalry_guild {
object-position: -169px -42px;
width: 15px;
height: 11px;
}
img.icon-cave {
object-position: -33px -59px;
width: 14px;
height: 16px;
}
img.icon-champion {
object-position: -191px -42px;
width: 13px;
height: 16px;
}
img.icon-city {
object-position: -3px -64px;
width: 19px;
height: 16px;
}
img.icon-cooks_guild {
object-position: -88px -59px;
width: 16px;
height: 11px;
}
img.icon-council_of_mages_faction {
object-position: -53px -64px;
width: 19px;
height: 19px;
transform: scale(1.3, 1);
}
img.icon-customs {
object-position: -222px -121px;
width: 24px;
height: 16px;
}
img.icon-daily_rare {
object-position: -170px -59px;
width: 14px;
height: 19px;
}
img.icon-dock {
object-position: -190px -64px;
width: 9px;
height: 9px;
}
img.icon-dungeon {
object-position: -79px -80px;
width: 19px;
height: 20px;
}
img.icon-engineers_guild {
object-position: -154px -187px;
width: 15px;
height: 11px;
}
img.icon-entrance,
img.icon-exit {
object-position: -190px -80px;
width: 6px;
height: 6px;
}
img.icon-farm {
object-position: -3px -92px;
width: 11px;
height: 7px;
}
img.icon-fighters_guild {
object-position: -20px -92px;
width: 15px;
height: 11px;
}
img.icon-fishermans_guild {
object-position: -41px -92px;
width: 15px;
height: 11px;
}
img.icon-fletcher {
object-position: -104px -92px;
width: 24px;
height: 16px;
}
img.icon-flight_path {
object-position: -117px -27px;
width: 6px;
height: 6px;
}
img.icon-fort {
object-position: -131px -21px;
width: 13px;
height: 19px;
}
img.icon-gate {
object-position: -62px -92px;
width: 10px;
height: 9px;
}
img.icon-graveyard {
object-position: -133px -92px;
width: 8px;
height: 9px;
}
img.icon-healer {
object-position: -177px -92px;
width: 24px;
height: 16px;
}
img.icon-healers_guild {
object-position: -3px -111px;
width: 15px;
height: 14px;
}
img.icon-herbalist {
object-position: -24px -114px;
width: 24px;
height: 16px;
}
img.icon-illusionists_guild {
object-position: -54px -114px;
width: 15px;
height: 11px;
}
img.icon-inn {
object-position: -75px -114px;
width: 24px;
height: 16px;
}
img.icon-island {
object-position: -105px -114px;
width: 19px;
height: 11px;
}
img.icon-jeweler {
object-position: -130px -114px;
width: 24px;
height: 16px;
}
img.icon-ladder {
object-position: -35px -176px;
width: 11px;
height: 16px;
}
img.icon-lair {
object-position: -32px -22px;
width: 17px;
height: 13px;
}
img.icon-landmark {
object-position: -160px -114px;
width: 10px;
height: 7px;
}
img.icon-library {
object-position: -177px -114px;
width: 23px;
height: 15px;
}
img.icon-lockpicking_box {
object-position: -56px -22px;
width: 13px;
height: 16px;
}
img.icon-mage {
object-position: -18px -136px;
width: 24px;
height: 16px;
}
img.icon-mages_guild {
object-position: -48px -136px;
width: 15px;
height: 11px;
}
img.icon-mariner {
object-position: -140px -64px;
width: 24px;
height: 16px;
}
img.icon-counselors_guild,
img.icon-guild,
img.icon-market {
object-position: -69px -136px;
width: 24px;
height: 16px;
}
img.icon-merchants_guild {
object-position: -99px -136px;
width: 15px;
height: 11px;
}
img.icon-minax_faction {
object-position: -120px -136px;
width: 19px;
height: 19px;
transform: scale(1.3, 1);
}
img.icon-miners_guild {
object-position: -146px -136px;
width: 15px;
height: 11px;
}
img.icon-moongate {
object-position: -167px -137px;
width: 9px;
height: 19px;
}
img.icon-other {
object-position: -182px -136px;
width: 10px;
height: 10px;
}
img.icon-painter {
object-position: -3px -162px;
width: 24px;
height: 16px;
}
img.icon-player {
object-position: -185px -153px;
width: 13px;
height: 38px;
transform: scale(0.9);
image-rendering: initial;
}
img.icon-point_of_interest {
object-position: -199px -3px;
width: 12px;
height: 8px;
transform: translate(-7px, -21px);
}
img.icon-provisioners_guild {
object-position: -207px -17px;
width: 15px;
height: 11px;
}
img.icon-provisioner {
object-position: -3px -197px;
width: 24px;
height: 16px;
}
img.icon-quest_npc {
object-position: -208px -65px;
width: 13px;
height: 35px;
transform: scale(0.9);
image-rendering: initial;
}
img.icon-ranger {
object-position: -3px -3px;
width: 15px;
height: 11px;
}
img.icon-rangers_guild {
object-position: -3px -3px;
width: 15px;
height: 11px;
}
img.icon-ruins {
object-position: -210px -34px;
width: 6px;
height: 6px;
}
img.icon-sailors_guild {
object-position: -115px -63px;
width: 15px;
height: 14px;
}
img.icon-scenic_point {
object-position: -210px -47px;
width: 10px;
height: 5px;
}
img.icon-mapmaker,
img.icon-scribe {
object-position: -177px -114px;
width: 24px;
height: 16px;
}
img.icon-secret_door {
object-position: -207px -121px;
width: 9px;
height: 21px;
}
img.icon-seamans_guild {
object-position: -101px -78px;
width: 15px;
height: 14px;
}
img.icon-shadowlords_faction {
object-position: -33px -197px;
width: 19px;
height: 19px;
transform: scale(1.3, 1);
}
img.icon-ship {
object-position: -228px -4px;
width: 19px;
height: 23px;
}
img.icon-shipwrights_guild {
object-position: -227px -34px;
width: 15px;
height: 14px;
}
img.icon-shipwright {
object-position: -222px -121px;
width: 24px;
height: 16px;
}
img.icon-shrine {
object-position: -228px -51px;
width: 11px;
height: 15px;
}
img.icon-sorcerers_guild {
object-position: -228px -70px;
width: 15px;
height: 11px;
}
img.icon-rancher,
img.icon-stable {
object-position: -222px -143px;
width: 24px;
height: 16px;
}
img.icon-stairs {
object-position: -229px -88px;
width: 9px;
height: 8px;
}
img.icon-stealable_item {
object-position: -59px -165px;
width: 30px;
height: 33px;
transform: scale(0.7);
image-rendering: initial;
}
img.icon-cobbler,
img.icon-tailor,
img.icon-tailor_guildmaster,
img.icon-weaver {
object-position: -95px -165px;
width: 24px;
height: 16px;
}
img.icon-tailors_guild {
object-position: -100px -213px;
width: 15px;
height: 14px;
}
img.icon-tanner {
object-position: -125px -165px;
width: 24px;
height: 16px;
}
img.icon-farmer,
img.icon-tavern {
object-position: -206px -165px;
width: 24px;
height: 16px;
}
img.icon-teleporter {
object-position: -229px -102px;
width: 7px;
height: 8px;
}
img.icon-terrain {
object-position: -33px -165px;
width: 13px;
height: 5px;
}
img.icon-theater {
object-position: -95px -187px;
width: 24px;
height: 16px;
}
img.icon-thieves_guild {
object-position: -155px -165px;
width: 15px;
height: 14px;
}
img.icon-tinkers_guild {
object-position: -155px -187px;
width: 15px;
height: 11px;
}
img.icon-tinker {
object-position: -125px -187px;
width: 24px;
height: 16px;
}
img.icon-traders_guild {
object-position: -206px -187px;
width: 15px;
height: 11px;
}
img.icon-true_britannians_faction {
object-position: -227px -188px;
width: 19px;
height: 18px;
transform: scale(1.3, 1);
}
img.icon-veterinarian {
object-position: -49px -150px;
width: 15px;
height: 14px;
}
img.icon-warriors_guild {
object-position: -59px -213px;
width: 15px;
height: 14px;
}
img.icon-weapons_guild {
object-position: -80px -213px;
width: 15px;
height: 14px;
}
.mw-headline .icon {
transform: unset;
}
@media screen and (max-width: 640px) {
.mapOuterDiv {
max-width: 100%;
height: calc(var(--mapheight) * max(calc(1.5 - var(--scalemod)), calc(var(--scalemod) - 1.5)));
width: calc(var(--mapwidth) * max(1.5 - var(--scalemod), .5));
}
.mapOuterDiv > div {
height: 100%;
}
.mapInnerDiv {
height: calc(var(--mapheight) * max(1.5 - var(--scalemod), .5));
width: calc(var(--mapwidth) * max(1.5 - var(--scalemod), .5));
transform: scale(max(calc(1.5 - var(--scalemod)), calc(var(--scalemod) - 1.5)));
}
.mapBlackoutDiv {
width: calc(var(--mapwidth) - 20px);
}
.UOLinksList {
width: 100%;
}
}
@media screen and (min-width: 641px) {
.mapOuterDiv {
position: sticky;
right: 10%;
top: 2%;
right: 2%;
width: calc(var(--mapwidth) * calc(2.5 - var(--scalemod)));
}
.mapInnerDiv {
height: calc(var(--mapheight) * calc(2.5 - var(--scalemod)));
width: var(--mapwidth);
transform: scale(calc(2.5 - var(--scalemod)));
}
.mapBlackoutDiv {
overflow: hidden;
}
.UOLinksList {
width: var(--linksWidth);
}
.mainNav {
position: relative;
border-color: black;
border-width: 6px;
}
}
/* End UO Atlas css. */