Difference between revisions of "MediaWiki:Common.css"
BrianFreud (talk | contribs) m |
m |
||
| (353 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | /*CSS gets applied to swpecific namespaces (titles) via namespace ID. Current Namespace ID's are : | |
| − | + | ||
| − | + | ns-3000 Ultima Online | |
| + | ns-3002 Shards Online | ||
| + | ns-3004 Shroud of the Avatar | ||
| + | */ | ||
| + | @import url("/index.php?title=MediaWiki:Atlas.css&action=raw&ctype=text/css"); | ||
| + | |||
| + | |||
| + | /* Define variables */ | ||
| + | :root { | ||
| + | --fontSans: Georgia, Times, serif; | ||
| + | --stdLineHeight: 1.2rem; | ||
| + | --stdListLineHeight: 1.3rem; | ||
} | } | ||
| − | + | /* General reset and overrides */ | |
| − | + | .row { | |
| + | max-width: 88%; | ||
} | } | ||
| − | + | #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; | |
| − | border: | + | 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:# | + | 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; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .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; | |
| − | + | z-index: 9999; | |
| − | + | border-radius: 50%; | |
| − | + | outline: 3px ridge red; | |
| − | + | box-shadow: 0 0 0 2pt #222, 0 0 0 3pt red; | |
| + | box-sizing: content-box; | ||
| + | outline-style: auto; | ||
} | } | ||
| − | + | .pin-not_circle { | |
| − | + | opacity: .1; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .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%; | ||
} | } | ||
| − | + | .gridClicked { | |
| − | + | background: purple!important; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .mapgrid { | |
| − | + | border-left: 1px solid #999; | |
| − | + | border-top: 1px solid #999; | |
| − | + | background: transparent; | |
| − | + | cursor: pointer; | |
| − | |||
} | } | ||
| − | + | .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-dotred { | |
| − | + | filter: hue-rotate(6deg); | |
| − | + | object-position: -203px -5px; | |
| − | + | width: 3px; | |
| − | + | height: 3px; | |
| − | + | transform: scale(2); | |
} | } | ||
| − | + | img.icon-dotgreen { | |
| − | + | filter: hue-rotate(160deg) contrast(2) brightness(3); | |
| − | + | object-position: -203px -5px; | |
| − | + | width: 3px; | |
| − | + | height: 3px; | |
| − | + | transform: scale(2); | |
} | } | ||
| − | + | img.icon-dotblue { | |
| − | + | filter: hue-rotate(236deg) brightness(0.5) contrast(2); | |
| − | + | object-position: -203px -5px; | |
| − | + | width: 3px; | |
| − | + | height: 3px; | |
| − | + | transform: scale(2); | |
} | } | ||
| − | + | img.icon-dotcyan { | |
| − | + | filter: hue-rotate(236deg) brightness(4.5) contrast(2); | |
| − | + | object-position: -203px -5px; | |
| − | + | width: 3px; | |
| − | + | height: 3px; | |
| − | + | transform: scale(2); | |
} | } | ||
| − | + | img.icon-dotpurple { | |
| − | + | filter: hue-rotate(259deg) brightness(2.4) contrast(1.8); | |
| − | + | object-position: -203px -5px; | |
| − | + | width: 3px; | |
| − | + | height: 3px; | |
| − | + | transform: scale(2); | |
} | } | ||
| − | + | 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-armourer { | |
| − | + | object-position: -45px 0; | |
| − | + | width: 24px; | |
| − | + | height: 19px; | |
| − | |||
| − | |||
} | } | ||
| − | + | img.icon-armourers_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, | |
| − | + | img.icon-gypsy_banker { | |
| − | + | 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-iron_worker, | |
| − | + | 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; | |
| − | + | transform: scale(.7); | |
| − | |||
} | } | ||
| − | + | 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, | |
| − | + | img.icon-miller { | |
| − | + | 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; | |
| + | transform: translate(-7px,-21px) scale(1.3); | ||
} | } | ||
| − | + | img.icon-champion { | |
| − | + | object-position: -191px -42px; | |
| − | + | width: 13px; | |
| − | + | height: 16px; | |
| + | filter: contrast(1.5); | ||
} | } | ||
| − | + | 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: -228px -3px; | |
| − | + | width: 19px; | |
| + | height: 23px; | ||
| + | image-rendering: -webkit-optimize-contrast; | ||
| + | image-rendering: crisp-edges; | ||
| + | transform: translate(-22px,-32px); | ||
} | } | ||
| − | + | 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-gypsy_wagon_caravan { | |
| − | + | object-position: -117px -205px; | |
| + | width: 39px; | ||
| + | height: 52px; | ||
| + | transform: scale(.45); | ||
| + | filter: saturate(2) contrast(1.5); | ||
} | } | ||
| − | + | img.icon-forge { | |
| − | + | object-position: 0px -216px; | |
| + | width: 23px; | ||
| + | height: 31px; | ||
| + | transform: scale(.4); | ||
| + | filter: saturate(2) contrast(1.5); | ||
} | } | ||
| − | + | 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-fortune_teller, | |
| − | + | 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, | |
| − | + | img.icon-innkeeper { | |
| − | + | 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; | |
| + | filter: saturate(2) contrast(2); | ||
} | } | ||
| − | + | 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-gypsy_herbalist, | |
| − | + | img.icon-gypsy_trader, | |
| − | + | 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; | |
} | } | ||
| − | + | img.icon-provisioners_guild { | |
| − | + | object-position: -207px -17px; | |
| − | + | width: 15px; | |
| − | + | height: 11px; | |
} | } | ||
| − | + | img.icon-gypsy_maiden, | |
| − | + | 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; | ||
} | } | ||
| − | + | span.icon-door, | |
| − | + | span.icon-secret_door { | |
| − | + | transform-origin: -4px -6px; | |
| − | |||
} | } | ||
| − | + | img.icon-door, | |
| − | + | 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-gypsy_animal_herder, | |
| − | + | 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-serpents_jawbone_destination, | |
| − | + | img.icon-moonstone_crystal_destination, | |
| − | + | img.icon-teleporter { | |
| + | object-position: -229px -102px; | ||
| + | width: 7px; | ||
| + | height: 8px; | ||
| + | transform: scale(1.5); | ||
} | } | ||
| − | + | img.icon-moonstone_crystal_destination { | |
| − | + | filter: hue-rotate(200deg); | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | img.icon-serpents_jawbone_destination { | |
| − | + | filter: hue-rotate(110deg); | |
} | } | ||
| − | + | 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, | |
| − | + | img.icon-vagabond { | |
| + | 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); | |
| − | + | position: relative; | |
| − | + | } | |
| − | + | .mainNav { | |
| − | + | position: relative; | |
| − | + | border-color: black; | |
| − | + | border-width: 6px; | |
| − | + | } | |
| − | |||
| − | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| + | /* End UO Atlas css. */ | ||
Latest revision as of 02:50, 11 September 2022
/*CSS gets applied to swpecific namespaces (titles) via namespace ID. Current Namespace ID's are :
ns-3000 Ultima Online
ns-3002 Shards Online
ns-3004 Shroud of the Avatar
*/
@import url("/index.php?title=MediaWiki:Atlas.css&action=raw&ctype=text/css");
/* Define variables */
:root {
--fontSans: Georgia, Times, serif;
--stdLineHeight: 1.2rem;
--stdListLineHeight: 1.3rem;
}
/* General reset and overrides */
.row {
max-width: 88%;
}
#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;
}
.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;
z-index: 9999;
border-radius: 50%;
outline: 3px ridge red;
box-shadow: 0 0 0 2pt #222, 0 0 0 3pt red;
box-sizing: content-box;
outline-style: auto;
}
.pin-not_circle {
opacity: .1;
}
.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%;
}
.gridClicked {
background: purple!important;
}
.mapgrid {
border-left: 1px solid #999;
border-top: 1px solid #999;
background: transparent;
cursor: pointer;
}
.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-dotred {
filter: hue-rotate(6deg);
object-position: -203px -5px;
width: 3px;
height: 3px;
transform: scale(2);
}
img.icon-dotgreen {
filter: hue-rotate(160deg) contrast(2) brightness(3);
object-position: -203px -5px;
width: 3px;
height: 3px;
transform: scale(2);
}
img.icon-dotblue {
filter: hue-rotate(236deg) brightness(0.5) contrast(2);
object-position: -203px -5px;
width: 3px;
height: 3px;
transform: scale(2);
}
img.icon-dotcyan {
filter: hue-rotate(236deg) brightness(4.5) contrast(2);
object-position: -203px -5px;
width: 3px;
height: 3px;
transform: scale(2);
}
img.icon-dotpurple {
filter: hue-rotate(259deg) brightness(2.4) contrast(1.8);
object-position: -203px -5px;
width: 3px;
height: 3px;
transform: scale(2);
}
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-armourer {
object-position: -45px 0;
width: 24px;
height: 19px;
}
img.icon-armourers_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,
img.icon-gypsy_banker {
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-iron_worker,
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;
transform: scale(.7);
}
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,
img.icon-miller {
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;
transform: translate(-7px,-21px) scale(1.3);
}
img.icon-champion {
object-position: -191px -42px;
width: 13px;
height: 16px;
filter: contrast(1.5);
}
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: -228px -3px;
width: 19px;
height: 23px;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
transform: translate(-22px,-32px);
}
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-gypsy_wagon_caravan {
object-position: -117px -205px;
width: 39px;
height: 52px;
transform: scale(.45);
filter: saturate(2) contrast(1.5);
}
img.icon-forge {
object-position: 0px -216px;
width: 23px;
height: 31px;
transform: scale(.4);
filter: saturate(2) contrast(1.5);
}
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-fortune_teller,
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,
img.icon-innkeeper {
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;
filter: saturate(2) contrast(2);
}
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-gypsy_herbalist,
img.icon-gypsy_trader,
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;
}
img.icon-provisioners_guild {
object-position: -207px -17px;
width: 15px;
height: 11px;
}
img.icon-gypsy_maiden,
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;
}
span.icon-door,
span.icon-secret_door {
transform-origin: -4px -6px;
}
img.icon-door,
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-gypsy_animal_herder,
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-serpents_jawbone_destination,
img.icon-moonstone_crystal_destination,
img.icon-teleporter {
object-position: -229px -102px;
width: 7px;
height: 8px;
transform: scale(1.5);
}
img.icon-moonstone_crystal_destination {
filter: hue-rotate(200deg);
}
img.icon-serpents_jawbone_destination {
filter: hue-rotate(110deg);
}
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,
img.icon-vagabond {
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);
position: relative;
}
.mainNav {
position: relative;
border-color: black;
border-width: 6px;
}
}
/* End UO Atlas css. */
