MediaWiki:Common.css

/* */ /** * CSS placed here will be applied to all skins on the entire site. * * This page is compiled from LESS files listed in MediaWiki:Custom-common.less and should not be edited directly. See also: MediaWiki:Wikia.css */

.pi-theme-map { border: 1px solid #5F6165; padding: 2px 8px; background: transparent; }

.pi-theme-map .pi-border-color { border-color: #5F6165; }

.pi-theme-map .pi-header { text-align: center; font-size: 90%; margin-top: 4px; border: 2px solid #5F6165; background: transparent; }

.pi-theme-map .pi-horizontal-group { border: 0; border-collapse: collapse; }

.pi-theme-map .pi-horizontal-group * { border: 0 !important; }

.pi-theme-map .pi-image + .pi-group { border: 0 !important; }

.pi-theme-map .pi-horizontal-group-item { padding: 0.5px; }

.pi-theme-map .pi-horizontal-group-item img { width: 100%; height: auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; }

.pi-theme-version { border: 2px solid #555; border-radius: 5px; }

.pi-theme-version .pi-title { text-align: center; padding: 2px 5px; background: #555; }

.pi-theme-version .pi-image { padding: 5px 0px 2px; }

.pi-theme-version > .pi-item:not(.pi-title) { margin-left: 10px; margin-right: 10px; }

.pi-theme-version .pi-title ~ .pi-data { padding-left: 0 !important; width: 92%; }

.pi-theme-version .pi-header { text-align: center; }

.pi-theme-version .pi-navigation { text-align: right; padding: 0px 5px; background: #555; font-size: 9px; line-height: 15px; }

.navbox { --navbox-border: #4a4040; --navbox-title-background: var(--theme-accent-color); --navbox-header-background: var(--theme-accent-color--hover); --navbox-header-color: var(--theme-accent-label-color); --navbox-header-link-color: var(--theme-accent-label-color); --navbox-list-link-color: var(--theme-link-color); width: 100%; background: var(--navbox-border); color: white; margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 2px solid var(--navbox-border); border-radius: 3px; }

.navbox .navbox-title a, .navbox .navbox-header a, .navbox .navbox-group a, .navbox .mw-collapsible-toggle a:hover { color: var(--navbox-header-link-color); }

.navbox + .navbox { margin-top: -16px; border-top-left-radius: 0; border-top-right-radius: 0; }

.navbox .navbox-title { color: var(--theme-accent-label-color); background: var(--navbox-title-background); font-weight: bold; }

.navbox .navbox-vde { float: left; width: 65px; }

.navbox .navbox-title-padright { padding-right: 65px; }

.navbox .navbox-title-padleft { padding-left: 65px; }

.navbox .navbox-subgroup { border-spacing: 0; width: 100%; }

.navbox .navbox-gutter { height: 2px; }

.navbox .navbox-subgroup .navbox-gutter { background: var(--navbox-border); }

.navbox .navbox-section-row > td { padding: 0; height: 100%; }

.navbox .navbox-section { width: 100%; border-spacing: 0; }

.navbox .navbox-above, .navbox .navbox-below, .navbox .navbox-image { color: var(--theme-accent-label-color); background: var(--navbox-header-background); text-align: center; }

.navbox .navbox-group, .navbox .navbox-header { background: var(--navbox-header-background); color: var(--navbox-header-color); font-weight: bold; height: 100%; padding: 2px 4px; }

.navbox .navbox-header-collapsible { padding-left: 65; }

.navbox .navbox-group { min-width: 150px; }

.navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid var(--navbox-border); }

.navbox .navbox-image-right { border-left: 2px solid var(--navbox-border); }

.navbox .navbox-list { background: var(--theme-page-background-color); color: var(--theme-page-text-color); width: 100%; height: 100%; padding: 0; }

.navbox .navbox-list div { padding: 0px 4px; }

.navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; }

.navbox .navbox-list a { color: var(--navbox-list-link-color); }

.navbox .navbox-list a.new { color: #fafafa !important; }

.navbox .mw-collapsible-toggle { width: 65px; }

.hlist ul { margin: 0; list-style: none; }

.hlist li, .hlist ul ul { display: inline; }

.hlist li a { white-space: nowrap; }

.hlist ul ul:before { content: "("; }

.hlist ul ul:after { content: ")"; }

.hlist li:after { content: " • "; }

.hlist ul ul li:after { content: "/"; }

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

.detailedMapContainer { text-align: center; }

.detailedMapContainer:hover .detailedMap { transform: scale(2); transform-origin: 50% 50%; padding: 60px 0; }

.detailedMapContainer .detailedMap { position: relative; display: inline-block; text-align: center; margin: 3px 0; transition: transform 1s, padding 1s; }

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

.detailedMapContainer .mapFlag, .detailedMapContainer .spawnA, .detailedMapContainer .spawnB { display: block; position: absolute; box-sizing: border-box; color: black; cursor: default; user-select: none; }

.detailedMapContainer .mapFlag { width: 33px; font-size: 16.7px; height: 16.7px; line-height: 16.7px; background: rgba(0, 255, 0, 0.5); border: 1px solid #00ff00; box-shadow: 0 0 5px rgba(0, 255, 0, 0.5); font-size: 13px; }

.detailedMapContainer .spawnA { width: 8px; font-size: 7px; height: 7px; line-height: 7px; background: rgba(255, 255, 0, 0.5); border: 1px solid #ffff00; box-shadow: 0 0 5px rgba(255, 255, 0, 0.5); }

.detailedMapContainer .spawnB { width: 8px; font-size: 7px; height: 7px; line-height: 7px; background: rgba(160, 90, 215, 0.5); border: 1px solid #a05ad7; box-shadow: 0 0 5px rgba(160, 90, 215, 0.5); }

.detailedMapContainer .legend { position: absolute; text-align: center; top: 0; right: 0; margin: 0 !important; pointer-events: none; }

.detailedMapContainer .legend .mapFlag, .detailedMapContainer .legend .spawnA, .detailedMapContainer .legend .spawnB { display: inline-block; position: relative; width: 15px; height: 15px; line-height: 17px; vertical-align: text-bottom; }

.detailedMapContainer:hover .legend { opacity: 0.5; }

.detailedMapContainer .mapEnlargeText { position: absolute; bottom: 0; width: 100%; text-align: center; pointer-events: none; }

.detailedMapContainer:hover .mapEnlargeText { display: none; }

.detailedMapContainer .map-scale { box-sizing: border-box; cursor: pointer; position: absolute; left: 0; width: 25px; height: 25px; line-height: 25px; margin: 0 !important; font-size: 12px; color: #D5D4D4; background: #33353A; border: 1px solid #AAA; z-index: 2; }

.detailedMapContainer .map-scale:hover { opacity: 1 !important; }

.detailedMapContainer:hover .map-scale { opacity: 0.5; }

.two-dot-five-x-map-scale { top: 0; font-size: 10px; }

.two-dot-five-x-map-scale:hover ~ .detailedMap { transform: scale(2.5) !important; padding: 90px 0; }

.three-x-map-scale { top: 25px; }

.three-x-map-scale:hover ~ .detailedMap { transform: scale(3) !important; padding: 120px 0; }

.four-x-map-scale { top: 50px; }

.four-x-map-scale:hover ~ .detailedMap { transform: scale(4) !important; padding: 180px 0; }

.page-content .widget_title, .widget_title { padding: 2px; margin: 10px 0; border: 1px solid #BBB; border-radius: 3px; color: #DDD; font-size: 150%; font-weight: bold; text-align: center; text-transform: capitalize; }

.page-content .widget_title *, .widget_title * { font-family: inherit !important; }

.color1 { background: var(--theme-accent-color); color: #fff; }

.pollAnswerVotes div { background: #005c62 !important; background: -moz-linear-gradient(left, #005c62 0%, #00a4af 100%) !important; background: -webkit-linear-gradient(left, #005c62 0%, #00a4af 100%) !important; background: -o-linear-gradient(left, #005c62 0%, #00a4af 100%) !important; background: -ms-linear-gradient(left, #005c62 0%, #00a4af 100%) !important; background: linear-gradient(to right, #005c62 0%, #00a4af 100%) !important; }

.newsarticle-heading { border-bottom: 1px solid #b2af9c; }

.newsarticle-new { color: white; background: red; padding: 1px 3px; border-radius: 5px; border: 2px dotted darkred; }

.newsarticle-date { float: right; }

.newsarticle-content { padding: 0 5px 0 25px; margin: 3px 0 8px 0; background: #0a1313; border: 1px solid #000000; }

.newsarticle-content:after { content: ""; display: block; clear: both; }

.newsarticle-links { float: right; border: 1px solid #000000; line-height: 1; padding: 2px 2px 1px 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.01); }

.newsarticle-links:empty { display: none; }

.mw-headline { font-family: Copperplate, Copperplate Gothic Light, fantasy, Impact, Charcoal, sans-serif; }

abbr[title] { border-bottom: 1px dotted currentColor; }

.oddrow tr:nth-of-type(odd) > td, tr.oddrow td { background: rgba(255, 255, 255, 0.04); }

.ct, .centertext { text-align: center; }

.desktop-hide { display: none !important; }

.messagebox { background: #B7B7B7; color: black; border: 1px solid #AAA; border-left: 10px solid var(--theme-accent-color); padding: 2px 10px; display: block; margin: 0 10%; overflow: auto; }

.mw-parser-output .plainlinks a:after { display: none !important; }

.tabberlive { position: relative; }

.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }

.checkerboard-hover:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAAAAADhZOFXAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAQsAFwNZV3/HAAAAH0lEQVQI12N8z8DAIMDAwMDEAAWYDMb/DAwMH/CrAQCIygL9lWO12AAAAABJRU5ErkJggg==); }