MediaWiki:DataMaps.css

From The Magical Mixture Mill Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/** Container */
.ext-datamaps-container-leaflet.leaflet-container {
	background: #000000;
}
/** Legend */
.ext-datamaps-container .ext-datamaps-control-expandable[aria-expanded="true"] {
	background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.95);
}
.ext-datamaps-container .oo-ui-tabOptionWidget {
	color: var(--wiki-content-link-color);
}
.ext-datamaps-container .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  background: var(--wiki-content-link-color);
	box-shadow: none;
	color: var(--wiki-content-link-label-color);
}
/** Popups */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: var(--wiki-content-background-color--secondary);
	color: var(--wiki-content-text-color);
}
.ext-datamaps-popup-buttons a,
.leaflet-popup-close-button {
	filter: var(--wiki-icon-general-filter);
}
/** Controls */
.ext-datamaps-container .leaflet-bar {
  background-color: var(--wiki-content-background-color--secondary);
  border-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
}
.ext-datamaps-container .leaflet-bar button:hover {
  background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25);
}
.ext-datamaps-container .leaflet-control {
  color: var(--wiki-content-text-color);
}
.ext-datamaps-container .leaflet-control button {
  border-bottom-color: var(--wiki-content-text-color);
  color: var(--wiki-content-text-color);
}
/* HACK: awful selector, v1.0 will prolly use a standard class on these */
.ext-datamaps-control span[class^="oo-ui-icon"] {
  filter: var(--wiki-icon-general-filter);
}
/** Search */
.ext-datamaps-container ul.ext-datamaps-control-search-results {
	background-color: var(--wiki-content-background-color--secondary);
}
.ext-datamaps-container ul.ext-datamaps-control-search-results li:focus,
.ext-datamaps-container ul.ext-datamaps-control-search-results li[data-highlighted="true"] {
  background: rgba(var(--wiki-content-link-color--rgb),0.15);
  color: var(--wiki-content-link-color);
}

/** Background colour for images to hide placeholders during load */
.ext-datamaps-container .leaflet-container .leaflet-tile-pane img,
.ext-datamaps-container .leaflet-container img.leaflet-image-layer,
.ext-datamaps-container .leaflet-container .leaflet-tile {
	background-color: var(--wiki-content-background-color--secondary);
}

/** [[Postal service]] */
[data-datamap-id="10475"] .ext-datamaps-control-backgrounds {
  display: none
}
.ext-datamaps-container[data-datamap-id="10475"] {
  max-width: 950px;
}
.ext-datamaps-container[data-datamap-id="10475"] .ext-datamaps-container-leaflet {
  height: 600px;
}
[data-datamap-id="10475"] .leaflet-popup-content {
	width: 125px !important; 
	max-width: 125px;
}
[data-datamap-id="10475"] .leaflet-popup-content-wrapper {
	width: 127px !important; 
	max-width: 127px;
	padding-right: 32px;
} 
[data-datamap-id="10475"] .leaflet-popup-content-wrapper,
[data-datamap-id="10475"] .leaflet-popup-tip {
	background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.7);
}
[data-datamap-id="10475"] .ext-datamaps-popup .ext-datamaps-popup-subtitle {
	display: none;
}
[data-datamap-id="10475"] .ext-datamaps-control.ext-datamaps-control-backgrounds-temtem {
  padding:2px 5px;
	background: var(--wiki-content-background-color--secondary);
	color: var(--wiki-content-text-color);
}
[data-datamap-id="10475"] .ext-datamaps-control-search svg {
  display: none;
}