⬆ 设置服务器端的配置文件.
- 删除部分在服务器上不启用的mod配置.
BIN
pl3xmap/web/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
pl3xmap/web/images/armor.png
Normal file
|
After Width: | Height: | Size: 507 B |
BIN
pl3xmap/web/images/clear.png
Normal file
|
After Width: | Height: | Size: 95 B |
BIN
pl3xmap/web/images/foliage.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
pl3xmap/web/images/grass.png
Normal file
|
After Width: | Height: | Size: 7.0 KiB |
BIN
pl3xmap/web/images/health.png
Normal file
|
After Width: | Height: | Size: 502 B |
BIN
pl3xmap/web/images/icon/flowermap.png
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
pl3xmap/web/images/icon/inhabited.png
Normal file
|
After Width: | Height: | Size: 865 B |
BIN
pl3xmap/web/images/icon/marker-icon.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
pl3xmap/web/images/icon/marker-shadow.png
Normal file
|
After Width: | Height: | Size: 618 B |
BIN
pl3xmap/web/images/icon/nether_basic.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
pl3xmap/web/images/icon/nether_biomes.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
pl3xmap/web/images/icon/nether_night.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
pl3xmap/web/images/icon/nether_roof.png
Normal file
|
After Width: | Height: | Size: 780 B |
BIN
pl3xmap/web/images/icon/overworld_basic.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
pl3xmap/web/images/icon/overworld_biomes.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
pl3xmap/web/images/icon/overworld_night.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
pl3xmap/web/images/icon/players.png
Normal file
|
After Width: | Height: | Size: 142 B |
BIN
pl3xmap/web/images/icon/registered/nether_basic.png
Normal file
|
After Width: | Height: | Size: 680 B |
BIN
pl3xmap/web/images/icon/registered/overworld_basic.png
Normal file
|
After Width: | Height: | Size: 734 B |
BIN
pl3xmap/web/images/icon/registered/players.png
Normal file
|
After Width: | Height: | Size: 193 B |
BIN
pl3xmap/web/images/icon/registered/spawn.png
Normal file
|
After Width: | Height: | Size: 193 B |
BIN
pl3xmap/web/images/icon/registered/the_end_basic.png
Normal file
|
After Width: | Height: | Size: 669 B |
BIN
pl3xmap/web/images/icon/spawn.png
Normal file
|
After Width: | Height: | Size: 152 B |
BIN
pl3xmap/web/images/icon/the_end_basic.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
pl3xmap/web/images/icon/the_end_biomes.png
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
pl3xmap/web/images/icon/the_end_night.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
pl3xmap/web/images/icon/vanilla.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
pl3xmap/web/images/og.png
Normal file
|
After Width: | Height: | Size: 668 KiB |
|
After Width: | Height: | Size: 297 B |
|
After Width: | Height: | Size: 297 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 12 KiB |
BIN
pl3xmap/web/images/skins/steve.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
pl3xmap/web/images/sky/nether.png
Normal file
|
After Width: | Height: | Size: 81 KiB |
BIN
pl3xmap/web/images/sky/overworld.png
Normal file
|
After Width: | Height: | Size: 93 KiB |
BIN
pl3xmap/web/images/sky/the_end.png
Normal file
|
After Width: | Height: | Size: 87 KiB |
54
pl3xmap/web/index.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
|
||||
<!-- disable darkreader browser extension on this site -->
|
||||
<meta name="darkreader-lock"/>
|
||||
|
||||
<!-- title set in language file -->
|
||||
<title></title>
|
||||
|
||||
<meta name="description" content="Pl3xMap is a minimalistic and lightweight world map viewer for Minecraft servers using the vanilla Minecraft rendering style"/>
|
||||
<meta name="keywords" content="Minecraft, Mod, Plugin, Map, Pl3x, Pl3xMap, Dynamic, Live, LiveMap, BlueMap, Dynmap, SquareMap, Bukkit, BukkitMC, Spigot, SpigotMC, Paper, PaperMC, Purpur, PurpurMC, Fabric, FabricMC, Forge, ForgeMC, Quilt, QuiltMC"/>
|
||||
|
||||
<!-- facebook meta tags -->
|
||||
<meta property="og:url" content="https://modrinth.com/plugin/pl3xmap"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:title" content="Pl3xMap"/>
|
||||
<meta property="og:description" content="Pl3xMap is a minimalistic and lightweight world map viewer for Minecraft servers using the vanilla Minecraft rendering style"/>
|
||||
<meta property="og:image" content="https://raw.githubusercontent.com/granny/Pl3xMap/v3/webmap/public/images/og.png"/>
|
||||
|
||||
<!-- twitter meta tags -->
|
||||
<meta name="twitter:card" content="summary_large_image"/>
|
||||
<meta property="twitter:domain" content="modrinth.com/plugin/pl3xmap"/>
|
||||
<meta property="twitter:url" content="https://modrinth.com/plugin/pl3xmap"/>
|
||||
<meta name="twitter:title" content="Pl3xMap"/>
|
||||
<meta name="twitter:description" content="Pl3xMap is a minimalistic and lightweight world map viewer for Minecraft servers using the vanilla Minecraft rendering style"/>
|
||||
<meta name="twitter:image" content="https://raw.githubusercontent.com/granny/Pl3xMap/v3/webmap/public/images/og.png"/>
|
||||
|
||||
<!-- browser support -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="theme-color" content="#222222"/>
|
||||
|
||||
<!-- favicon -->
|
||||
<link rel="shortcut icon" href="favicon.ico" sizes="16x16 32x32 48x48" crossOrigin="anonymous"/>
|
||||
|
||||
<!-- modern-normalize -->
|
||||
<link rel="stylesheet" href="modern-normalize.css">
|
||||
|
||||
<!-- leaflet -->
|
||||
<link rel="stylesheet" href="leaflet.css"/>
|
||||
<script src="leaflet.js"></script>
|
||||
|
||||
<!-- pl3xmap -->
|
||||
<link rel="stylesheet" href="styles.css" type="text/css"/>
|
||||
<script src="pl3xmap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="map" class="map"></div>
|
||||
</body>
|
||||
</html>
|
||||
1123
pl3xmap/web/lang/en_pt.json
Normal file
1122
pl3xmap/web/lang/en_us.json
Normal file
1778
pl3xmap/web/lang/pl_pl.json
Normal file
1
pl3xmap/web/leaflet.css
Normal file
1
pl3xmap/web/leaflet.js
Normal file
1
pl3xmap/web/leaflet.js.map
Normal file
1
pl3xmap/web/modern-normalize.css
Normal file
@@ -0,0 +1 @@
|
||||
/* modern-normalize 1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */progress,sub,sup{vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:ButtonText dotted 1px}:-moz-ui-invalid{box-shadow:none}legend{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
|
||||
2
pl3xmap/web/pl3xmap.js
Normal file
1
pl3xmap/web/pl3xmap.js.map
Normal file
489
pl3xmap/web/styles.css
Normal file
@@ -0,0 +1,489 @@
|
||||
.menu input + label, button, .leaflet-control-button, #sidebar #sidebar__buttons button, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle, .leaflet-bar a,
|
||||
.leaflet-touch .leaflet-bar a {
|
||||
display: inline-block;
|
||||
appearance: none;
|
||||
box-shadow: var(--ui-box-shadow);
|
||||
white-space: nowrap;
|
||||
background-color: var(--ui-background);
|
||||
color: var(--ui-text);
|
||||
border-radius: var(--ui-border-radius);
|
||||
border: var(--ui-border);
|
||||
background-clip: padding-box;
|
||||
position: relative;
|
||||
padding: 0.5rem;
|
||||
line-height: 2rem;
|
||||
cursor: pointer;
|
||||
transition: 0.2s all ease-in;
|
||||
}
|
||||
.menu input + label > a:only-child, button > a:only-child, .leaflet-control-button > a:only-child, #sidebar #sidebar__buttons button > a:only-child, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle > a:only-child,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle > a:only-child, .leaflet-bar a > a:only-child {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.menu input + label > img:only-child, button > img:only-child, .leaflet-control-button > img:only-child, #sidebar #sidebar__buttons button > img:only-child, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle > img:only-child,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle > img:only-child, .leaflet-bar a > img:only-child,
|
||||
.menu input + label > svg:only-child,
|
||||
button > svg:only-child,
|
||||
.leaflet-control-button > svg:only-child,
|
||||
#sidebar #sidebar__buttons button > svg:only-child,
|
||||
.leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle > svg:only-child,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle > svg:only-child,
|
||||
.leaflet-bar a > svg:only-child {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
width: calc(100% - 1.6rem);
|
||||
height: calc(100% - 1.6rem);
|
||||
pointer-events: none;
|
||||
}
|
||||
.menu input + label:visited, button:visited, .leaflet-control-button:visited, #sidebar #sidebar__buttons button:visited, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle:visited,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle:visited, .leaflet-bar a:visited, .menu input + label:link, button:link, .leaflet-control-button:link, #sidebar #sidebar__buttons button:link, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle:link,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle:link, .leaflet-bar a:link {
|
||||
color: var(--ui-text);
|
||||
}
|
||||
.menu input + label:hover, button:hover, .leaflet-control-button:hover, #sidebar #sidebar__buttons button:hover, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle:hover,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle:hover, .leaflet-bar a:hover {
|
||||
background-color: var(--ui-background-hover);
|
||||
color: var(--ui-text-hover);
|
||||
}
|
||||
.menu input + label:focus, button:focus, .leaflet-control-button:focus, #sidebar #sidebar__buttons button:focus, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle:focus,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle:focus, .leaflet-bar a:focus {
|
||||
outline: var(--ui-outline);
|
||||
}
|
||||
.menu input + label:focus:not(:focus-visible), button:focus:not(:focus-visible), .leaflet-control-button:focus:not(:focus-visible), #sidebar #sidebar__buttons button:focus:not(:focus-visible),
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle:focus:not(:focus-visible), .leaflet-bar a:focus:not(:focus-visible) {
|
||||
outline-style: none;
|
||||
}
|
||||
.menu input + label:active, button:active, .leaflet-control-button:active, #sidebar #sidebar__buttons button:active, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle:active,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle:active, .leaflet-bar a:active {
|
||||
background-color: var(--ui-background-active);
|
||||
color: var(--ui-text-active);
|
||||
}
|
||||
.menu input + label[disabled], button[disabled], [disabled].leaflet-control-button, #sidebar #sidebar__buttons button[disabled], .leaflet-touch .leaflet-control-layers [disabled].leaflet-control-layers-toggle,
|
||||
.leaflet-control-layers [disabled].leaflet-control-layers-toggle, .leaflet-bar a[disabled], .menu input + label.leaflet-disabled, button.leaflet-disabled, .leaflet-disabled.leaflet-control-button, #sidebar #sidebar__buttons button.leaflet-disabled, .leaflet-touch .leaflet-control-layers .leaflet-disabled.leaflet-control-layers-toggle,
|
||||
.leaflet-control-layers .leaflet-disabled.leaflet-control-layers-toggle, .leaflet-bar a.leaflet-disabled {
|
||||
background-color: var(--ui-background-disabled);
|
||||
color: var(--ui-text-disabled);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.menu input + label[disabled]:hover, button[disabled]:hover, [disabled].leaflet-control-button:hover, #sidebar #sidebar__buttons button[disabled]:hover,
|
||||
.leaflet-control-layers [disabled].leaflet-control-layers-toggle:hover, .leaflet-bar a[disabled]:hover, .menu input + label[disabled]:active, button[disabled]:active, [disabled].leaflet-control-button:active, #sidebar #sidebar__buttons button[disabled]:active,
|
||||
.leaflet-control-layers [disabled].leaflet-control-layers-toggle:active, .leaflet-bar a[disabled]:active, .menu input + label[disabled]:focus, button[disabled]:focus, [disabled].leaflet-control-button:focus, #sidebar #sidebar__buttons button[disabled]:focus,
|
||||
.leaflet-control-layers [disabled].leaflet-control-layers-toggle:focus, .leaflet-bar a[disabled]:focus, .menu input + label.leaflet-disabled:hover, button.leaflet-disabled:hover, .leaflet-disabled.leaflet-control-button:hover, #sidebar #sidebar__buttons button.leaflet-disabled:hover,
|
||||
.leaflet-control-layers .leaflet-disabled.leaflet-control-layers-toggle:hover, .leaflet-bar a.leaflet-disabled:hover, .menu input + label.leaflet-disabled:active, button.leaflet-disabled:active, .leaflet-disabled.leaflet-control-button:active, #sidebar #sidebar__buttons button.leaflet-disabled:active,
|
||||
.leaflet-control-layers .leaflet-disabled.leaflet-control-layers-toggle:active, .leaflet-bar a.leaflet-disabled:active, .menu input + label.leaflet-disabled:focus, button.leaflet-disabled:focus, .leaflet-disabled.leaflet-control-button:focus, #sidebar #sidebar__buttons button.leaflet-disabled:focus,
|
||||
.leaflet-control-layers .leaflet-disabled.leaflet-control-layers-toggle:focus, .leaflet-bar a.leaflet-disabled:focus {
|
||||
background-color: var(--ui-background-disabled);
|
||||
color: var(--ui-text-disabled);
|
||||
}
|
||||
.menu input + label[aria-pressed=true], button[aria-pressed=true], [aria-pressed=true].leaflet-control-button, #sidebar #sidebar__buttons button[aria-pressed=true], .leaflet-touch .leaflet-control-layers [aria-pressed=true].leaflet-control-layers-toggle,
|
||||
.leaflet-control-layers [aria-pressed=true].leaflet-control-layers-toggle, .leaflet-bar a[aria-pressed=true], .menu input + label[aria-expanded=true], button[aria-expanded=true], [aria-expanded=true].leaflet-control-button, #sidebar #sidebar__buttons button[aria-expanded=true], .leaflet-touch .leaflet-control-layers [aria-expanded=true].leaflet-control-layers-toggle,
|
||||
.leaflet-control-layers [aria-expanded=true].leaflet-control-layers-toggle, .leaflet-bar a[aria-expanded=true] {
|
||||
background-color: var(--ui-background-selected);
|
||||
color: var(--ui-text-selected);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.leaflet-control-button, #sidebar #sidebar__buttons button, .leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle, .leaflet-bar a,
|
||||
.leaflet-touch .leaflet-bar a {
|
||||
height: var(--ui-button-size);
|
||||
width: var(--ui-button-size);
|
||||
line-height: calc(var(--ui-button-size) - 1.2rem);
|
||||
}
|
||||
|
||||
.leaflet-control-panel, #sidebar #sidebar__content, .leaflet-touch .leaflet-control-layers.leaflet-control-layers-expanded .leaflet-control-layers-list,
|
||||
.leaflet-control-layers.leaflet-control-layers-expanded .leaflet-control-layers-list {
|
||||
background-color: var(--ui-background);
|
||||
color: var(--ui-text);
|
||||
border-radius: var(--ui-border-radius);
|
||||
border: var(--ui-border);
|
||||
padding: 0.2rem 0.5rem;
|
||||
}
|
||||
|
||||
/* Overrides for leaflet styles */
|
||||
/* Use CSS grid for control containers to avoid dealing with margins between controls */
|
||||
.leaflet-control-container {
|
||||
font-size: 1.6rem;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
padding: var(--ui-element-spacing);
|
||||
display: grid;
|
||||
grid-auto-rows: 1fr;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.leaflet-control-container-top,
|
||||
.leaflet-control-container-bottom {
|
||||
display: grid;
|
||||
grid-gap: inherit;
|
||||
grid-auto-flow: column;
|
||||
grid-auto-columns: minmax(0, 1fr);
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
z-index: 1002;
|
||||
}
|
||||
|
||||
.leaflet-control-container-bottom {
|
||||
align-items: flex-end;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.leaflet-top, .leaflet-left,
|
||||
.leaflet-bottom, .leaflet-right {
|
||||
position: static;
|
||||
display: grid;
|
||||
grid-auto-flow: row;
|
||||
grid-gap: var(--ui-element-spacing);
|
||||
justify-content: flex-start;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.leaflet-top .leaflet-control, .leaflet-left .leaflet-control,
|
||||
.leaflet-bottom .leaflet-control, .leaflet-right .leaflet-control {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.leaflet-bottom {
|
||||
align-content: flex-end;
|
||||
}
|
||||
|
||||
.leaflet-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.leaflet-right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.leaflet-right .leaflet-control {
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* Use Pl3xmap styling for default leaflet controls */
|
||||
.leaflet-control-attribution {
|
||||
font-size: 1.1rem;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.leaflet-control-attribution a,
|
||||
.leaflet-control-attribution a:visited,
|
||||
.leaflet-control-attribution a:active,
|
||||
.leaflet-control-attribution a:hover {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.leaflet-popup,
|
||||
.leaflet-tooltip {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.leaflet-bar,
|
||||
.leaflet-touch .leaflet-bar {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.leaflet-bar a,
|
||||
.leaflet-touch .leaflet-bar a {
|
||||
display: block;
|
||||
border: var(--ui-border);
|
||||
border-top: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.leaflet-bar a:first-child,
|
||||
.leaflet-touch .leaflet-bar a:first-child {
|
||||
border-radius: var(--ui-border-radius) var(--ui-border-radius) 0 0;
|
||||
border-top: var(--ui-border);
|
||||
}
|
||||
|
||||
.leaflet-bar a:last-child,
|
||||
.leaflet-touch .leaflet-bar a:last-child {
|
||||
border-radius: 0 0 var(--ui-border-radius) var(--ui-border-radius);
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-control-layers,
|
||||
.leaflet-control-layers {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
position: relative;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers.leaflet-control-layers-expanded,
|
||||
.leaflet-control-layers.leaflet-control-layers-expanded {
|
||||
padding: 0;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers.leaflet-control-layers-expanded .leaflet-control-layers-list,
|
||||
.leaflet-control-layers.leaflet-control-layers-expanded .leaflet-control-layers-list {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
margin-left: var(--ui-element-spacing);
|
||||
width: max-content;
|
||||
max-width: 30rem;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers .leaflet-control-layers-toggle,
|
||||
.leaflet-control-layers .leaflet-control-layers-toggle {
|
||||
border-radius: var(--ui-border-radius);
|
||||
border: var(--ui-border);
|
||||
background-image: none;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers .leaflet-control-layers-separator,
|
||||
.leaflet-control-layers .leaflet-control-layers-separator {
|
||||
margin: 0.5rem 0;
|
||||
border: var(--ui-border);
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers .leaflet-control-layers-selector,
|
||||
.leaflet-control-layers .leaflet-control-layers-selector {
|
||||
position: static;
|
||||
margin: 0;
|
||||
font-size: inherit;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: var(--ui-border-radius);
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers .leaflet-control-layers-selector span,
|
||||
.leaflet-control-layers .leaflet-control-layers-selector span {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers .leaflet-control-layers-selector + .leaflet-control-layers-selector,
|
||||
.leaflet-control-layers .leaflet-control-layers-selector + .leaflet-control-layers-selector {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
position: relative;
|
||||
transition: 0.2s transform ease-in;
|
||||
transform: none;
|
||||
}
|
||||
#sidebar.sidebar--expanded {
|
||||
--transform: calc(-1 * var(--ui-sidebar-width));
|
||||
transform: translateX(var(--transform));
|
||||
}
|
||||
#sidebar #sidebar__buttons {
|
||||
display: grid;
|
||||
grid-gap: var(--ui-element-spacing);
|
||||
}
|
||||
#sidebar #sidebar__content {
|
||||
padding: 1rem 1.5rem;
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
top: calc(-1 * var(--ui-element-spacing));
|
||||
left: calc(var(--ui-button-size) + var(--ui-element-spacing));
|
||||
height: 100vh;
|
||||
width: var(--ui-sidebar-width);
|
||||
transition: 0.5s transform ease-in;
|
||||
overflow-y: auto;
|
||||
}
|
||||
#sidebar #sidebar__content h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
--ui-font: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
--ui-button-size: 5rem;
|
||||
--ui-element-spacing: 1rem;
|
||||
--ui-border-radius: 0.4rem;
|
||||
--ui-border: 1px solid #777777;
|
||||
--ui-text-shadow: none;
|
||||
--ui-outline: solid #ffffff 0.3rem;
|
||||
--ui-background: rgba(255, 255, 255, 0.9);
|
||||
--ui-background-disabled: #555555;
|
||||
--ui-background-hover: #aaaaaa;
|
||||
--ui-background-active: #888888;
|
||||
--ui-background-selected: #222222;
|
||||
--ui-text: #222222;
|
||||
--ui-text-hover: var(--ui-text);
|
||||
--ui-text-active: var(--ui-text);
|
||||
--ui-text-selected: rgba(255, 255, 255, 0.8);
|
||||
--ui-text-disabled: #777777;
|
||||
--ui-sidebar-width: 25rem;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--ui-border: 1px solid #333333;
|
||||
--ui-background: #222222;
|
||||
--ui-background-disabled: #555555;
|
||||
--ui-background-hover: #363636;
|
||||
--ui-background-active: #6d6d6d;
|
||||
--ui-background-selected: #BDBDBD;
|
||||
--ui-text: rgba(255, 255, 255, 0.7);
|
||||
--ui-text-hover: var(--ui-text);
|
||||
--ui-text-active: var(--ui-text);
|
||||
--ui-text-selected: #222222;
|
||||
--ui-text-disabled: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #000000;
|
||||
overflow: hidden;
|
||||
text-shadow: var(--ui-text-shadow);
|
||||
font-family: var(--ui-font);
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
:focus {
|
||||
outline: var(--ui-outline);
|
||||
}
|
||||
|
||||
:focus:not(:focus-visible) {
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.8rem;
|
||||
line-height: 3.4rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2rem;
|
||||
line-height: 2.8rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
ul, li {
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
label:focus-within {
|
||||
outline: var(--ui-outline);
|
||||
}
|
||||
label:focus-within > input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
appearance: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
fill: currentColor;
|
||||
stroke: none;
|
||||
}
|
||||
|
||||
.map {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: black;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
img.leaflet-tile {
|
||||
image-rendering: pixelated;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
-ms-interpolation-mode: nearest-neighbor;
|
||||
}
|
||||
|
||||
.leaflet-control-panel {
|
||||
height: var(--ui-button-size);
|
||||
}
|
||||
|
||||
.leaflet-control-link {
|
||||
background-size: 20px 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.leaflet-control-coordinates {
|
||||
text-align: center;
|
||||
min-width: 20rem;
|
||||
font-family: monospace;
|
||||
white-space: pre;
|
||||
letter-spacing: 0.2rem;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
.leaflet-control-coordinates:before {
|
||||
display: block;
|
||||
content: attr(data-label);
|
||||
font-size: 1.2rem;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.leaflet-control-blockinfo {
|
||||
font-family: monospace;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
background-size: 20px 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.leaflet-marker-icon {
|
||||
image-rendering: pixelated;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
-ms-interpolation-mode: nearest-neighbor;
|
||||
}
|
||||
|
||||
.menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.menu input {
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
}
|
||||
.menu input + label {
|
||||
margin-bottom: 0.5rem;
|
||||
cursor: pointer;
|
||||
padding: 0.8rem;
|
||||
}
|
||||
.menu input:checked + label {
|
||||
background-color: var(--ui-background-selected);
|
||||
color: var(--ui-text-selected);
|
||||
font-weight: bold;
|
||||
}
|
||||
.menu input:focus + label {
|
||||
outline: var(--ui-outline);
|
||||
}
|
||||
.menu input:focus:not(:focus-visible) + label {
|
||||
outline: none;
|
||||
}
|
||||
.menu input.players + label {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 32px 32px;
|
||||
background-position: 4px center;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.menu input.renderer + label {
|
||||
margin: 0 4px 0 0;
|
||||
padding: 0;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
background-size: 100%;
|
||||
}
|
||||
.menu input.renderer:checked + label {
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=styles.css.map*/
|
||||