Difference between revisions of "MediaWiki:Common.css"

m
(test cleaning css)
Line 1: Line 1:
/* Global css, sets the background and text color for the entire wiki. */
+
#toc {
 +
margin-bottom:2em;
 +
margin-top:2em;
 +
}
  
/*CSS applied to specific namespaces (titles) via namespace ID. Current Namespace ID's are :
+
#upload-list a,.file-title {
 +
color:#00008b;
 +
}
  
ns-3000  Ultima Online
+
* {
ns-3002  Shards Online
+
-webkit-clip-path:var(--clip-path);
ns-3004  Shroud of the Avatar
+
clip-path:var(--clip-path);
a:link {
+
--clip-path:initial;
color: #232323;
 
 
}
 
}
*/
 
  
/* Force a minimum height for empty/small pages, so they don't collapse under Xen */
+
.UOhuepage-itemlist>ul>li>.mw-whatlinkshere-tools {
/* .xfMediaWiki {
+
display:none;
    min-height: 40em;
+
}
}*/
 
  
.rounded {
+
.disambigtable {
  border-radius: 25px;
+
width:80%;
}  
+
}
 +
 
 +
.disambigtable td,.disambigtable th {
 +
border:dotted 1px grey;
 +
}
 +
 
 +
.dragon img {
 +
transform:translateX(100px);
 +
}
 +
 
 +
.indent {
 +
margin-left:4em!important;
 +
}
 +
 
 +
.invisibletable > * > tr > td,.invisibletable > * > tr > th {
 +
border-style:none!important;
 +
}
 +
 
 +
.mainlinks img {
 +
transform:translateY(12px);
 +
}
 +
 
 +
.mainpage_column {
 +
flex:1;
 +
padding:2rem;
 +
}
 +
 
 +
.mainpage_row {
 +
align-items:center;
 +
display:flex;
 +
flex-direction:row;
 +
flex-wrap:nowrap;
 +
justify-content:center;
 +
}
  
/* Cleaner pixel art scaling */
+
.mainpage_verticalrow {
img {
+
align-items:baseline;
    -ms-interpolation-mode: nearest-neighbor;
+
display:flex;
    image-rendering: -moz-crisp-edges;
+
flex-direction:column;
    image-rendering: -o-crisp-edges;
+
flex-wrap:nowrap;
    image-rendering: -webkit-optimize-contrast;
+
justify-content:center;
    image-rendering: crisp-edges;
 
 
}
 
}
  
/* Auto-prefixing */
+
.map {
* {
+
position:absolute;
--clip-path: initial;
+
z-index:-999;
-webkit-clip-path: var(--clip-path);
 
clip-path: var(--clip-path);
 
 
}
 
}
  
.mw-body h2:before,
+
.map img,.map canvas {
.mw-body h3:before,
+
-moz-box-shadow:45px 45px 0 0 rgba(0,0,0,0.35);
.mw-body h4:before,
+
-webkit-box-shadow:45px 45px 0 0 rgba(0,0,0,0.35);
.mw-body h5:before,
+
box-shadow:45px 45px 0 0 rgba(0,0,0,0.35);
.mw-body h6:before {
 
  content: '';
 
  width: 100%;
 
  height: 1em;
 
  display: inline-block;
 
 
}
 
}
  
.mw-body h1,
+
.map-holder {
.mw-body h2 {
+
min-height:700px;
    font-family: Georgia, Times, serif;
+
transform-origin:0 0;
    margin-top: 1em;
+
transition:all 10ms ease;
    margin-bottom: .25em;
+
--mulmoda:1;
    line-height: 1.3;
+
--mulmodb:1;
    padding: 0
+
--rotation:0;
 
}
 
}
.mw-body h3,
+
 
.mw-body h4 {
+
.menutrigger:hover:after {
    font-variant: small-caps
+
content:"Map Tools";
 
}
 
}
 +
 
.mw-body h1 {
 
.mw-body h1 {
    border-bottom: 0!important;
+
border-bottom:0!important;
    font-size: 2em
+
font-size:2em;
 +
}
 +
 
 +
.mw-body h1,.mw-body h2 {
 +
font-family:Georgia,Times,serif;
 +
line-height:1.3;
 +
margin-bottom:.25em;
 +
margin-top:1em;
 +
padding:0;
 
}
 
}
 +
 
.mw-body h2 {
 
.mw-body h2 {
    border-bottom: 1px solid #AAA;
+
border-bottom:1px solid #AAA;
    font-size: 1.8em
+
font-size:1.8em;
 +
}
 +
 
 +
.mw-body h2,.mw-body h3 {
 +
font-weight:900;
 +
}
 +
 
 +
.mw-body h2:before,.mw-body h3:before,.mw-body h4:before,.mw-body h5:before,.mw-body h6:before {
 +
content:'';
 +
display:inline-block;
 +
height:1em;
 +
width:100%;
 
}
 
}
.mw-body h2,
+
 
 
.mw-body h3 {
 
.mw-body h3 {
    font-weight: 900
+
font-size:1.5em;
 
}
 
}
.mw-body h3 {
+
 
    font-size: 1.5em
+
.mw-body h3,.mw-body h4 {
 +
font-variant:small-caps;
 
}
 
}
.mw-body h3,
+
 
.mw-body h4,
+
.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6 {
.mw-body h5,
+
line-height:1.6;
.mw-body h6 {
+
margin-bottom:0;
    margin-top: .3em;
+
margin-top:.3em;
    margin-bottom: 0;
+
padding-bottom:0;
    line-height: 1.6;
+
padding-top:.5em;
    padding-top: .5em;
 
    padding-bottom: 0
 
 
}
 
}
 +
 
.mw-body h4 {
 
.mw-body h4 {
    font-size: 1.35em;
+
font-size:1.35em;
    font-weight: 800
+
font-weight:800;
 
}
 
}
 +
 
.mw-body h5 {
 
.mw-body h5 {
    font-size: 1.18em;
+
font-size:1.18em;
    font-weight: 700
+
font-weight:700;
 
}
 
}
 +
 
.mw-body h6 {
 
.mw-body h6 {
    font-size: 1em;
+
font-size:1em;
    font-weight: 600
+
font-weight:600;
 
}
 
}
  
#toc {
+
.mw-collapsible-content:before {
    margin-top: 2em;
+
clear:both;
    margin-bottom: 2em;
+
content:" ";
 +
display:block;
 +
}
 +
 
 +
.pin {
 +
display:inline-block;
 +
opacity:.8;
 +
position:absolute;
 +
transform:scale(5.5);
 +
z-index:999;
 +
}
 +
 
 +
.pin img {
 +
z-index:0;
 +
}
 +
 
 +
.pin-circle {
 +
-moz-border-radius:50%;
 +
-webkit-animation:flash linear 1s infinite;
 +
-webkit-border-radius:50%;
 +
animation:flash linear 1s infin;
 +
border:3px solid red;
 +
height:40px;
 +
left:-40%;
 +
position:absolute;
 +
top:-50%;
 +
width:40px;
 +
}
 +
 
 +
.pin.highlight {
 +
-webkit-animation:flash linear 1s infinite;
 +
animation:flash linear 1s infinite;
 +
}
 +
 
 +
.pin:hover:after {
 +
content:attr(data-name);
 +
}
 +
 
 +
.pin:hover:after,.menutrigger:hover:after {
 +
-moz-border-radius:3px;
 +
-moz-box-shadow:inset 0 -10px 10px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,1),inset 0 1px 0 0 rgba(255,255,255,.3);
 +
-webkit-border-radius:3px;
 +
-webkit-box-shadow:inset 0 -10px 10px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,1),inset 0 1px 0 0 rgba(255,255,255,.3);
 +
background:rgba(0,0,0,.7);
 +
border-radius:3px;
 +
box-shadow:inset 0 -10px 10px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,1),inset 0 1px 0 0 rgba(255,255,255,.3);
 +
color:#fff;
 +
display:block;
 +
font-family:"Helvetica Neue",Helvetica,Sans;
 +
left:-30px;
 +
opacity:1;
 +
padding:6px 10px 10px;
 +
position:absolute;
 +
text-align:center;
 +
text-shadow:0 -1px 0 #000;
 +
top:15px;
 +
white-space:nowrap;
 +
z-index:98;
 
}
 
}
  
li {
+
.rounded {
    list-style: unset;
+
border-radius:25px;
 
}
 
}
  
 
.uofiction {
 
.uofiction {
  font-family: 'Goudy Bookletter 1911', serif;
+
font-family:'Goudy Bookletter 1911',serif;
  text-indent: 25px;
+
font-size:125%;
  font-size: 125%;
+
line-height:1.4;
  line-height: 1.4;
+
max-width:38em;
  max-width: 38em;
+
text-indent:25px;
 +
}
 +
 
 +
.uofiction p {
 +
padding-top:1em;
 
}
 
}
  
 
.uofiction::first-letter {
 
.uofiction::first-letter {
  font-family: 'Avatar', cursive;
+
font-family:'Avatar',cursive;
  font-size: 250%;
+
font-size:250%;
  padding-right:.1em;
+
padding-left:.1em;
  padding-left:.1em;
+
padding-right:.1em;
 +
}
 +
 
 +
.verticalcenterimg img {
 +
vertical-align:middle;
 
}
 
}
  
.uofiction p {
+
.wikitable,.toc,.catlinks {
  padding-top: 1em;
+
background-color:transparent!important;
 +
color:#999;
 
}
 
}
  
/* Begin White Page code */
+
img {
 +
-ms-interpolation-mode:nearest-neighbor;
 +
image-rendering:-moz-crisp-edges;
 +
image-rendering:-o-crisp-edges;
 +
image-rendering:-webkit-optimize-contrast;
 +
image-rendering:crisp-edges;
 +
}
  
/* Don't show edit links next to items in hue page item lists. */
+
li {
.UOhuepage-itemlist>ul>li>.mw-whatlinkshere-tools {
+
list-style:unset;
    display: none;
+
}
}  
 
/* End White Page Code */
 
  
/* Center the text in a table. */
 
 
table.centeredtext td {
 
table.centeredtext td {
  text-align: center;
+
text-align:center;
  vertical-align: middle;
+
vertical-align:middle;
 +
}
 +
 
 +
@-webkit-keyframes flash {
 +
0% {
 +
opacity:1;
 +
}
 +
 
 +
100% {
 +
opacity:1;
 +
}
 +
 
 +
50% {
 +
opacity:.1;
 +
}
 
}
 
}
  
/* Tables on disambiguation pages. */
+
@keyframes flash {
 +
0% {
 +
opacity:1;
 +
}
  
.disambigtable {
+
100% {
  width: 80%
+
opacity:1;
 
}
 
}
  
.disambigtable tbody tr:nth-child(odd) {
+
50% {
  /* background-color: #ddd; */
+
opacity:.1;
 +
}
 
}
 
}
  
.disambigtable td,.disambigtable th {
+
#UOAtlas {
  border: dotted 1px grey;
+
background-image:url(http://stratics.com/w/images/6/67/UO-original-map-white-outline.png);
 +
background-position:40%;
 +
background-repeat:no-repeat;
 +
background-size:75% 100%;
 +
min-height:700px;
 +
width:100%;
 
}
 
}
  
/* General tweaking */
+
.largeFloatingInstructions {
.indent {
+
background-color:#000;
    margin-left: 4em!important;
+
border-radius:20px;
 +
border-style:double;
 +
bottom:1%;
 +
color:#3d6c99;
 +
font-size:36px;
 +
left:1%;
 +
padding:10px;
 +
position:fixed;
 +
z-index:5000;
 
}
 
}
  
.verticalcenterimg img {
+
.menutrigger {
    vertical-align: middle;
+
cursor:move;
 +
left:-10%;
 +
top:5%;
 
}
 
}
  
.invisibletable > * > tr > td, .invisibletable > * > tr > th {
+
.menutrigger:hover:after {
        border-style: none!important;
+
transform:rotate(calc(0deg - var(--rotation)));
 
}
 
}
  
/* Override defult mediawiki colors to allow the background to show through. */
+
.pin a img {
.wikitable, .toc, .catlinks {
+
transform:rotate(calc(0deg - var(--rotation)))!important;
    background-color:transparent!important;
 
    color: #999;
 
 
}
 
}
  
/* Override default text colors in the image uploader to make the text readable. */
+
.pin.counselors-guild a img {
#upload-list a, .file-title {
+
-webkit-filter:invert(1) hue-rotate(167deg);
    color: darkblue;
 
 
}
 
}
  
.mw-collapsible-content:before {
+
.pin.quest-npc,.pin.counselors-guild {
    content: " ";
+
--mulmodb:.8;
    display: block;
 
    clear: both;
 
 
}
 
}
/* Main page classes */
+
 
.mainpage_row {
+
.pin.stealable-item {
  display:flex;
+
--mulmodb:.5;
  flex-direction:row;
 
  flex-wrap:nowrap;
 
  justify-content:center;
 
  align-items:center;
 
 
}
 
}
.mainpage_verticalrow {
+
 
  display:flex;
+
.pin:hover:after {
  flex-direction:column;
+
transform:scale(calc(1 / var(--mulModB))) rotate(calc(0deg - var(--rotation)));
  flex-wrap:nowrap;
 
  justify-content:center;
 
  align-items:baseline;
 
 
}
 
}
.mainpage_column {
+
 
  flex:1;
+
.radarMap {
  padding:2rem;
+
transform:translateX(150%) rotate(var(--rotation)) scale(.75);
 +
--mulmoda:1.333;
 +
--rotation:45deg;
 
}
 
}
.mainlinks img {
+
 
    transform: translateY(12px);
+
@media (max-width: 1680px) {
 +
.familyTree {
 +
transform:scale(.7);
 +
transform-origin:top left;
 
}
 
}
  
.dragon img {
+
.map-holder {
    transform: translateX(100px);
+
transform:scale(.12);
 
}
 
}
  
/* Start UO Atlas css. */
+
.pin {
.map {
+
--multiplier:8.33;
    z-index: -999;
+
}
    position: absolute;
 
 
}
 
}
 +
 +
@media (max-width: 1920px) and (min-width: 1681px) {
 
.map-holder {
 
.map-holder {
    transform-origin: 0 0;
+
transform:scale(.18);
    min-height: 700px;
+
}
    transition: all 10ms ease;
+
 
 +
.pin {
 +
--multiplier:5.55;
 
}
 
}
.map img,.map canvas {
 
    -webkit-box-shadow: 45px 45px 0 0 rgba(0,0,0,0.35);
 
    -moz-box-shadow: 45px 45px 0 0 rgba(0,0,0,0.35);
 
    box-shadow: 45px 45px 0 0 rgba(0,0,0,0.35);
 
 
}
 
}
 +
 +
@media (max-width: 2560px) and (min-width: 1921px) {
 +
.map-holder {
 +
transform:scale(.2);
 +
}
 +
 
.pin {
 
.pin {
    transform: scale(5.5);
+
--multiplier:5;
    display: inline-block;
+
}
    position: absolute;
 
    opacity: .8;
 
    z-index:999;
 
 
}
 
}
 +
 +
@media (min-width: 2561px) {
 
.map-holder {
 
.map-holder {
    --mulModA: 1;
+
transform:scale(.23);
    --mulModB: 1;
+
}
    --rotation: 0deg;
+
 
 +
.pin {
 +
--multiplier:4.34;
 +
}
 +
}
 +
 
 +
.cold {
 +
background-color:#2dbffd;
 +
}
 +
 
 +
.crispImages {
 +
-ms-interpolation-mode:nearest-neighbor;
 +
image-rendering:-webkit-optimize-contrast;
 +
image-rendering:-moz-crisp-edges;
 +
image-rendering:-o-crisp-edges;
 +
image-rendering:optimize-contrast;
 +
image-rendering:crisp-edges;
 
}
 
}
.pin img {
+
 
    z-index: 0;
+
.datatable tr td:not(:first-of-type) {
 +
text-align:center;
 
}
 
}
.pin:hover:after,.menutrigger:hover:after {
+
 
    background: rgba(0,0,0,.7);
+
.datatable tr:first-of-type td:first-of-type {
    -webkit-box-shadow: inset 0px -10px 10px rgba(0,0,0,.7), 0px 0px 0px 1px rgba(0,0,0,1), inset 0px 1px 0px 0px rgba(255,255,255,.3);
+
border-left:0;
    -moz-box-shadow: inset 0px -10px 10px rgba(0,0,0,.7), 0px 0px 0px 1px rgba(0,0,0,1), inset 0px 1px 0px 0px rgba(255,255,255,.3);
+
border-top:0;
    box-shadow: inset 0px -10px 10px rgba(0,0,0,.7), 0px 0px 0px 1px rgba(0,0,0,1), inset 0px 1px 0px 0px rgba(255,255,255,.3);
 
    -webkit-border-radius: 3px;
 
    -moz-border-radius: 3px;
 
    border-radius: 3px;
 
    color: #fff;
 
    font-family: "Helvetica Neue", Helvetica, Sans;
 
    position: absolute;
 
    text-align: center;
 
    display: block;
 
    padding: 6px 10px 10px 10px;
 
    text-shadow: 0 -1px 0 #000;
 
    white-space: nowrap;
 
    z-index: 98;
 
    left: -30px;
 
    top: 15px; 
 
    opacity: 1;
 
 
}
 
}
.pin:hover:after {
+
 
    content: attr(data-name);
+
.dropZone {
 +
background:#60afff;
 +
background:-moz-radial-gradient(center,ellipse cover,rgba(96,175,255,1) 0%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 85%,rgba(20,132,244,1) 85%,rgba(19,116,213,1) 100%);
 +
background:-webkit-radial-gradient(center,ellipse cover,rgba(96,175,255,1) 0%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 85%,rgba(20,132,244,1) 85%,rgba(19,116,213,1) 100%);
 +
background:radial-gradient(ellipse at center,rgba(96,175,255,1) 0%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 85%,rgba(20,132,244,1) 85%,rgba(19,116,213,1) 100%);
 +
border:1px #fff solid;
 +
border-radius:12px;
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60afff',endColorstr='#1374d5',GradientType='1');
 +
font-size:150%;
 +
height:6em;
 +
line-height:6em;
 +
margin:1em 15%;
 +
text-align:center;
 +
width:120%;
 
}
 
}
.menutrigger:hover:after {
+
 
    content: "Map Tools";
+
.dyelinks a {
 +
vertical-align:top;
 
}
 
}
.pin.highlight{
+
 
-webkit-animation: flash linear 1s infinite;
+
.dyelinks ul,.moblinks ul {
animation: flash linear 1s infinite;
+
list-style-type:none;
 
}
 
}
.pin-circle {
+
 
    border: 3px solid red;
+
.energy {
    height: 40px;
+
background-color:#d7d;
    width: 40px;
+
}
    -moz-border-radius: 50%;
+
 
    -webkit-border-radius: 50%;
+
.fancytree p {
    position: absolute;
+
display:none;
    left: -40%;
 
    top: -50%;
 
    -webkit-animation: flash linear 1s infinite;
 
    animation: flash linear 1s infin
 
 
}
 
}
@-webkit-keyframes flash {
+
 
0% { opacity: 1;scale(4) }
+
.fancytree ul {
50% { opacity: .1;scale(1) }
+
background:none;
100% { opacity: 1;scale(4) }
+
border:none;
 +
font-size:12px;
 
}
 
}
@keyframes flash {
+
 
0% { opacity: 1;scale(4) }
+
.fire {
50% { opacity: .1;scale(1) }
+
background-color:#db7;
100% { opacity: 1;scale(4) }
 
 
}
 
}
.largeFloatingInstructions {
+
 
    position: fixed;
+
.firstHeading {
    bottom: 1%;
+
display:none;
    left: 1%;
 
    font-size: 36px;
 
    color: #3d6c99;
 
    z-index: 5000;
 
    background-color: black;
 
    padding: 10px;
 
    border-radius: 20px;
 
    border-style: double;
 
 
}
 
}
  
#UOAtlas {
+
.grabbable {
    background-image: url(http://stratics.com/w/images/6/67/UO-original-map-white-outline.png);
+
cursor:move;
    background-size: 75% 100%;
+
cursor:grab;
    width: 100%;
+
cursor:-moz-grab;
    min-height: 700px;
+
cursor:-webkit-grab;
    background-repeat: no-repeat;
 
    background-position: 40%;
 
 
}
 
}
.menutrigger {
+
 
    top: 5%;
+
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
    left: -10%;
+
content:" (";
    cursor: move;
+
font-weight:400;
 
}
 
}
.radarMap {
+
 
    --rotation: 45deg;
+
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
    --mulModA: 1.333;
+
content:") ";
    transform: translateX(150%) rotate(var(--rotation)) scale(.75);
+
font-weight:400;
 
}
 
}
.pin.quest-npc, .pin.counselors-guild {
+
 
    --mulModB: .8;
+
.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
 +
content:" (" counter(listitem) " ";
 
}
 
}
.pin.stealable-item {
+
 
    --mulModB: .5;
+
.hlist dd,.hlist dt,.hlist li {
 +
display:inline;
 +
margin:0;
 
}
 
}
.pin.counselors-guild a img {
+
 
    -webkit-filter: invert(1) hue-rotate(167deg);
+
.hlist dd:after,.hlist li:after {
 +
content:" · ";
 +
font-weight:700;
 
}
 
}
.pin:hover:after {
+
 
    transform: scale(calc(1 / var(--mulModB))) rotate(calc(0deg - var(--rotation)));
+
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
 +
content:none;
 
}
 
}
.menutrigger:hover:after  {
+
 
    transform: rotate(calc(0deg - var(--rotation)));
+
.hlist dl,.hlist ol,.hlist ul {
 +
margin:0;
 +
padding:0;
 
}
 
}
.pin a img  {
+
 
    transform: rotate(calc(0deg - var(--rotation)))!important;
+
.hlist dt:after {
 +
content:": ";
 
}
 
}
@media (max-width: 1680px) {
+
 
    .familyTree {
+
.hlist ol {
        transform: scale(.7);
+
counter-reset:listitem;
        transform-origin: top left;
 
    }
 
    .map-holder {
 
        transform: scale(.12);
 
    }
 
    .pin {
 
      --multiplier: 8.33;
 
    }
 
 
}
 
}
@media (max-width: 1920px)  and (min-width: 1681px){
+
 
    .map-holder {
+
.hlist ol > li {
        transform: scale(.18);
+
counter-increment:listitem;
    }
 
    .pin {
 
      --multiplier: 5.55;
 
    }
 
 
}
 
}
@media (max-width: 2560px)  and (min-width: 1921px){
+
 
    .map-holder {
+
.hlist ol > li:before {
        transform: scale(.2);
+
content:" " counter(listitem) " ";
    }
+
white-space:nowrap;
    .pin {
 
      --multiplier: 5;
 
    }
 
 
}
 
}
@media (min-width: 2561px){
+
 
    .map-holder {
+
.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
        transform: scale(.23);
+
display:inline;
    }
 
    .pin {
 
      --multiplier: 4.34;
 
    }
 
 
}
 
}
.pin.scale2    { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2)); }
 
.pin.scale2-5  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2.5)); }
 
.pin.scale2-7  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2.7)); }
 
.pin.scale3    { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3)); }
 
.pin.scale3-25 { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3.25)); }
 
.pin.scale3-5  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3.5)); }
 
.pin.scale4    { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 4)); }
 
.pin.scale5    { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 5)); }
 
.pin.scale5-2  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 5.2)); }
 
.pin.scale6    { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 6)); }
 
.pin.scale7    { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 7)); }
 
.pin.scale8    { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 8)); }
 
.pin.scale9    { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 9)); }
 
.pin.scale10  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 10)); }
 
.pin.scale11  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 11)); }
 
.pin.scale12  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 12)); }
 
.pin.scale13  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 13)); }
 
.pin.scale14  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 14)); }
 
.pin.scale15  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 15)); }
 
.pin.scale16  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 16)); }
 
.pin.scale17  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 17)); }
 
.pin.scale18  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 18)); }
 
.pin.scale19  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 19)); }
 
.pin.scale20  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 20)); }
 
.pin.scale21  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 21)); }
 
.pin.scale22  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 22)); }
 
.pin.scale23  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 23)); }
 
.pin.scale24  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 24)); }
 
.pin.scale25  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 25)); }
 
.pin.scale26  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 26)); }
 
.pin.scale27  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 27)); }
 
.pin.scale28  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 28)); }
 
.pin.scale29  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 29)); }
 
.pin.scale30  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 30)); }
 
.pin.scale31  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 31)); }
 
.pin.scale32  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 32)); }
 
.pin.scale33  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 33)); }
 
.pin.scale34  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 34)); }
 
.pin.scale35  { transform: scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 35)); }
 
  
 
.icon {
 
.icon {
    image-rendering: pixelated;
+
image-rendering:pixelated;
    position: relative;
+
position:relative;
 
}
 
}
 +
 
.icon-archers_guild {
 
.icon-archers_guild {
    margin: -3px -232px -213px -3px;
+
margin:-3px -232px -213px -3px;
    --clip-path: inset(3px 232px 213px 3px);
+
transform-origin:8.5px 10.5px;
    transform-origin: 8.5px 10.5px;
+
--clip-path:inset(3px 232px 213px 3px);
 
}
 
}
  
 
.icon-architect {
 
.icon-architect {
    margin: -42px -86px -169px -140px;
+
margin:-42px -86px -169px -140px;
    --clip-path: inset(42px 86px 169px 140px);
+
transform-origin:148px 54px;
    transform-origin: 148px 54px;
+
--clip-path:inset(42px 86px 169px 140px);
 
}
 
}
  
 
.icon-armaments_guild {
 
.icon-armaments_guild {
    margin: -3px -211px -213px -24px;
+
margin:-3px -211px -213px -24px;
    --clip-path: inset(3px 211px 213px 24px);
+
transform-origin:29.5px 10.5px;
    transform-origin: 29.5px 10.5px;
+
--clip-path:inset(3px 211px 213px 24px);
 
}
 
}
  
 
.icon-armorer {
 
.icon-armorer {
    margin: -3px -181px -208px -45px;
+
margin:-3px -181px -208px -45px;
    --clip-path: inset(3px 181px 208px 45px);
+
transform-origin:53px 15px;
    transform-origin: 53px 15px;
+
--clip-path:inset(3px 181px 208px 45px);
 
}
 
}
  
 
.icon-armorers_guild {
 
.icon-armorers_guild {
    margin: -3px -160px -213px -75px;
+
margin:-3px -160px -213px -75px;
    --clip-path: inset(3px 160px 213px 75px);
+
transform-origin:80.5px 10.5px;
    transform-origin: 80.5px 10.5px;
+
--clip-path:inset(3px 160px 213px 75px);
 
}
 
}
  
 
.icon-artist {
 
.icon-artist {
    margin: -90px -80px -122px -145px;
+
margin:-90px -80px -122px -145px;
    --clip-path: inset(90px 80px 122px 145px);
+
transform-origin:153.5px 101.5px;
    transform-origin: 153.5px 101.5px;
+
--clip-path:inset(90px 80px 122px 145px);
 
}
 
}
  
 
.icon-artists_guild {
 
.icon-artists_guild {
    margin: -103px -27px -112px -207px;
+
-webkit-clip-path:inset(103px 27px 112px 207px);
    -webkit-clip-path: inset(103px 27px 112px 207px);
+
margin:-103px -27px -112px -207px;
    transform-origin: 213px 111px;
+
transform-origin:213px 111px;
 
}
 
}
  
 
.icon-assasins_guild {
 
.icon-assasins_guild {
    margin: -3px -139px -213px -96px;
+
margin:-3px -139px -213px -96px;
    --clip-path: inset(3px 139px 213px 96px);
+
transform-origin:101.5px 10.5px;
    transform-origin: 101.5px 10.5px;
+
--clip-path:inset(3px 139px 213px 96px);
 
}
 
}
  
 
.icon-baker {
 
.icon-baker {
    margin: -3px -109px -208px -117px;
+
margin:-3px -109px -208px -117px;
    --clip-path: inset(3px 109px 208px 117px);
+
transform-origin:125px 15px;
    transform-origin: 125px 15px;
+
--clip-path:inset(3px 109px 208px 117px);
 
}
 
}
  
 
.icon-bank {
 
.icon-bank {
    margin: -3px -78px -208px -147px;
+
margin:-3px -78px -208px -147px;
    --clip-path: inset(3px 78px 208px 147px);
+
transform-origin:155px 15.5px;
    transform-origin: 155px 15.5px;
+
--clip-path:inset(3px 78px 208px 147px);
 
}
 
}
  
 
.icon-barber {
 
.icon-barber {
    margin: -3px -58px -213px -177px;
+
margin:-3px -58px -213px -177px;
    --clip-path: inset(3px 58px 213px 177px);
+
transform-origin:182.5px 10.5px;
    transform-origin: 182.5px 10.5px;
+
--clip-path:inset(3px 58px 213px 177px);
 
}
 
}
  
 
.icon-barbers_guild {
 
.icon-barbers_guild {
    margin: -3px -58px -213px -177px;
+
margin:-3px -58px -213px -177px;
    --clip-path: inset(3px 58px 213px 177px);
+
transform-origin:182.5px 10.5px;
    transform-origin: 182.5px 10.5px;
+
--clip-path:inset(3px 58px 213px 177px);
 
}
 
}
  
 
.icon-bard {
 
.icon-bard {
    margin: -20px -223px -191px -3px;
+
margin:-20px -223px -191px -3px;
    --clip-path: inset(20px 223px 191px 3px);
+
transform-origin:11px 32px;
    transform-origin: 11px 32px;
+
--clip-path:inset(20px 223px 191px 3px);
 
}
 
}
  
 
.icon-bardic_guild {
 
.icon-bardic_guild {
    margin: -16px -160px -200px -75px;
+
margin:-16px -160px -200px -75px;
    --clip-path: inset(16px 160px 200px 75px);
+
transform-origin:80.5px 23.5px;
    transform-origin: 80.5px 23.5px;
+
--clip-path:inset(16px 160px 200px 75px);
 
}
 
}
  
 
.icon-barterers_guild {
 
.icon-barterers_guild {
    margin: -15px -139px -200px -95px;
+
margin:-15px -139px -200px -95px;
    --clip-path: inset(15px 139px 200px 95px);
+
transform-origin:99px 25px;
    transform-origin: 99px 25px;
+
--clip-path:inset(15px 139px 200px 95px);
 
}
 
}
  
 
.icon-beekeeper {
 
.icon-beekeeper {
    margin: -20px -49px -191px -177px;
+
margin:-20px -49px -191px -177px;
    --clip-path: inset(20px 49px 191px 177px);
+
transform-origin:185px 32px;
    transform-origin: 185px 32px;
+
--clip-path:inset(20px 49px 191px 177px);
 
}
 
}
  
.icon-blacksmiths_guild {
+
.icon-blacksmith {
    margin: -16px -139px -200px -96px;
+
margin:-42px -223px -169px -3px;
    --clip-path: inset(16px 139px 200px 96px);
+
transform-origin:101.5px 23.5px;
    transform-origin: 11px 54px;
+
--clip-path:inset(42px 223px 169px 3px);
 
}
 
}
  
.icon-blacksmith {
+
.icon-blacksmiths_guild {
    margin: -42px -223px -169px -3px;
+
margin:-16px -139px -200px -96px;
    --clip-path: inset(42px 223px 169px 3px);
+
transform-origin:11px 54px;
    transform-origin: 101.5px 23.5px;
+
--clip-path:inset(16px 139px 200px 96px);
 
}
 
}
  
 
.icon-body_of_water {
 
.icon-body_of_water {
    margin: -41px -196px -176px -32px;
+
margin:-41px -196px -176px -32px;
    --clip-path: inset(41px 196px 176px 32px);
+
transform-origin:37px 52px;
    transform-origin: 37px 52px;
+
--clip-path:inset(41px 196px 176px 32px);
 
}
 
}
  
 
.icon-bowyer {
 
.icon-bowyer {
    margin: -42px -167px -169px -59px;
+
margin:-42px -167px -169px -59px;
    --clip-path: inset(42px 167px 169px 59px);
+
transform-origin:67px 54px;
    transform-origin: 67px 54px;
+
--clip-path:inset(42px 167px 169px 59px);
 
}
 
}
  
 
.icon-bridge {
 
.icon-bridge {
    margin: -41px -145px -178px -88px;
+
margin:-41px -145px -178px -88px;
    --clip-path: inset(41px 145px 178px 88px);
+
transform-origin:92px 49.5px;
    transform-origin: 92px 49.5px;
+
--clip-path:inset(41px 145px 178px 88px);
 
}
 
}
  
 
.icon-butcher {
 
.icon-butcher {
    margin: -42px -116px -169px -110px;
+
margin:-42px -116px -169px -110px;
    --clip-path: inset(42px 116px 169px 110px);
+
transform-origin:118px 54px;
    transform-origin: 118px 54px;
+
--clip-path:inset(42px 116px 169px 110px);
 
}
 
}
  
 
.icon-carpenter {
 
.icon-carpenter {
    margin: -42px -86px -169px -140px;
+
margin:-42px -86px -169px -140px;
    --clip-path: inset(42px 86px 169px 140px);
+
transform-origin:148px 54px;
    transform-origin: 148px 54px;
+
--clip-path:inset(42px 86px 169px 140px);
 
}
 
}
  
 
.icon-cartographer {
 
.icon-cartographer {
    margin: -121px -4px -90px -222px;
+
margin:-121px -4px -90px -222px;
    --clip-path: inset(121px 4px 90px 222px);
+
transform-origin:230px 133px;
    transform-origin: 230px 133px;
+
--clip-path:inset(121px 4px 90px 222px);
 
}
 
}
  
 
.icon-cavalry_guild {
 
.icon-cavalry_guild {
    margin: -42px -65px -174px -170px;
+
margin:-42px -65px -174px -170px;
    --clip-path: inset(42px 65px 174px 170px);
+
transform-origin:175.5px 49.5px;
    transform-origin: 175.5px 49.5px;
+
--clip-path:inset(42px 65px 174px 170px);
 
}
 
}
  
 
.icon-cave {
 
.icon-cave {
    margin: -59px -203px -151px -32px;
+
margin:-59px -203px -151px -32px;
    --clip-path: inset(59px 203px 151px 32px);
+
transform-origin:40.5px 66.5px;
    transform-origin: 40.5px 66.5px;
+
--clip-path:inset(59px 203px 151px 32px);
 
}
 
}
  
 
.icon-champion {
 
.icon-champion {
    margin: -41px -45px -168px -190px;
+
margin:-41px -45px -168px -190px;
    --clip-path: inset(41px 45px 168px 190px);
+
transform-origin:199px 48.5px;
    transform-origin: 199px 48.5px;
+
--clip-path:inset(41px 45px 168px 190px);
 
}
 
}
  
 
.icon-city {
 
.icon-city {
    margin: -64px -228px -147px -3px;
+
margin:-64px -228px -147px -3px;
    --clip-path: inset(64px 228px 147px 3px);
+
transform-origin:11px 73.5px;
    transform-origin: 11px 73.5px;
+
--clip-path:inset(64px 228px 147px 3px);
 
}
 
}
  
 
.icon-cooks_guild {
 
.icon-cooks_guild {
    margin: -59px -146px -157px -89px;
+
margin:-59px -146px -157px -89px;
    --clip-path: inset(59px 146px 157px 89px);
+
transform-origin:94.5px 66.5px;
    transform-origin: 94.5px 66.5px;
+
--clip-path:inset(59px 146px 157px 89px);
 
}
 
}
  
 
.icon-council_of_mages_faction {
 
.icon-council_of_mages_faction {
    margin: -64px -177px -143px -53px;
+
margin:-64px -177px -143px -53px;
    --clip-path: inset(64px 177px 143px 53px);
+
transform-origin:63px 74px;
    transform-origin: 63px 74px;
+
--clip-path:inset(64px 177px 143px 53px);
 
}
 
}
  
 
.icon-counselors_guild {
 
.icon-counselors_guild {
    margin: -136px -157px -75px -69px;
+
margin:-136px -157px -75px -69px;
    --clip-path: inset(136px 157px 75px 69px);
+
transform-origin:77px 148px;
    transform-origin: 77px 148px;
+
--clip-path:inset(136px 157px 75px 69px);
 
}
 
}
  
 
.icon-customs {
 
.icon-customs {
    margin: -64px -86px -147px -140px;
+
margin:-64px -86px -147px -140px;
    --clip-path: inset(64px 86px 147px 140px);
+
transform-origin:148px 76px;
    transform-origin: 148px 76px;
+
--clip-path:inset(64px 86px 147px 140px);
 
}
 
}
  
 
.icon-daily_rare {
 
.icon-daily_rare {
    margin: -59px -66px -149px -170px;
+
margin:-59px -66px -149px -170px;
    --clip-path: inset(59px 66px 149px 170px);
+
transform-origin:179.5px 66px;
    transform-origin: 179.5px 66px;
+
--clip-path:inset(59px 66px 149px 170px);
 
}
 
}
  
 
.icon-dock {
 
.icon-dock {
    margin: -63px -50px -153px -189px;
+
margin:-63px -50px -153px -189px;
    --clip-path: inset(63px 50px 153px 189px);
+
transform-origin:194.5px 68.5px;
    transform-origin: 194.5px 68.5px;
+
--clip-path:inset(63px 50px 153px 189px);
 
}
 
}
  
 
.icon-dungeon {
 
.icon-dungeon {
    margin: -80px -152px -127px -79px;
+
margin:-80px -152px -127px -79px;
    --clip-path: inset(80px 152px 127px 79px);
+
transform-origin:89px 89.5px;
    transform-origin: 89px 89.5px;
+
--clip-path:inset(80px 152px 127px 79px);
 
}
 
}
  
 
.icon-engineers_guild {
 
.icon-engineers_guild {
    margin: -186px -80px -30px -154px;
+
margin:-186px -80px -30px -154px;
    --clip-path: inset(186px 80px 30px 154px);
+
transform-origin:158px 195.5px;
    transform-origin: 158px 195.5px;
+
--clip-path:inset(186px 80px 30px 154px);
 
}
 
}
  
 
.icon-exit {
 
.icon-exit {
    margin: -79px -53px -141px -190px;
+
margin:-79px -53px -141px -190px;
    --clip-path: inset(79px 53px 141px 190px);
+
transform-origin:193.5px 82.5px;
    transform-origin: 193.5px 82.5px;
+
--clip-path:inset(79px 53px 141px 190px);
 
}
 
}
  
 
.icon-farm {
 
.icon-farm {
    margin: -92px -236px -128px -3px;
+
margin:-92px -236px -128px -3px;
    --clip-path: inset(92px 236px 128px 3px);
+
transform-origin:6.5px 97.5px;
    transform-origin: 6.5px 97.5px;
+
--clip-path:inset(92px 236px 128px 3px);
 
}
 
}
  
 
.icon-fighters_guild {
 
.icon-fighters_guild {
    margin: -92px -215px -124px -20px;
+
margin:-92px -215px -124px -20px;
    --clip-path: inset(92px 215px 124px 20px);
+
transform-origin:25.5px 99.5px;
    transform-origin: 25.5px 99.5px;
+
--clip-path:inset(92px 215px 124px 20px);
 
}
 
}
  
 
.icon-fishermans_guild {
 
.icon-fishermans_guild {
    margin: -92px -194px -124px -41px;
+
margin:-92px -194px -124px -41px;
    --clip-path: inset(92px 194px 124px 41px);
+
transform-origin:46.5px 99.5px;
    transform-origin: 46.5px 99.5px;
+
--clip-path:inset(92px 194px 124px 41px);
 
}
 
}
  
 
.icon-fletcher {
 
.icon-fletcher {
    margin: -92px -122px -119px -104px;
+
margin:-92px -122px -119px -104px;
    --clip-path: inset(92px 122px 119px 104px);
+
transform-origin:112px 104px;
    transform-origin: 112px 104px;
+
--clip-path:inset(92px 122px 119px 104px);
 
}
 
}
  
 
.icon-flight_path {
 
.icon-flight_path {
    margin: -26px -127px -194px -117px;
+
margin:-26px -127px -194px -117px;
    --clip-path: inset(26px 127px 194px 117px);
+
transform-origin:120.5px 29px;
    transform-origin: 120.5px 29px;
+
--clip-path:inset(26px 127px 194px 117px);
 
}
 
}
  
 
.icon-fort {
 
.icon-fort {
    margin: -20px -106px -187px -131px;
+
margin:-20px -106px -187px -131px;
    --clip-path: inset(20px 106px 187px 131px);
+
transform-origin:141px 26.5px;
    transform-origin: 141px 26.5px;
+
--clip-path:inset(20px 106px 187px 131px);
 
}
 
}
  
 
.icon-gate {
 
.icon-gate {
    margin: -91px -177px -125px -61px;
+
margin:-91px -177px -125px -61px;
    --clip-path: inset(91px 177px 125px 61px);
+
transform-origin:66.5px 97px;
    transform-origin: 66.5px 97px;
+
--clip-path:inset(91px 177px 125px 61px);
 
}
 
}
  
 
.icon-graveyard {
 
.icon-graveyard {
    margin: -91px -108px -125px -132px;
+
margin:-91px -108px -125px -132px;
    --clip-path: inset(91px 108px 125px 132px);
+
transform-origin:137.5px 96px;
    transform-origin: 137.5px 96px;
+
--clip-path:inset(91px 108px 125px 132px);
 
}
 
}
  
 
.icon-guild {
 
.icon-guild {
    margin: -136px -157px -75px -69px;
+
margin:-136px -157px -75px -69px;
    --clip-path: inset(136px 157px 75px 69px);
+
transform-origin:77px 148px;
    transform-origin: 77px 148px;
+
--clip-path:inset(136px 157px 75px 69px);
 
}
 
}
  
.icon-healers_guild {
+
.icon-healer {
    margin: -114px -232px -102px -3px;
+
margin:-92px -49px -119px -177px;
    --clip-path: inset(114px 232px 102px 3px);
+
transform-origin:185px 104px;
    transform-origin: 8.5px 121.5px;
+
--clip-path:inset(92px 49px 119px 177px);
 
}
 
}
  
.icon-healer {
+
.icon-healers_guild {
    margin: -92px -49px -119px -177px;
+
margin:-114px -232px -102px -3px;
    --clip-path: inset(92px 49px 119px 177px);
+
transform-origin:8.5px 121.5px;
    transform-origin: 185px 104px;
+
--clip-path:inset(114px 232px 102px 3px);
 
}
 
}
  
 
.icon-herbalist {
 
.icon-herbalist {
    margin: -114px -201px -97px -24px;
+
margin:-114px -201px -97px -24px;
    --clip-path: inset(114px 201px 97px 24px);
+
transform-origin:32px 126.5px;
    transform-origin: 32px 126.5px;
+
--clip-path:inset(114px 201px 97px 24px);
 
}
 
}
  
 
.icon-illusionists_guild {
 
.icon-illusionists_guild {
    margin: -114px -181px -102px -54px;
+
margin:-114px -181px -102px -54px;
    --clip-path: inset(114px 181px 102px 54px);
+
transform-origin:59.5px 121.5px;
    transform-origin: 59.5px 121.5px;
+
--clip-path:inset(114px 181px 102px 54px);
 
}
 
}
  
 
.icon-inn {
 
.icon-inn {
    margin: -114px -151px -97px -75px;
+
margin:-114px -151px -97px -75px;
    --clip-path: inset(114px 151px 97px 75px);
+
transform-origin:83px 126px;
    transform-origin: 83px 126px;
+
--clip-path:inset(114px 151px 97px 75px);
 
}
 
}
  
 
.icon-island {
 
.icon-island {
    margin: -114px -126px -102px -105px;
+
margin:-114px -126px -102px -105px;
    --clip-path: inset(114px 126px 102px 105px);
+
transform-origin:110.5px 123.5px;
    transform-origin: 110.5px 123.5px;
+
--clip-path:inset(114px 126px 102px 105px);
 
}
 
}
  
 
.icon-jeweler {
 
.icon-jeweler {
    margin: -114px -95px -97px -130px;
+
margin:-114px -95px -97px -130px;
    --clip-path: inset(114px 95px 97px 130px);
+
transform-origin:138px 126.5px;
    transform-origin: 138px 126.5px;
+
--clip-path:inset(114px 95px 97px 130px);
 
}
 
}
  
 
.icon-ladder {
 
.icon-ladder {
    margin: -176px -203px -34px -36px;
+
margin:-176px -203px -34px -36px;
    --clip-path: inset(176px 203px 34px 36px);
+
transform-origin:37.5px 188.5px;
    transform-origin: 37.5px 188.5px;
+
--clip-path:inset(176px 203px 34px 36px);
 
}
 
}
  
 
.icon-lair {
 
.icon-lair {
    margin: -20px -200px -190px -31px;
+
margin:-20px -200px -190px -31px;
    --clip-path: inset(20px 200px 190px 31px);
+
transform-origin:39.5px 29.5px;
    transform-origin: 39.5px 29.5px;
+
--clip-path:inset(20px 200px 190px 31px);
 
}
 
}
  
 
.icon-landmark {
 
.icon-landmark {
    margin: -115px -79px -105px -161px;
+
margin:-115px -79px -105px -161px;
    --clip-path: inset(115px 79px 105px 161px);
+
transform-origin:164.5px 120px;
    transform-origin: 164.5px 120px;
+
--clip-path:inset(115px 79px 105px 161px);
 
}
 
}
  
 
.icon-library {
 
.icon-library {
    margin: -114px -49px -97px -177px;
+
margin:-114px -49px -97px -177px;
    --clip-path: inset(114px 49px 97px 177px);
+
transform-origin:185px 126px;
    transform-origin: 185px 126px;
+
--clip-path:inset(114px 49px 97px 177px);
 
}
 
}
  
 
.icon-lockpicking_box {
 
.icon-lockpicking_box {
    margin: -21px -180px -188px -55px;
+
margin:-21px -180px -188px -55px;
    --clip-path: inset(21px 180px 188px 55px);
+
transform-origin:64px 28.5px;
    transform-origin: 64px 28.5px;
+
--clip-path:inset(21px 180px 188px 55px);
 
}
 
}
  
 
.icon-mage {
 
.icon-mage {
    margin: -136px -208px -75px -18px;
+
margin:-136px -208px -75px -18px;
    --clip-path: inset(136px 208px 75px 18px);
+
transform-origin:26px 148px;
    transform-origin: 26px 148px;
+
--clip-path:inset(136px 208px 75px 18px);
 
}
 
}
  
 
.icon-mages_guild {
 
.icon-mages_guild {
    margin: -136px -187px -80px -48px;
+
margin:-136px -187px -80px -48px;
    --clip-path: inset(136px 187px 80px 48px);
+
transform-origin:53.5px 143.5px;
    transform-origin: 53.5px 143.5px;
+
--clip-path:inset(136px 187px 80px 48px);
 
}
 
}
  
 
.icon-mariner {
 
.icon-mariner {
    margin: -64px -86px -147px -140px;
+
margin:-64px -86px -147px -140px;
    --clip-path: inset(64px 86px 147px 140px);
+
transform-origin:148px 76px;
    transform-origin: 148px 76px;
+
--clip-path:inset(64px 86px 147px 140px);
 
}
 
}
  
 
.icon-market {
 
.icon-market {
    margin: -136px -157px -75px -69px;
+
margin:-136px -157px -75px -69px;
    --clip-path: inset(136px 157px 75px 69px);
+
transform-origin:77px 148px;
    transform-origin: 77px 148px;
+
--clip-path:inset(136px 157px 75px 69px);
 
}
 
}
  
 
.icon-merchants_guild {
 
.icon-merchants_guild {
    margin: -136px -136px -80px -99px;
+
margin:-136px -136px -80px -99px;
    --clip-path: inset(136px 136px 80px 99px);
+
transform-origin:104.5px 143.5px;
    transform-origin: 104.5px 143.5px;
+
--clip-path:inset(136px 136px 80px 99px);
 
}
 
}
  
 
.icon-minax_faction {
 
.icon-minax_faction {
    margin: -136px -109px -72px -120px;
+
margin:-136px -109px -72px -120px;
    --clip-path: inset(136px 109px 72px 120px);
+
transform-origin:129.5px 146.5px;
    transform-origin: 129.5px 146.5px;
+
--clip-path:inset(136px 109px 72px 120px);
 
}
 
}
  
 
.icon-miners_guild {
 
.icon-miners_guild {
    margin: -136px -89px -80px -146px;
+
margin:-136px -89px -80px -146px;
    --clip-path: inset(136px 89px 80px 146px);
+
transform-origin:151.5px 143.5px;
    transform-origin: 151.5px 143.5px;
+
--clip-path:inset(136px 89px 80px 146px);
 
}
 
}
  
 
.icon-moongate {
 
.icon-moongate {
    margin: -136px -74px -71px -167px;
+
margin:-136px -74px -71px -167px;
    --clip-path: inset(136px 74px 71px 167px);
+
transform-origin:177px 140.5px;
    transform-origin: 177px 140.5px;
+
--clip-path:inset(136px 74px 71px 167px);
 
}
 
}
  
 
.icon-other {
 
.icon-other {
    margin: -136px -58px -81px -181px;
+
margin:-136px -58px -81px -181px;
    --clip-path: inset(136px 58px 81px 181px);
+
transform-origin:186px 141.5px;
    transform-origin: 186px 141.5px;
+
--clip-path:inset(136px 58px 81px 181px);
 
}
 
}
  
 
.icon-painter {
 
.icon-painter {
    margin: -162px -223px -49px -3px;
+
margin:-162px -223px -49px -3px;
    --clip-path: inset(162px 223px 49px 3px);
+
transform-origin:11px 174px;
    transform-origin: 11px 174px;
+
--clip-path:inset(162px 223px 49px 3px);
 
}
 
}
  
 
.icon-player {
 
.icon-player {
    margin: -152px -50px -36px -182px;
+
margin:-152px -50px -36px -182px;
    --clip-path: inset(152px 50px 36px 182px);
+
transform-origin:201.5px 161px;
    transform-origin: 201.5px 161px;
+
--clip-path:inset(152px 50px 36px 182px);
 
}
 
}
  
 
.icon-point_of_interest {
 
.icon-point_of_interest {
    margin: -3px -38px -216px -198px;
+
margin:-3px -38px -216px -198px;
    --clip-path: inset(3px 38px 216px 198px);
+
transform-origin:202px 10px;
    transform-origin: 202px 10px;
+
--clip-path:inset(3px 38px 216px 198px);
 
}
 
}
  
.icon-provisioners_guild {
+
.icon-provisioner {
    margin: -17px -27px -199px -207px;
+
margin:-197px -223px -14px -3px;
    --clip-path: inset(17px 27px 199px 207px);
+
transform-origin:11px 209px;
    transform-origin: 212.5px 25px;
+
--clip-path:inset(197px 223px 14px 3px);
 
}
 
}
  
.icon-provisioner {
+
.icon-provisioners_guild {
    margin: -197px -223px -14px -3px;
+
margin:-17px -27px -199px -207px;
    --clip-path: inset(197px 223px 14px 3px);
+
transform-origin:212.5px 25px;
    transform-origin: 11px 209px;
+
--clip-path:inset(17px 27px 199px 207px);
 
}
 
}
  
 
.icon-quest_npc {
 
.icon-quest_npc {
    margin: -64px -28px -129px -207px;
+
margin:-64px -28px -129px -207px;
    --clip-path: inset(64px 28px 129px 207px);
+
transform-origin:224px 71.5px;
    transform-origin: 224px 71.5px;
+
--clip-path:inset(64px 28px 129px 207px);
 
}
 
}
  
 
.icon-ranger {
 
.icon-ranger {
    margin: -3px -232px -213px -3px;
+
margin:-3px -232px -213px -3px;
    --clip-path: inset(3px 232px 213px 3px);
+
transform-origin:6.5px 12.5px;
    transform-origin: 6.5px 12.5px;
+
--clip-path:inset(3px 232px 213px 3px);
 
}
 
}
  
 
.icon-rangers_guild {
 
.icon-rangers_guild {
    margin: -3px -232px -213px -3px;
+
margin:-3px -232px -213px -3px;
    --clip-path: inset(3px 232px 213px 3px);
+
transform-origin:6.5px 12.5px;
    transform-origin: 6.5px 12.5px;
+
--clip-path:inset(3px 232px 213px 3px);
 
}
 
}
  
 
.icon-rogues_guild {
 
.icon-rogues_guild {
    margin: -104px -22px -112px -207px;
+
margin:-104px -22px -112px -207px;
    --clip-path: inset(104px 22px 112px 207px);
+
transform-origin:212.5px 114.5px;
    transform-origin: 212.5px 114.5px;
+
--clip-path:inset(104px 22px 112px 207px);
 
}
 
}
  
 
.icon-ruins {
 
.icon-ruins {
    margin: -33px -33px -185px -210px;
+
margin:-33px -33px -185px -210px;
    --clip-path: inset(33px 33px 185px 210px);
+
transform-origin:214.5px 36.5px;
    transform-origin: 214.5px 36.5px;
+
--clip-path:inset(33px 33px 185px 210px);
 
}
 
}
  
 
.icon-sailors_guild {
 
.icon-sailors_guild {
    margin: -62px -120px -153px -115px;
+
margin:-62px -120px -153px -115px;
    --clip-path: inset(62px 120px 153px 115px);
+
transform-origin:118.5px 72px;
    transform-origin: 118.5px 72px;
+
--clip-path:inset(62px 120px 153px 115px);
 
}
 
}
  
 
.icon-scenic_point {
 
.icon-scenic_point {
    margin: -47px -29px -174px -210px;
+
margin:-47px -29px -174px -210px;
    --clip-path: inset(47px 29px 174px 210px);
+
transform-origin:213px 52.5px;
    transform-origin: 213px 52.5px;
+
--clip-path:inset(47px 29px 174px 210px);
 
}
 
}
  
 
.icon-scribe {
 
.icon-scribe {
    margin: -114px -49px -97px -177px;
+
margin:-114px -49px -97px -177px;
    --clip-path: inset(114px 49px 97px 177px);
+
transform-origin:185px 126px;
    transform-origin: 185px 126px;
+
--clip-path:inset(114px 49px 97px 177px);
 
}
 
}
  
.icon-secret_door {
+
.icon-seamans_guild {
    margin: -121px -34px -84px -207px;
+
margin:-77px -134px -138px -100px;
    --clip-path: inset(121px 34px 84px 207px);
+
transform-origin:104px 87px;
    transform-origin: 218px 125.5px;
+
--clip-path:inset(77px 134px 138px 100px);
 
}
 
}
  
.icon-seamans_guild {
+
.icon-secret_door {
    margin: -77px -134px -138px -100px;
+
margin:-121px -34px -84px -207px;
    --clip-path: inset(77px 134px 138px 100px);
+
transform-origin:218px 125.5px;
    transform-origin: 104px 87px;
+
--clip-path:inset(121px 34px 84px 207px);
 
}
 
}
  
 
.icon-shadowlords_faction {
 
.icon-shadowlords_faction {
    margin: -198px -198px -11px -33px;
+
margin:-198px -198px -11px -33px;
    --clip-path: inset(198px 198px 11px 33px);
+
transform-origin:42px 207.5px;
    transform-origin: 42px 207.5px;
+
--clip-path:inset(198px 198px 11px 33px);
 
}
 
}
  
 
.icon-ship {
 
.icon-ship {
    margin: -3px -3px -199px -227px;
+
margin:-3px -3px -199px -227px;
    --clip-path: inset(3px 3px 199px 227px);
+
transform-origin:239.5px 13px;
    transform-origin: 239.5px 13px;
+
--clip-path:inset(3px 3px 199px 227px);
 
}
 
}
  
.icon-shipwrights_guild {
+
.icon-shipwright {
    margin: -34px -8px -182px -227px;
+
margin:-121px -4px -90px -222px;
    --clip-path: inset(34px 8px 182px 227px);
+
transform-origin:230px 133px;
    transform-origin: 232.5px 41.5px;
+
--clip-path:inset(121px 4px 90px 222px);
 
}
 
}
  
.icon-shipwright {
+
.icon-shipwrights_guild {
    margin: -121px -4px -90px -222px;
+
margin:-34px -8px -182px -227px;
    --clip-path: inset(121px 4px 90px 222px);
+
transform-origin:232.5px 41.5px;
    transform-origin: 230px 133px;
+
--clip-path:inset(34px 8px 182px 227px);
 
}
 
}
  
 
.icon-shrine {
 
.icon-shrine {
    margin: -51px -11px -163px -228px;
+
margin:-51px -11px -163px -228px;
    --clip-path: inset(51px 11px 163px 228px);
+
transform-origin:234.5px 56.5px;
    transform-origin: 234.5px 56.5px;
+
--clip-path:inset(51px 11px 163px 228px);
 
}
 
}
  
 
.icon-sorcerers_guild {
 
.icon-sorcerers_guild {
    margin: -70px -7px -146px -228px;
+
margin:-70px -7px -146px -228px;
    --clip-path: inset(70px 7px 146px 228px);
+
transform-origin:233.5px 77.5px;
    transform-origin: 233.5px 77.5px;
+
--clip-path:inset(70px 7px 146px 228px);
 
}
 
}
  
 
.icon-stable {
 
.icon-stable {
    margin: -143px -4px -68px -222px;
+
margin:-143px -4px -68px -222px;
    --clip-path: inset(143px 4px 68px 222px);
+
transform-origin:230px 155px;
    transform-origin: 230px 155px;
+
--clip-path:inset(143px 4px 68px 222px);
 
}
 
}
  
 
.icon-stairs {
 
.icon-stairs {
    margin: -88px -12px -131px -229px;
+
margin:-88px -12px -131px -229px;
    --clip-path: inset(88px 12px 131px 229px);
+
transform-origin:233px 92.5px;
    transform-origin: 233px 92.5px;
+
--clip-path:inset(88px 12px 131px 229px);
 
}
 
}
  
 
.icon-stealable_item {
 
.icon-stealable_item {
    margin: -165px -161px -29px -59px;
+
margin:-165px -161px -29px -59px;
    --clip-path: inset(165px 161px 29px 59px);
+
transform-origin:75.5px 180px;
    transform-origin: 75.5px 180px;
+
--clip-path:inset(165px 161px 29px 59px);
 
}
 
}
  
 
.icon-tailor {
 
.icon-tailor {
    margin: -165px -131px -46px -95px;
+
margin:-165px -131px -46px -95px;
    --clip-path: inset(165px 131px 46px 95px);
+
transform-origin:103px 177px;
    transform-origin: 103px 177px;
+
--clip-path:inset(165px 131px 46px 95px);
 
}
 
}
  
 
.icon-tailors_guild {
 
.icon-tailors_guild {
    margin: -213px -135px -2px -100px;
+
margin:-213px -135px -2px -100px;
    --clip-path: inset(213px 135px 2px 100px);
+
transform-origin:103.5px 223px;
    transform-origin: 103.5px 223px;
+
--clip-path:inset(213px 135px 2px 100px);
 
}
 
}
  
 
.icon-tanner {
 
.icon-tanner {
    margin: -165px -101px -46px -125px;
+
margin:-165px -101px -46px -125px;
    --clip-path: inset(165px 101px 46px 125px);
+
transform-origin:133px 177px;
    transform-origin: 133px 177px;
+
--clip-path:inset(165px 101px 46px 125px);
 
}
 
}
  
 
.icon-tavern {
 
.icon-tavern {
    margin: -165px -20px -46px -206px;
+
margin:-165px -20px -46px -206px;
    --clip-path: inset(165px 20px 46px 206px);
+
transform-origin:214px 177px;
    transform-origin: 214px 177px;
+
--clip-path:inset(165px 20px 46px 206px);
 
}
 
}
  
 
.icon-teleporter {
 
.icon-teleporter {
    margin: -102px -14px -117px -228px;
+
margin:-102px -14px -117px -228px;
    --clip-path: inset(102px 14px 117px 228px);
+
transform-origin:232px 106px;
    transform-origin: 232px 106px;
+
--clip-path:inset(102px 14px 117px 228px);
 
}
 
}
  
 
.icon-terrain {
 
.icon-terrain {
    margin: -114px -126px -107px -105px;
+
margin:-114px -126px -107px -105px;
    --clip-path: inset(114px 126px 107px 105px);
+
transform-origin:108px 123.5px;
    transform-origin: 108px 123.5px;
+
--clip-path:inset(114px 126px 107px 105px);
 
}
 
}
  
 
.icon-theater {
 
.icon-theater {
    margin: -187px -131px -24px -95px;
+
margin:-187px -131px -24px -95px;
    --clip-path: inset(187px 131px 24px 95px);
+
transform-origin:103px 199px;
    transform-origin: 103px 199px;
+
--clip-path:inset(187px 131px 24px 95px);
 
}
 
}
  
 
.icon-thieves_guild {
 
.icon-thieves_guild {
    margin: -165px -80px -51px -155px;
+
margin:-165px -80px -51px -155px;
    --clip-path: inset(165px 80px 51px 155px);
+
transform-origin:160.5px 172.5px;
    transform-origin: 160.5px 172.5px;
+
--clip-path:inset(165px 80px 51px 155px);
 
}
 
}
  
.icon-tinkers_guild {
+
.icon-tinker {
    margin: -187px -80px -29px -155px;
+
margin:-187px -101px -24px -125px;
    --clip-path: inset(187px 80px 29px 155px);
+
transform-origin:133px 199px;
    transform-origin: 160.5px 194.5px;
+
--clip-path:inset(187px 101px 24px 125px);
 
}
 
}
  
.icon-tinker {
+
.icon-tinkers_guild {
    margin: -187px -101px -24px -125px;
+
margin:-187px -80px -29px -155px;
    --clip-path: inset(187px 101px 24px 125px);
+
transform-origin:160.5px 194.5px;
    transform-origin: 133px 199px;
+
--clip-path:inset(187px 80px 29px 155px);
 
}
 
}
  
 
.icon-traders_guild {
 
.icon-traders_guild {
    margin: -187px -29px -29px -206px;
+
margin:-187px -29px -29px -206px;
    --clip-path: inset(187px 29px 29px 206px);
+
transform-origin:211.5px 194.5px;
    transform-origin: 211.5px 194.5px;
+
--clip-path:inset(187px 29px 29px 206px);
 
}
 
}
  
 
.icon-true_britannians_faction {
 
.icon-true_britannians_faction {
    margin: -187px -3px -21px -227px;
+
margin:-187px -3px -21px -227px;
    --clip-path: inset(187px 3px 21px 227px);
+
transform-origin:236.5px 197px;
    transform-origin: 236.5px 197px;
+
--clip-path:inset(187px 3px 21px 227px);
 
}
 
}
  
 
.icon-veterinarian {
 
.icon-veterinarian {
    margin: -150px -186px -66px -49px;
+
margin:-150px -186px -66px -49px;
    --clip-path: inset(150px 186px 66px 49px);
+
transform-origin:52.5px 159.5px;
    transform-origin: 52.5px 159.5px;
+
--clip-path:inset(150px 186px 66px 49px);
 
}
 
}
  
 
.icon-warriors_guild {
 
.icon-warriors_guild {
    margin: -213px -176px -3px -59px;
+
margin:-213px -176px -3px -59px;
    --clip-path: inset(213px 176px 3px 59px);
+
transform-origin:64.5px 220.5px;
    transform-origin: 64.5px 220.5px;
+
--clip-path:inset(213px 176px 3px 59px);
 
}
 
}
  
 
.icon-weapons_guild {
 
.icon-weapons_guild {
    margin: -213px -155px -3px -80px;
+
margin:-213px -155px -3px -80px;
    --clip-path: inset(213px 155px 3px 80px);
+
transform-origin:85.5px 220.5px;
    transform-origin: 85.5px 220.5px;
+
--clip-path:inset(213px 155px 3px 80px);
 +
}
 +
 
 +
.imagecell {
 +
padding:1em 0!important;
 +
text-align:center!important;
 
}
 
}
  
/* End UO Atlas css. */
+
.infobox {
 +
border:1px solid #aaa;
 +
border-spacing:3px;
 +
float:right;
 +
font-size:72%!important;
 +
line-height:1.5em;
 +
margin:.5em 0 .5em 1em;
 +
max-width:28%;
 +
min-width:28%;
 +
padding:.2em;
 +
}
  
/* [[Template:Navbox]] */
+
.infobox caption {
.navbox {
+
font-size:125%;
/* Navbox container style */
+
font-weight:700;
border: 1px solid #aaa;
+
padding:.2em;
width: 100%;
 
margin: auto;
 
clear: both;
 
font-size: 88%;
 
text-align: center;
 
padding: 1px;
 
        z-index: 1000;
 
        position: relative;
 
 
}
 
}
.navbox-inner,
+
 
.navbox-subgroup {
+
.infobox td,.infobox th {
width: 100%;
+
padding-top:5px;
 +
text-align:left;
 +
vertical-align:top;
 
}
 
}
table.navbox + table.navbox {
+
 
/* Single pixel border between adjacent navboxes */
+
.infobox tr td:first-of-type {
margin-top: -1px;
+
font-weight:600;
/* (doesn't work for IE6, but that's okay) */
+
padding-left:5px;
 +
padding-right:8px;
 
}
 
}
.navbox th,
+
 
.navbox-title,
+
.navbar {
.navbox-abovebelow {
+
display:inline;
text-align: center;
+
font-size:88%;
/* Title and above/below styles */
+
font-weight:400;
padding-left: 1em;
 
padding-right: 1em;
 
 
}
 
}
th.navbox-group {
+
 
/* Group style */
+
.navbar li {
white-space: nowrap;
+
word-spacing:-.125em;
/* @noflip */
 
text-align: right;
 
 
}
 
}
.navbox,
+
 
.navbox-subgroup {
+
.navbar ul {
background: #000;
+
display:inline;
        border-color: goldenrod;
+
white-space:nowrap;
 
}
 
}
.navbox-list {
+
 
/* Must match background color */
+
.navbox {
border-color: #000;
+
border:1px solid #aaa;
 +
clear:both;
 +
font-size:88%;
 +
margin:auto;
 +
padding:1px;
 +
position:relative;
 +
text-align:center;
 +
width:100%;
 +
z-index:1000;
 
}
 
}
.navbox th,
+
 
.navbox-title {
+
.navbox .hlist dd dl,.navbox .hlist dt dl,.navbox .hlist li ol,.navbox .hlist li ul {
/* Level 1 color */
+
white-space:normal;
background: #333;
 
 
}
 
}
.navbox-abovebelow,
+
 
th.navbox-group,
+
.navbox .hlist dd,.navbox .hlist dt,.navbox .hlist li {
.navbox-subgroup .navbox-title {
+
white-space:nowrap;
/* Level 2 color */
+
white-space:normal !ie;
background: #444;
 
 
}
 
}
.navbox-subgroup .navbox-group,
+
 
.navbox-subgroup .navbox-abovebelow {
+
.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
/* Level 3 color */
+
padding:.125em 0;
background: #555;
 
 
}
 
}
.navbox-even {
+
 
/* Even row striping */
+
.navbox .navbar {
background: #111;
+
display:block;
 +
font-size:100%;
 
}
 
}
.navbox-odd {
+
 
/* Odd row striping */
+
.navbox th,.navbox-title {
background: transparent;
+
background:#333;
 
}
 
}
.navbox .hlist td dl,
+
 
.navbox .hlist td ol,
+
.navbox th,.navbox-title,.navbox-abovebelow {
.navbox .hlist td ul,
+
padding-left:1em;
.navbox td.hlist dl,
+
padding-right:1em;
.navbox td.hlist ol,
+
text-align:center;
.navbox td.hlist ul {
 
/* Adjust hlist padding in navboxes */
 
padding: 0.125em 0;
 
 
}
 
}
.navbox .hlist dd,
+
 
.navbox .hlist dt,
+
.navbox,.navbox-subgroup {
.navbox .hlist li {
+
background:#000;
/* Nowrap list items in navboxes */
+
border-color:#daa520;
white-space: nowrap;
 
/* IE < 8 no-wraps entire list, so disable it */
 
white-space: normal !ie;
 
 
}
 
}
.navbox .hlist dd dl,
+
 
.navbox .hlist dt dl,
+
.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {
.navbox .hlist li ol,
+
background:#444;
.navbox .hlist li ul {
 
/* But allow parent list items to be wrapped */
 
white-space: normal;
 
 
}
 
}
ol + table.navbox,
+
 
ul + table.navbox {
+
.navbox-even {
/* Prevent lists from clinging to navboxes */
+
background:#111;
margin-top: 0.5em;
 
 
}
 
}
  
/* [[Template:Navbar]] */
+
.navbox-inner,.navbox-subgroup {
.navbar {
+
width:100%;
display: inline;
 
font-size: 88%;
 
font-weight: normal;
 
 
}
 
}
.navbar ul {
+
 
display: inline;
+
.navbox-list {
white-space: nowrap;
+
border-color:#000;
 
}
 
}
.navbar li {
+
 
word-spacing: -0.125em;
+
.navbox-odd {
 +
background:transparent;
 
}
 
}
/* Navbar styling when nested in navbox */
+
 
.navbox .navbar {
+
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
display: block;
+
background:#555;
font-size: 100%;
 
 
}
 
}
 +
 
.navbox-title .navbar {
 
.navbox-title .navbar {
/* @noflip */
+
float:left;
float: left;
+
margin-right:.5em;
/* @noflip */
+
text-align:left;
text-align: left;
+
width:6em;
/* @noflip */
 
margin-right: 0.5em;
 
width: 6em;
 
 
}
 
}
  
/**
+
.ns-3000 * {
* Style for horizontal lists (separator following item).
+
font-family:Georgia,Times,serif!important;
* @source mediawiki.org/wiki/Snippets/Horizontal_lists
 
* @revision 6 (2014-05-09)
 
* @author [[User:Edokter]]
 
*/
 
.hlist dl,
 
.hlist ol,
 
.hlist ul {
 
margin: 0;
 
padding: 0;
 
 
}
 
}
/* Display list items inline */
+
 
.hlist dd,
+
.penimage {
.hlist dt,
+
height:19px;
.hlist li {
+
object-fit:none;
margin: 0;
+
object-position:20% 0;
display: inline;
+
width:21px;
 
}
 
}
/* Display nested lists inline */
+
 
.hlist.inline,
+
.physical {
.hlist.inline dl,
+
background-color:#ddd;
.hlist.inline ol,
 
.hlist.inline ul,
 
.hlist dl dl, .hlist dl ol, .hlist dl ul,
 
.hlist ol dl, .hlist ol ol, .hlist ol ul,
 
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 
display: inline;
 
 
}
 
}
/* Generate interpuncts */
+
 
.hlist dt:after {
+
.pin.scale10 {
content: ": ";
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 10));
 
}
 
}
.hlist dd:after,
+
 
.hlist li:after {
+
.pin.scale11 {
content: " · ";
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 11));
font-weight: bold;
 
 
}
 
}
.hlist dd:last-child:after,
+
 
.hlist dt:last-child:after,
+
.pin.scale12 {
.hlist li:last-child:after {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 12));
content: none;
 
 
}
 
}
/* Add parentheses around nested lists */
+
 
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
+
.pin.scale13 {
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 13));
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 
content: " (";
 
font-weight: normal;
 
 
}
 
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
+
 
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
+
.pin.scale14 {
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 14));
content: ") ";
 
font-weight: normal;
 
 
}
 
}
/* Put ordinals in front of ordered list items */
+
 
.hlist ol {
+
.pin.scale15 {
counter-reset: listitem;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 15));
 
}
 
}
.hlist ol > li {
+
 
counter-increment: listitem;
+
.pin.scale16 {
 +
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 16));
 
}
 
}
.hlist ol > li:before {
+
 
content: " " counter(listitem) " ";
+
.pin.scale17 {
white-space: nowrap;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 17));
 
}
 
}
.hlist dd ol > li:first-child:before,
+
 
.hlist dt ol > li:first-child:before,
+
.pin.scale18 {
.hlist li ol > li:first-child:before {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 18));
content: " (" counter(listitem) " ";
 
 
}
 
}
/* end hlist */
 
  
/* Selectable jQuery ul/li  */
+
.pin.scale19 {
ul.selectable {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 19));
margin-left: 0;
+
}
padding-left: 0;
 
display: inline;
 
}
 
  
ul.selectable li {
+
.pin.scale2 {
margin: 3px 3px 0 0;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2));
padding: 3px 15px 5px;
 
list-style: none;
 
display: inline-block;
 
border-radius: 7px;
 
font-weight: 700;
 
border: 1px solid darkgrey;
 
background: #222;
 
 
}
 
}
  
li.ui-selected {
+
.pin.scale2-5 {
background: rgb(245, 132, 0)!important;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2.5));
 
}
 
}
/* end selectable jQuery ul/li  */
 
  
/* Standard Navigationsleisten, aka box hiding thingy
+
.pin.scale2-7 {
  from .de. Documentation at [[Wikipedia:NavFrame]]. */
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2.7));
div.NavFrame {
 
    margin: 0;
 
    padding: 4px;
 
    border: 1px solid #aaa;
 
    text-align: center;
 
    border-collapse: collapse;
 
    font-size: 95%;
 
 
}
 
}
div.NavFrame + div.NavFrame {
+
 
    border-top-style: none;
+
.pin.scale20 {
    border-top-style: hidden;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 20));
 
}
 
}
div.NavPic {
+
 
    background-color: #fff;
+
.pin.scale21 {
    margin: 0;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 21));
    padding: 2px;
 
    /* @noflip */
 
    float: left;
 
 
}
 
}
div.NavFrame div.NavHead {
+
 
    height: 1.6em;
+
.pin.scale22 {
    font-weight: bold;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 22));
    background-color: #ccf;
 
    position: relative;
 
 
}
 
}
div.NavFrame p,
+
 
div.NavFrame div.NavContent,
+
.pin.scale23 {
div.NavFrame div.NavContent p {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 23));
    font-size: 100%;
 
 
}
 
}
div.NavEnd {
+
 
    margin: 0;
+
.pin.scale24 {
    padding: 0;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 24));
    line-height: 1px;
 
    clear: both;
 
 
}
 
}
a.NavToggle {
+
 
    position: absolute;
+
.pin.scale25 {
    top: 0;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 25));
    /* @noflip */
 
    right: 3px;
 
    font-weight: normal;
 
    font-size: 90%;
 
 
}
 
}
  
/* Tree Menu CSS */
+
.pin.scale26 {
 +
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 26));
 +
}
  
.fancytree ul {
+
.pin.scale27 {
    background: none;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 27));
    border: none;
 
    font-size: 12px;
 
 
}
 
}
ul.fancytree-container {
+
 
    outline: 0px;
+
.pin.scale28 {
    border: none;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 28));
    overflow: hidden;
 
 
}
 
}
.fancytree p {
+
 
    display: none;
+
.pin.scale29 {
 +
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 29));
 
}
 
}
span.fancytree-title {
+
 
    cursor: default;
+
.pin.scale3 {
    color: #e0ab43;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3));
    font-size: 125%;
 
  font-weight: bold;
 
 
}
 
}
span.fancytree-title a {
+
 
    color: goldenrod;
+
.pin.scale3-25 {
 +
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3.25));
 
}
 
}
  
 +
.pin.scale3-5 {
 +
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3.5));
 +
}
  
/* css stack for the crisp-images image rendering mode */
+
.pin.scale30 {
.crispImages {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 30));
    image-rendering: -webkit-optimize-contrast;
 
    -ms-interpolation-mode: nearest-neighbor;
 
    image-rendering: -moz-crisp-edges;
 
    image-rendering: -o-crisp-edges;
 
    image-rendering: optimize-contrast;
 
    image-rendering: crisp-edges;
 
 
}
 
}
  
/* css stack for cursors */
+
.pin.scale31 {
.grabbable {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 31));
    cursor: move;
 
    cursor: grab;
 
    cursor: -moz-grab;
 
    cursor: -webkit-grab;
 
 
}
 
}
  
/* Animal Lore tool */
+
.pin.scale32 {
.removeFile {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 32));
    border-radius: 6px;
 
    color: red;
 
    display: inline-block;
 
    font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;
 
    font-size: 150%;
 
    font-weight: 900;
 
    line-height: 2em;
 
    margin: 0 .3em;
 
    text-align: center;
 
    width: 1em;
 
}
 
.removeFile:hover {
 
    background-color: red;
 
    color: white;
 
    cursor:pointer;
 
 
}
 
}
  
.dropZone {
+
.pin.scale33 {
    border-radius:12px;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 33));
    border:1px white solid;
 
    width:120%;
 
    height:6em;
 
    text-align:center;
 
    line-height:6em;
 
    font-size:150%;
 
    margin:1em 15%;
 
    background: rgb(96,175,255);
 
    background: -moz-radial-gradient(center, ellipse cover, rgba(96,175,255,1) 0%, rgba(20,132,244,1) 67%, rgba(20,132,244,1) 67%, rgba(20,132,244,1) 85%, rgba(20,132,244,1) 85%, rgba(19,116,213,1) 100%);
 
    background: -webkit-radial-gradient(center, ellipse cover, rgba(96,175,255,1) 0%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 85%,rgba(20,132,244,1) 85%,rgba(19,116,213,1) 100%);
 
    background: radial-gradient(ellipse at center, rgba(96,175,255,1) 0%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 85%,rgba(20,132,244,1) 85%,rgba(19,116,213,1) 100%);
 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60afff', endColorstr='#1374d5',GradientType='1');
 
 
}
 
}
  
label.selectLabel {
+
.pin.scale34 {
    color:#FFF;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 34));
    font-weight: 900;
 
    padding-left: 0.4em;
 
    padding-right: 1em;
 
 
}
 
}
  
label.selectLabel::after {
+
.pin.scale35 {
  content: ": ";
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 35));
 
}
 
}
  
li.selectLI {
+
.pin.scale4 {
    cursor:pointer;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 4));
    color: #ddd;
 
    margin: 2px!important;
 
 
}
 
}
  
/* Infobox template style */
+
.pin.scale5 {
.infobox {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 5));
    border: 1px solid #aaa;
 
    border-spacing: 3px;
 
  /* background-color: #fff; */
 
    /* @noflip */
 
    margin: 0.5em 0 0.5em 1em;
 
    padding: 0.2em;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    font-size: 72%!important;
 
    line-height: 1.5em;
 
    max-width: 28%;
 
    min-width: 28%;
 
 
}
 
}
  
.infobox caption {
+
.pin.scale5-2 {
    font-size: 125%;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 5.2));
    font-weight: bold;
 
    padding: 0.2em;
 
}
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
    /* @noflip */
 
    text-align: left;
 
    padding-top: 5px;
 
 
}
 
}
  
/* Overrides the border otherwise drawn on all tables. */
+
.pin.scale6 {
table.wikitable {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 6));
  border: 0;
 
 
}
 
}
  
table.dpltable > * > tr > th {
+
.pin.scale7 {
  color: black;
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 7));
 
}
 
}
  
/* Centers and crops the pen icon on 'alternate name' message boxes. */
+
.pin.scale8 {
.penimage {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 8));
    height: 19px;
 
    width: 21px;
 
    object-fit: none;
 
    object-position: 20% 0;
 
 
}
 
}
  
/* Centers an image in an infobox. */
+
.pin.scale9 {
.imagecell {
+
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 9));
    padding: 1em 0!important;
 
    text-align: center!important;
 
 
}
 
}
  
/* Formats left-column text in infoboxes. */
+
.poison {
.infobox tr td:first-of-type {
+
background-color:#7d7;
    font-weight: 600;
 
    padding-left: 5px;
 
    padding-right: 8px;
 
 
}
 
}
  
/* Hides undesirable borders on the top-left cell of a table containing numberic data. */
+
.removeFile {
.datatable tr:first-of-type td:first-of-type
+
border-radius:6px;
{
+
color:red;
    border-left: 0;
+
display:inline-block;
    border-top: 0;
+
font-family:"Comic Sans MS","Comic Sans",cursive,sans-serif;
 +
font-size:150%;
 +
font-weight:900;
 +
line-height:2em;
 +
margin:0 .3em;
 +
text-align:center;
 +
width:1em;
 
}
 
}
  
/* Centers text in table cells (generally for tables containing numeric data). */
+
.removeFile:hover {
.datatable tr td:not(:first-of-type) {
+
background-color:red;
    text-align: center;
+
color:#fff;
 +
cursor:pointer;
 
}
 
}
  
/* Adds coloring to the top cell in infoboxes. */
 
 
.titlecell {
 
.titlecell {
    background-color: #333;
+
background-color:#333;
    color: white;
+
color:#fff;
    padding: 2px 8px;
+
padding:2px 8px;
 
}
 
}
/* Elemental cell coloring */
+
 
.cold {
+
a.NavToggle {
    background-color: #2dbffd;
+
font-size:90%;
 +
font-weight:400;
 +
position:absolute;
 +
right:3px;
 +
top:0;
 
}
 
}
.energy {
+
 
    background-color: #d7d;
+
a.new {
 +
color:#d44;
 
}
 
}
.fire {
+
 
    background-color: #db7;
+
div.NavEnd {
 +
clear:both;
 +
line-height:1px;
 +
margin:0;
 +
padding:0;
 
}
 
}
.physical {
+
 
    background-color: #ddd;
+
div.NavFrame {
 +
border:1px solid #aaa;
 +
border-collapse:collapse;
 +
font-size:95%;
 +
margin:0;
 +
padding:4px;
 +
text-align:center;
 
}
 
}
.poison {
+
 
    background-color: #7d7;
+
div.NavFrame + div.NavFrame {
}
+
border-top-style:none;
a.new
+
border-top-style:hidden;
{
 
    color: rgb(221, 68, 68);
 
 
}
 
}
  
/* Hide page titles; UO makes for super long titles, and allows a sort of work around to ampersands in item names. */
+
div.NavFrame div.NavHead {
.firstHeading {
+
background-color:#ccf;
    display: none;
+
font-weight:700;
 +
height:1.6em;
 +
position:relative;
 
}
 
}
  
ul, ol, dl, table, td {
+
div.NavFrame p,div.NavFrame div.NavContent,div.NavFrame div.NavContent p {
    font-size:14px;
+
font-size:100%;
 
}
 
}
  
.ns-3000 * {
+
div.NavPic {
  font-family: Georgia, Times, serif!important;
+
background-color:#fff;
 +
float:left;
 +
margin:0;
 +
padding:2px;
 
}
 
}
  
 
h1 {
 
h1 {
    font-size: 28px;
+
font-size:28px;
    font-weight: 600;
+
font-weight:600;
 
}
 
}
  
 
h2 {
 
h2 {
font-size: 25px;
+
font-size:25px;
font-weight: 600;
+
font-weight:600;
 
}
 
}
  
 
h3 {
 
h3 {
font-size: 21px;
+
font-size:21px;
 
}
 
}
  
 
h4 {
 
h4 {
font-size: 18px;
+
font-size:18px;
 
}
 
}
  
 
h5 {
 
h5 {
font-size: 16px;
+
font-size:16px;
 
}
 
}
  
 
h6 {
 
h6 {
font-size: 14px;
+
font-size:14px;
 +
}
 +
 
 +
label.selectLabel {
 +
color:#FFF;
 +
font-weight:900;
 +
padding-left:.4em;
 +
padding-right:1em;
 
}
 
}
  
.dyelinks ul, .moblinks ul {
+
label.selectLabel::after {
    list-style-type: none;
+
content:": ";
 
}
 
}
  
.dyelinks a {
+
li.selectLI {
    vertical-align: top;
+
color:#ddd;
 +
cursor:pointer;
 +
margin:2px!important;
 +
}
 +
 
 +
li.ui-selected {
 +
background:#f58400!important;
 +
}
 +
 
 +
ol + table.navbox,ul + table.navbox {
 +
margin-top:.5em;
 +
}
 +
 
 +
span.fancytree-title {
 +
color:#e0ab43;
 +
cursor:default;
 +
font-size:125%;
 +
font-weight:700;
 +
}
 +
 
 +
span.fancytree-title a {
 +
color:#daa520;
 +
}
 +
 
 +
table.dpltable > * > tr > th {
 +
color:#000;
 +
}
 +
 
 +
table.navbox + table.navbox {
 +
margin-top:-1px;
 +
}
 +
 
 +
table.wikitable {
 +
border:0;
 +
}
 +
 
 +
th.navbox-group {
 +
text-align:right;
 +
white-space:nowrap;
 +
}
 +
 
 +
ul,ol,dl,table,td {
 +
font-size:14px;
 +
}
 +
 
 +
ul.fancytree-container {
 +
border:none;
 +
outline:0;
 +
overflow:hidden;
 +
}
 +
 
 +
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;
 
}
 
}

Revision as of 22:31, 28 December 2019

#toc {
margin-bottom:2em;
margin-top:2em;
}

#upload-list a,.file-title {
color:#00008b;
}

* {
-webkit-clip-path:var(--clip-path);
clip-path:var(--clip-path);
--clip-path:initial;
}

.UOhuepage-itemlist>ul>li>.mw-whatlinkshere-tools {
display:none;
}

.disambigtable {
width:80%;
}

.disambigtable td,.disambigtable th {
border:dotted 1px grey;
}

.dragon img {
transform:translateX(100px);
}

.indent {
margin-left:4em!important;
}

.invisibletable > * > tr > td,.invisibletable > * > tr > th {
border-style:none!important;
}

.mainlinks img {
transform:translateY(12px);
}

.mainpage_column {
flex:1;
padding:2rem;
}

.mainpage_row {
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
}

.mainpage_verticalrow {
align-items:baseline;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center;
}

.map {
position:absolute;
z-index:-999;
}

.map img,.map canvas {
-moz-box-shadow:45px 45px 0 0 rgba(0,0,0,0.35);
-webkit-box-shadow:45px 45px 0 0 rgba(0,0,0,0.35);
box-shadow:45px 45px 0 0 rgba(0,0,0,0.35);
}

.map-holder {
min-height:700px;
transform-origin:0 0;
transition:all 10ms ease;
--mulmoda:1;
--mulmodb:1;
--rotation:0;
}

.menutrigger:hover:after {
content:"Map Tools";
}

.mw-body h1 {
border-bottom:0!important;
font-size:2em;
}

.mw-body h1,.mw-body h2 {
font-family:Georgia,Times,serif;
line-height:1.3;
margin-bottom:.25em;
margin-top:1em;
padding:0;
}

.mw-body h2 {
border-bottom:1px solid #AAA;
font-size:1.8em;
}

.mw-body h2,.mw-body h3 {
font-weight:900;
}

.mw-body h2:before,.mw-body h3:before,.mw-body h4:before,.mw-body h5:before,.mw-body h6:before {
content:'';
display:inline-block;
height:1em;
width:100%;
}

.mw-body h3 {
font-size:1.5em;
}

.mw-body h3,.mw-body h4 {
font-variant:small-caps;
}

.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6 {
line-height:1.6;
margin-bottom:0;
margin-top:.3em;
padding-bottom:0;
padding-top:.5em;
}

.mw-body h4 {
font-size:1.35em;
font-weight:800;
}

.mw-body h5 {
font-size:1.18em;
font-weight:700;
}

.mw-body h6 {
font-size:1em;
font-weight:600;
}

.mw-collapsible-content:before {
clear:both;
content:" ";
display:block;
}

.pin {
display:inline-block;
opacity:.8;
position:absolute;
transform:scale(5.5);
z-index:999;
}

.pin img {
z-index:0;
}

.pin-circle {
-moz-border-radius:50%;
-webkit-animation:flash linear 1s infinite;
-webkit-border-radius:50%;
animation:flash linear 1s infin;
border:3px solid red;
height:40px;
left:-40%;
position:absolute;
top:-50%;
width:40px;
}

.pin.highlight {
-webkit-animation:flash linear 1s infinite;
animation:flash linear 1s infinite;
}

.pin:hover:after {
content:attr(data-name);
}

.pin:hover:after,.menutrigger:hover:after {
-moz-border-radius:3px;
-moz-box-shadow:inset 0 -10px 10px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,1),inset 0 1px 0 0 rgba(255,255,255,.3);
-webkit-border-radius:3px;
-webkit-box-shadow:inset 0 -10px 10px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,1),inset 0 1px 0 0 rgba(255,255,255,.3);
background:rgba(0,0,0,.7);
border-radius:3px;
box-shadow:inset 0 -10px 10px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,1),inset 0 1px 0 0 rgba(255,255,255,.3);
color:#fff;
display:block;
font-family:"Helvetica Neue",Helvetica,Sans;
left:-30px;
opacity:1;
padding:6px 10px 10px;
position:absolute;
text-align:center;
text-shadow:0 -1px 0 #000;
top:15px;
white-space:nowrap;
z-index:98;
}

.rounded {
border-radius:25px;
}

.uofiction {
font-family:'Goudy Bookletter 1911',serif;
font-size:125%;
line-height:1.4;
max-width:38em;
text-indent:25px;
}

.uofiction p {
padding-top:1em;
}

.uofiction::first-letter {
font-family:'Avatar',cursive;
font-size:250%;
padding-left:.1em;
padding-right:.1em;
}

.verticalcenterimg img {
vertical-align:middle;
}

.wikitable,.toc,.catlinks {
background-color:transparent!important;
color:#999;
}

img {
-ms-interpolation-mode:nearest-neighbor;
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
image-rendering:crisp-edges;
}

li {
list-style:unset;
}

table.centeredtext td {
text-align:center;
vertical-align:middle;
}

@-webkit-keyframes flash {
0% {
opacity:1;
}

100% {
opacity:1;
}

50% {
opacity:.1;
}
}

@keyframes flash {
0% {
opacity:1;
}

100% {
opacity:1;
}

50% {
opacity:.1;
}
}

#UOAtlas {
background-image:url(http://stratics.com/w/images/6/67/UO-original-map-white-outline.png);
background-position:40%;
background-repeat:no-repeat;
background-size:75% 100%;
min-height:700px;
width:100%;
}

.largeFloatingInstructions {
background-color:#000;
border-radius:20px;
border-style:double;
bottom:1%;
color:#3d6c99;
font-size:36px;
left:1%;
padding:10px;
position:fixed;
z-index:5000;
}

.menutrigger {
cursor:move;
left:-10%;
top:5%;
}

.menutrigger:hover:after {
transform:rotate(calc(0deg - var(--rotation)));
}

.pin a img {
transform:rotate(calc(0deg - var(--rotation)))!important;
}

.pin.counselors-guild a img {
-webkit-filter:invert(1) hue-rotate(167deg);
}

.pin.quest-npc,.pin.counselors-guild {
--mulmodb:.8;
}

.pin.stealable-item {
--mulmodb:.5;
}

.pin:hover:after {
transform:scale(calc(1 / var(--mulModB))) rotate(calc(0deg - var(--rotation)));
}

.radarMap {
transform:translateX(150%) rotate(var(--rotation)) scale(.75);
--mulmoda:1.333;
--rotation:45deg;
}

@media (max-width: 1680px) {
.familyTree {
transform:scale(.7);
transform-origin:top left;
}

.map-holder {
transform:scale(.12);
}

.pin {
--multiplier:8.33;
}
}

@media (max-width: 1920px) and (min-width: 1681px) {
.map-holder {
transform:scale(.18);
}

.pin {
--multiplier:5.55;
}
}

@media (max-width: 2560px) and (min-width: 1921px) {
.map-holder {
transform:scale(.2);
}

.pin {
--multiplier:5;
}
}

@media (min-width: 2561px) {
.map-holder {
transform:scale(.23);
}

.pin {
--multiplier:4.34;
}
}

.cold {
background-color:#2dbffd;
}

.crispImages {
-ms-interpolation-mode:nearest-neighbor;
image-rendering:-webkit-optimize-contrast;
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:optimize-contrast;
image-rendering:crisp-edges;
}

.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;
}

.dropZone {
background:#60afff;
background:-moz-radial-gradient(center,ellipse cover,rgba(96,175,255,1) 0%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 85%,rgba(20,132,244,1) 85%,rgba(19,116,213,1) 100%);
background:-webkit-radial-gradient(center,ellipse cover,rgba(96,175,255,1) 0%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 85%,rgba(20,132,244,1) 85%,rgba(19,116,213,1) 100%);
background:radial-gradient(ellipse at center,rgba(96,175,255,1) 0%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 67%,rgba(20,132,244,1) 85%,rgba(20,132,244,1) 85%,rgba(19,116,213,1) 100%);
border:1px #fff solid;
border-radius:12px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60afff',endColorstr='#1374d5',GradientType='1');
font-size:150%;
height:6em;
line-height:6em;
margin:1em 15%;
text-align:center;
width:120%;
}

.dyelinks a {
vertical-align:top;
}

.dyelinks ul,.moblinks ul {
list-style-type:none;
}

.energy {
background-color:#d7d;
}

.fancytree p {
display:none;
}

.fancytree ul {
background:none;
border:none;
font-size:12px;
}

.fire {
background-color:#db7;
}

.firstHeading {
display:none;
}

.grabbable {
cursor:move;
cursor:grab;
cursor:-moz-grab;
cursor:-webkit-grab;
}

.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
content:" (";
font-weight:400;
}

.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
content:") ";
font-weight:400;
}

.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
content:" (" counter(listitem) " ";
}

.hlist dd,.hlist dt,.hlist li {
display:inline;
margin:0;
}

.hlist dd:after,.hlist li:after {
content:" · ";
font-weight:700;
}

.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
content:none;
}

.hlist dl,.hlist ol,.hlist ul {
margin:0;
padding:0;
}

.hlist dt:after {
content:": ";
}

.hlist ol {
counter-reset:listitem;
}

.hlist ol > li {
counter-increment:listitem;
}

.hlist ol > li:before {
content:" " counter(listitem) " ";
white-space:nowrap;
}

.hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
display:inline;
}

.icon {
image-rendering:pixelated;
position:relative;
}

.icon-archers_guild {
margin:-3px -232px -213px -3px;
transform-origin:8.5px 10.5px;
--clip-path:inset(3px 232px 213px 3px);
}

.icon-architect {
margin:-42px -86px -169px -140px;
transform-origin:148px 54px;
--clip-path:inset(42px 86px 169px 140px);
}

.icon-armaments_guild {
margin:-3px -211px -213px -24px;
transform-origin:29.5px 10.5px;
--clip-path:inset(3px 211px 213px 24px);
}

.icon-armorer {
margin:-3px -181px -208px -45px;
transform-origin:53px 15px;
--clip-path:inset(3px 181px 208px 45px);
}

.icon-armorers_guild {
margin:-3px -160px -213px -75px;
transform-origin:80.5px 10.5px;
--clip-path:inset(3px 160px 213px 75px);
}

.icon-artist {
margin:-90px -80px -122px -145px;
transform-origin:153.5px 101.5px;
--clip-path:inset(90px 80px 122px 145px);
}

.icon-artists_guild {
-webkit-clip-path:inset(103px 27px 112px 207px);
margin:-103px -27px -112px -207px;
transform-origin:213px 111px;
}

.icon-assasins_guild {
margin:-3px -139px -213px -96px;
transform-origin:101.5px 10.5px;
--clip-path:inset(3px 139px 213px 96px);
}

.icon-baker {
margin:-3px -109px -208px -117px;
transform-origin:125px 15px;
--clip-path:inset(3px 109px 208px 117px);
}

.icon-bank {
margin:-3px -78px -208px -147px;
transform-origin:155px 15.5px;
--clip-path:inset(3px 78px 208px 147px);
}

.icon-barber {
margin:-3px -58px -213px -177px;
transform-origin:182.5px 10.5px;
--clip-path:inset(3px 58px 213px 177px);
}

.icon-barbers_guild {
margin:-3px -58px -213px -177px;
transform-origin:182.5px 10.5px;
--clip-path:inset(3px 58px 213px 177px);
}

.icon-bard {
margin:-20px -223px -191px -3px;
transform-origin:11px 32px;
--clip-path:inset(20px 223px 191px 3px);
}

.icon-bardic_guild {
margin:-16px -160px -200px -75px;
transform-origin:80.5px 23.5px;
--clip-path:inset(16px 160px 200px 75px);
}

.icon-barterers_guild {
margin:-15px -139px -200px -95px;
transform-origin:99px 25px;
--clip-path:inset(15px 139px 200px 95px);
}

.icon-beekeeper {
margin:-20px -49px -191px -177px;
transform-origin:185px 32px;
--clip-path:inset(20px 49px 191px 177px);
}

.icon-blacksmith {
margin:-42px -223px -169px -3px;
transform-origin:101.5px 23.5px;
--clip-path:inset(42px 223px 169px 3px);
}

.icon-blacksmiths_guild {
margin:-16px -139px -200px -96px;
transform-origin:11px 54px;
--clip-path:inset(16px 139px 200px 96px);
}

.icon-body_of_water {
margin:-41px -196px -176px -32px;
transform-origin:37px 52px;
--clip-path:inset(41px 196px 176px 32px);
}

.icon-bowyer {
margin:-42px -167px -169px -59px;
transform-origin:67px 54px;
--clip-path:inset(42px 167px 169px 59px);
}

.icon-bridge {
margin:-41px -145px -178px -88px;
transform-origin:92px 49.5px;
--clip-path:inset(41px 145px 178px 88px);
}

.icon-butcher {
margin:-42px -116px -169px -110px;
transform-origin:118px 54px;
--clip-path:inset(42px 116px 169px 110px);
}

.icon-carpenter {
margin:-42px -86px -169px -140px;
transform-origin:148px 54px;
--clip-path:inset(42px 86px 169px 140px);
}

.icon-cartographer {
margin:-121px -4px -90px -222px;
transform-origin:230px 133px;
--clip-path:inset(121px 4px 90px 222px);
}

.icon-cavalry_guild {
margin:-42px -65px -174px -170px;
transform-origin:175.5px 49.5px;
--clip-path:inset(42px 65px 174px 170px);
}

.icon-cave {
margin:-59px -203px -151px -32px;
transform-origin:40.5px 66.5px;
--clip-path:inset(59px 203px 151px 32px);
}

.icon-champion {
margin:-41px -45px -168px -190px;
transform-origin:199px 48.5px;
--clip-path:inset(41px 45px 168px 190px);
}

.icon-city {
margin:-64px -228px -147px -3px;
transform-origin:11px 73.5px;
--clip-path:inset(64px 228px 147px 3px);
}

.icon-cooks_guild {
margin:-59px -146px -157px -89px;
transform-origin:94.5px 66.5px;
--clip-path:inset(59px 146px 157px 89px);
}

.icon-council_of_mages_faction {
margin:-64px -177px -143px -53px;
transform-origin:63px 74px;
--clip-path:inset(64px 177px 143px 53px);
}

.icon-counselors_guild {
margin:-136px -157px -75px -69px;
transform-origin:77px 148px;
--clip-path:inset(136px 157px 75px 69px);
}

.icon-customs {
margin:-64px -86px -147px -140px;
transform-origin:148px 76px;
--clip-path:inset(64px 86px 147px 140px);
}

.icon-daily_rare {
margin:-59px -66px -149px -170px;
transform-origin:179.5px 66px;
--clip-path:inset(59px 66px 149px 170px);
}

.icon-dock {
margin:-63px -50px -153px -189px;
transform-origin:194.5px 68.5px;
--clip-path:inset(63px 50px 153px 189px);
}

.icon-dungeon {
margin:-80px -152px -127px -79px;
transform-origin:89px 89.5px;
--clip-path:inset(80px 152px 127px 79px);
}

.icon-engineers_guild {
margin:-186px -80px -30px -154px;
transform-origin:158px 195.5px;
--clip-path:inset(186px 80px 30px 154px);
}

.icon-exit {
margin:-79px -53px -141px -190px;
transform-origin:193.5px 82.5px;
--clip-path:inset(79px 53px 141px 190px);
}

.icon-farm {
margin:-92px -236px -128px -3px;
transform-origin:6.5px 97.5px;
--clip-path:inset(92px 236px 128px 3px);
}

.icon-fighters_guild {
margin:-92px -215px -124px -20px;
transform-origin:25.5px 99.5px;
--clip-path:inset(92px 215px 124px 20px);
}

.icon-fishermans_guild {
margin:-92px -194px -124px -41px;
transform-origin:46.5px 99.5px;
--clip-path:inset(92px 194px 124px 41px);
}

.icon-fletcher {
margin:-92px -122px -119px -104px;
transform-origin:112px 104px;
--clip-path:inset(92px 122px 119px 104px);
}

.icon-flight_path {
margin:-26px -127px -194px -117px;
transform-origin:120.5px 29px;
--clip-path:inset(26px 127px 194px 117px);
}

.icon-fort {
margin:-20px -106px -187px -131px;
transform-origin:141px 26.5px;
--clip-path:inset(20px 106px 187px 131px);
}

.icon-gate {
margin:-91px -177px -125px -61px;
transform-origin:66.5px 97px;
--clip-path:inset(91px 177px 125px 61px);
}

.icon-graveyard {
margin:-91px -108px -125px -132px;
transform-origin:137.5px 96px;
--clip-path:inset(91px 108px 125px 132px);
}

.icon-guild {
margin:-136px -157px -75px -69px;
transform-origin:77px 148px;
--clip-path:inset(136px 157px 75px 69px);
}

.icon-healer {
margin:-92px -49px -119px -177px;
transform-origin:185px 104px;
--clip-path:inset(92px 49px 119px 177px);
}

.icon-healers_guild {
margin:-114px -232px -102px -3px;
transform-origin:8.5px 121.5px;
--clip-path:inset(114px 232px 102px 3px);
}

.icon-herbalist {
margin:-114px -201px -97px -24px;
transform-origin:32px 126.5px;
--clip-path:inset(114px 201px 97px 24px);
}

.icon-illusionists_guild {
margin:-114px -181px -102px -54px;
transform-origin:59.5px 121.5px;
--clip-path:inset(114px 181px 102px 54px);
}

.icon-inn {
margin:-114px -151px -97px -75px;
transform-origin:83px 126px;
--clip-path:inset(114px 151px 97px 75px);
}

.icon-island {
margin:-114px -126px -102px -105px;
transform-origin:110.5px 123.5px;
--clip-path:inset(114px 126px 102px 105px);
}

.icon-jeweler {
margin:-114px -95px -97px -130px;
transform-origin:138px 126.5px;
--clip-path:inset(114px 95px 97px 130px);
}

.icon-ladder {
margin:-176px -203px -34px -36px;
transform-origin:37.5px 188.5px;
--clip-path:inset(176px 203px 34px 36px);
}

.icon-lair {
margin:-20px -200px -190px -31px;
transform-origin:39.5px 29.5px;
--clip-path:inset(20px 200px 190px 31px);
}

.icon-landmark {
margin:-115px -79px -105px -161px;
transform-origin:164.5px 120px;
--clip-path:inset(115px 79px 105px 161px);
}

.icon-library {
margin:-114px -49px -97px -177px;
transform-origin:185px 126px;
--clip-path:inset(114px 49px 97px 177px);
}

.icon-lockpicking_box {
margin:-21px -180px -188px -55px;
transform-origin:64px 28.5px;
--clip-path:inset(21px 180px 188px 55px);
}

.icon-mage {
margin:-136px -208px -75px -18px;
transform-origin:26px 148px;
--clip-path:inset(136px 208px 75px 18px);
}

.icon-mages_guild {
margin:-136px -187px -80px -48px;
transform-origin:53.5px 143.5px;
--clip-path:inset(136px 187px 80px 48px);
}

.icon-mariner {
margin:-64px -86px -147px -140px;
transform-origin:148px 76px;
--clip-path:inset(64px 86px 147px 140px);
}

.icon-market {
margin:-136px -157px -75px -69px;
transform-origin:77px 148px;
--clip-path:inset(136px 157px 75px 69px);
}

.icon-merchants_guild {
margin:-136px -136px -80px -99px;
transform-origin:104.5px 143.5px;
--clip-path:inset(136px 136px 80px 99px);
}

.icon-minax_faction {
margin:-136px -109px -72px -120px;
transform-origin:129.5px 146.5px;
--clip-path:inset(136px 109px 72px 120px);
}

.icon-miners_guild {
margin:-136px -89px -80px -146px;
transform-origin:151.5px 143.5px;
--clip-path:inset(136px 89px 80px 146px);
}

.icon-moongate {
margin:-136px -74px -71px -167px;
transform-origin:177px 140.5px;
--clip-path:inset(136px 74px 71px 167px);
}

.icon-other {
margin:-136px -58px -81px -181px;
transform-origin:186px 141.5px;
--clip-path:inset(136px 58px 81px 181px);
}

.icon-painter {
margin:-162px -223px -49px -3px;
transform-origin:11px 174px;
--clip-path:inset(162px 223px 49px 3px);
}

.icon-player {
margin:-152px -50px -36px -182px;
transform-origin:201.5px 161px;
--clip-path:inset(152px 50px 36px 182px);
}

.icon-point_of_interest {
margin:-3px -38px -216px -198px;
transform-origin:202px 10px;
--clip-path:inset(3px 38px 216px 198px);
}

.icon-provisioner {
margin:-197px -223px -14px -3px;
transform-origin:11px 209px;
--clip-path:inset(197px 223px 14px 3px);
}

.icon-provisioners_guild {
margin:-17px -27px -199px -207px;
transform-origin:212.5px 25px;
--clip-path:inset(17px 27px 199px 207px);
}

.icon-quest_npc {
margin:-64px -28px -129px -207px;
transform-origin:224px 71.5px;
--clip-path:inset(64px 28px 129px 207px);
}

.icon-ranger {
margin:-3px -232px -213px -3px;
transform-origin:6.5px 12.5px;
--clip-path:inset(3px 232px 213px 3px);
}

.icon-rangers_guild {
margin:-3px -232px -213px -3px;
transform-origin:6.5px 12.5px;
--clip-path:inset(3px 232px 213px 3px);
}

.icon-rogues_guild {
margin:-104px -22px -112px -207px;
transform-origin:212.5px 114.5px;
--clip-path:inset(104px 22px 112px 207px);
}

.icon-ruins {
margin:-33px -33px -185px -210px;
transform-origin:214.5px 36.5px;
--clip-path:inset(33px 33px 185px 210px);
}

.icon-sailors_guild {
margin:-62px -120px -153px -115px;
transform-origin:118.5px 72px;
--clip-path:inset(62px 120px 153px 115px);
}

.icon-scenic_point {
margin:-47px -29px -174px -210px;
transform-origin:213px 52.5px;
--clip-path:inset(47px 29px 174px 210px);
}

.icon-scribe {
margin:-114px -49px -97px -177px;
transform-origin:185px 126px;
--clip-path:inset(114px 49px 97px 177px);
}

.icon-seamans_guild {
margin:-77px -134px -138px -100px;
transform-origin:104px 87px;
--clip-path:inset(77px 134px 138px 100px);
}

.icon-secret_door {
margin:-121px -34px -84px -207px;
transform-origin:218px 125.5px;
--clip-path:inset(121px 34px 84px 207px);
}

.icon-shadowlords_faction {
margin:-198px -198px -11px -33px;
transform-origin:42px 207.5px;
--clip-path:inset(198px 198px 11px 33px);
}

.icon-ship {
margin:-3px -3px -199px -227px;
transform-origin:239.5px 13px;
--clip-path:inset(3px 3px 199px 227px);
}

.icon-shipwright {
margin:-121px -4px -90px -222px;
transform-origin:230px 133px;
--clip-path:inset(121px 4px 90px 222px);
}

.icon-shipwrights_guild {
margin:-34px -8px -182px -227px;
transform-origin:232.5px 41.5px;
--clip-path:inset(34px 8px 182px 227px);
}

.icon-shrine {
margin:-51px -11px -163px -228px;
transform-origin:234.5px 56.5px;
--clip-path:inset(51px 11px 163px 228px);
}

.icon-sorcerers_guild {
margin:-70px -7px -146px -228px;
transform-origin:233.5px 77.5px;
--clip-path:inset(70px 7px 146px 228px);
}

.icon-stable {
margin:-143px -4px -68px -222px;
transform-origin:230px 155px;
--clip-path:inset(143px 4px 68px 222px);
}

.icon-stairs {
margin:-88px -12px -131px -229px;
transform-origin:233px 92.5px;
--clip-path:inset(88px 12px 131px 229px);
}

.icon-stealable_item {
margin:-165px -161px -29px -59px;
transform-origin:75.5px 180px;
--clip-path:inset(165px 161px 29px 59px);
}

.icon-tailor {
margin:-165px -131px -46px -95px;
transform-origin:103px 177px;
--clip-path:inset(165px 131px 46px 95px);
}

.icon-tailors_guild {
margin:-213px -135px -2px -100px;
transform-origin:103.5px 223px;
--clip-path:inset(213px 135px 2px 100px);
}

.icon-tanner {
margin:-165px -101px -46px -125px;
transform-origin:133px 177px;
--clip-path:inset(165px 101px 46px 125px);
}

.icon-tavern {
margin:-165px -20px -46px -206px;
transform-origin:214px 177px;
--clip-path:inset(165px 20px 46px 206px);
}

.icon-teleporter {
margin:-102px -14px -117px -228px;
transform-origin:232px 106px;
--clip-path:inset(102px 14px 117px 228px);
}

.icon-terrain {
margin:-114px -126px -107px -105px;
transform-origin:108px 123.5px;
--clip-path:inset(114px 126px 107px 105px);
}

.icon-theater {
margin:-187px -131px -24px -95px;
transform-origin:103px 199px;
--clip-path:inset(187px 131px 24px 95px);
}

.icon-thieves_guild {
margin:-165px -80px -51px -155px;
transform-origin:160.5px 172.5px;
--clip-path:inset(165px 80px 51px 155px);
}

.icon-tinker {
margin:-187px -101px -24px -125px;
transform-origin:133px 199px;
--clip-path:inset(187px 101px 24px 125px);
}

.icon-tinkers_guild {
margin:-187px -80px -29px -155px;
transform-origin:160.5px 194.5px;
--clip-path:inset(187px 80px 29px 155px);
}

.icon-traders_guild {
margin:-187px -29px -29px -206px;
transform-origin:211.5px 194.5px;
--clip-path:inset(187px 29px 29px 206px);
}

.icon-true_britannians_faction {
margin:-187px -3px -21px -227px;
transform-origin:236.5px 197px;
--clip-path:inset(187px 3px 21px 227px);
}

.icon-veterinarian {
margin:-150px -186px -66px -49px;
transform-origin:52.5px 159.5px;
--clip-path:inset(150px 186px 66px 49px);
}

.icon-warriors_guild {
margin:-213px -176px -3px -59px;
transform-origin:64.5px 220.5px;
--clip-path:inset(213px 176px 3px 59px);
}

.icon-weapons_guild {
margin:-213px -155px -3px -80px;
transform-origin:85.5px 220.5px;
--clip-path:inset(213px 155px 3px 80px);
}

.imagecell {
padding:1em 0!important;
text-align:center!important;
}

.infobox {
border:1px solid #aaa;
border-spacing:3px;
float:right;
font-size:72%!important;
line-height:1.5em;
margin:.5em 0 .5em 1em;
max-width:28%;
min-width:28%;
padding:.2em;
}

.infobox caption {
font-size:125%;
font-weight:700;
padding:.2em;
}

.infobox td,.infobox th {
padding-top:5px;
text-align:left;
vertical-align:top;
}

.infobox tr td:first-of-type {
font-weight:600;
padding-left:5px;
padding-right:8px;
}

.navbar {
display:inline;
font-size:88%;
font-weight:400;
}

.navbar li {
word-spacing:-.125em;
}

.navbar ul {
display:inline;
white-space:nowrap;
}

.navbox {
border:1px solid #aaa;
clear:both;
font-size:88%;
margin:auto;
padding:1px;
position:relative;
text-align:center;
width:100%;
z-index:1000;
}

.navbox .hlist dd dl,.navbox .hlist dt dl,.navbox .hlist li ol,.navbox .hlist li ul {
white-space:normal;
}

.navbox .hlist dd,.navbox .hlist dt,.navbox .hlist li {
white-space:nowrap;
white-space:normal !ie;
}

.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:.125em 0;
}

.navbox .navbar {
display:block;
font-size:100%;
}

.navbox th,.navbox-title {
background:#333;
}

.navbox th,.navbox-title,.navbox-abovebelow {
padding-left:1em;
padding-right:1em;
text-align:center;
}

.navbox,.navbox-subgroup {
background:#000;
border-color:#daa520;
}

.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title {
background:#444;
}

.navbox-even {
background:#111;
}

.navbox-inner,.navbox-subgroup {
width:100%;
}

.navbox-list {
border-color:#000;
}

.navbox-odd {
background:transparent;
}

.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
background:#555;
}

.navbox-title .navbar {
float:left;
margin-right:.5em;
text-align:left;
width:6em;
}

.ns-3000 * {
font-family:Georgia,Times,serif!important;
}

.penimage {
height:19px;
object-fit:none;
object-position:20% 0;
width:21px;
}

.physical {
background-color:#ddd;
}

.pin.scale10 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 10));
}

.pin.scale11 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 11));
}

.pin.scale12 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 12));
}

.pin.scale13 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 13));
}

.pin.scale14 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 14));
}

.pin.scale15 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 15));
}

.pin.scale16 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 16));
}

.pin.scale17 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 17));
}

.pin.scale18 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 18));
}

.pin.scale19 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 19));
}

.pin.scale2 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2));
}

.pin.scale2-5 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2.5));
}

.pin.scale2-7 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 2.7));
}

.pin.scale20 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 20));
}

.pin.scale21 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 21));
}

.pin.scale22 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 22));
}

.pin.scale23 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 23));
}

.pin.scale24 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 24));
}

.pin.scale25 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 25));
}

.pin.scale26 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 26));
}

.pin.scale27 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 27));
}

.pin.scale28 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 28));
}

.pin.scale29 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 29));
}

.pin.scale3 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3));
}

.pin.scale3-25 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3.25));
}

.pin.scale3-5 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 3.5));
}

.pin.scale30 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 30));
}

.pin.scale31 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 31));
}

.pin.scale32 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 32));
}

.pin.scale33 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 33));
}

.pin.scale34 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 34));
}

.pin.scale35 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 35));
}

.pin.scale4 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 4));
}

.pin.scale5 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 5));
}

.pin.scale5-2 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 5.2));
}

.pin.scale6 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 6));
}

.pin.scale7 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 7));
}

.pin.scale8 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 8));
}

.pin.scale9 {
transform:scale(calc(var(--multiplier) * var(--mulModA) * var(--mulModB) / 9));
}

.poison {
background-color:#7d7;
}

.removeFile {
border-radius:6px;
color:red;
display:inline-block;
font-family:"Comic Sans MS","Comic Sans",cursive,sans-serif;
font-size:150%;
font-weight:900;
line-height:2em;
margin:0 .3em;
text-align:center;
width:1em;
}

.removeFile:hover {
background-color:red;
color:#fff;
cursor:pointer;
}

.titlecell {
background-color:#333;
color:#fff;
padding:2px 8px;
}

a.NavToggle {
font-size:90%;
font-weight:400;
position:absolute;
right:3px;
top:0;
}

a.new {
color:#d44;
}

div.NavEnd {
clear:both;
line-height:1px;
margin:0;
padding:0;
}

div.NavFrame {
border:1px solid #aaa;
border-collapse:collapse;
font-size:95%;
margin:0;
padding:4px;
text-align:center;
}

div.NavFrame + div.NavFrame {
border-top-style:none;
border-top-style:hidden;
}

div.NavFrame div.NavHead {
background-color:#ccf;
font-weight:700;
height:1.6em;
position:relative;
}

div.NavFrame p,div.NavFrame div.NavContent,div.NavFrame div.NavContent p {
font-size:100%;
}

div.NavPic {
background-color:#fff;
float:left;
margin:0;
padding:2px;
}

h1 {
font-size:28px;
font-weight:600;
}

h2 {
font-size:25px;
font-weight:600;
}

h3 {
font-size:21px;
}

h4 {
font-size:18px;
}

h5 {
font-size:16px;
}

h6 {
font-size:14px;
}

label.selectLabel {
color:#FFF;
font-weight:900;
padding-left:.4em;
padding-right:1em;
}

label.selectLabel::after {
content:": ";
}

li.selectLI {
color:#ddd;
cursor:pointer;
margin:2px!important;
}

li.ui-selected {
background:#f58400!important;
}

ol + table.navbox,ul + table.navbox {
margin-top:.5em;
}

span.fancytree-title {
color:#e0ab43;
cursor:default;
font-size:125%;
font-weight:700;
}

span.fancytree-title a {
color:#daa520;
}

table.dpltable > * > tr > th {
color:#000;
}

table.navbox + table.navbox {
margin-top:-1px;
}

table.wikitable {
border:0;
}

th.navbox-group {
text-align:right;
white-space:nowrap;
}

ul,ol,dl,table,td {
font-size:14px;
}

ul.fancytree-container {
border:none;
outline:0;
overflow:hidden;
}

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;
}