mirror of
https://github.com/SwingTheVine/Wplace-BlueMarble.git
synced 2026-05-08 05:19:44 +00:00
Cleanup
This commit is contained in:
SwingTheVine
parent
2c1027b4f9
commit
ba628fc008
11 changed files with 16 additions and 541 deletions
229
dist/BlueMarble-For-GreasyFork.user.css
vendored
229
dist/BlueMarble-For-GreasyFork.user.css
vendored
|
|
@ -166,232 +166,3 @@ input[type=file] {
|
|||
align-items: center;
|
||||
gap: 0.5ch;
|
||||
}
|
||||
#bm-overlay,
|
||||
#bm-overlay-telemetry {
|
||||
position: fixed;
|
||||
background-color: rgba(21, 48, 99, 0.9);
|
||||
color: white;
|
||||
padding: 10px;
|
||||
border-radius: 8px;
|
||||
z-index: 9000;
|
||||
transition: all 0.3s ease, transform 0s;
|
||||
max-width: 300px;
|
||||
width: auto;
|
||||
will-change: transform;
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
}
|
||||
#bm-contain-userinfo,
|
||||
#bm-overlay hr,
|
||||
#bm-overlay-telemetry hr,
|
||||
#bm-contain-automation,
|
||||
#bm-contain-buttons-action {
|
||||
transition: opacity 0.2s ease, height 0.2s ease;
|
||||
}
|
||||
div#bm-overlay,
|
||||
div#bm-overlay-telemetry {
|
||||
font-family:
|
||||
"Roboto Mono",
|
||||
"Courier New",
|
||||
"Monaco",
|
||||
"DejaVu Sans Mono",
|
||||
monospace,
|
||||
"Arial";
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
#bm-bar-drag,
|
||||
#bm-bar-drag-telemetry {
|
||||
margin-bottom: 0.5em;
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="5"><circle cx="3" cy="3" r="1.5" fill="CornflowerBlue" /></svg>') repeat;
|
||||
cursor: grab;
|
||||
width: 100%;
|
||||
height: 1em;
|
||||
}
|
||||
#bm-bar-drag.dragging,
|
||||
#bm-bar-drag-telemetry.dragging {
|
||||
cursor: grabbing;
|
||||
}
|
||||
#bm-overlay:has(#bm-bar-drag.dragging),
|
||||
#bm-overlay-telemetry:has(#bm-bar-drag-telemetry.dragging) {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
#bm-bar-drag.dragging,
|
||||
#bm-bar-drag-telemetry.dragging {
|
||||
pointer-events: auto;
|
||||
}
|
||||
#bm-contain-header,
|
||||
#bm-contain-header-telemetry {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
#bm-contain-header[style*="text-align: center"],
|
||||
#bm-contain-header-telemetry[style*="text-align: center"] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
#bm-overlay[style*="padding: 5px"],
|
||||
#bm-overlay-telemetry[style*="padding: 5px"] {
|
||||
width: auto !important;
|
||||
max-width: 300px;
|
||||
min-width: 200px;
|
||||
}
|
||||
#bm-overlay img {
|
||||
display: inline-block;
|
||||
height: 2.5em;
|
||||
margin-right: 1ch;
|
||||
vertical-align: middle;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
#bm-contain-header[style*="text-align: center"] img {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#bm-bar-drag,
|
||||
#bm-bar-drag-telemetry {
|
||||
transition: margin-bottom 0.2s ease;
|
||||
}
|
||||
#bm-overlay h1,
|
||||
#bm-overlay-telemetry h1 {
|
||||
display: inline-block;
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#bm-contain-automation input[type=checkbox] {
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5ch;
|
||||
}
|
||||
#bm-contain-automation label {
|
||||
margin-right: 0.5ch;
|
||||
}
|
||||
.bm-help {
|
||||
border: white 1px solid;
|
||||
height: 1.5em;
|
||||
width: 1.5em;
|
||||
margin-top: 2px;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
padding: 0 !important;
|
||||
}
|
||||
#bm-button-coords {
|
||||
vertical-align: middle;
|
||||
}
|
||||
#bm-button-coords svg {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
fill: #111;
|
||||
}
|
||||
#bm-contain-userinfo {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div:has(> #bm-button-teleport) {
|
||||
display: flex;
|
||||
gap: 0.5ch;
|
||||
}
|
||||
#bm-button-favorite svg,
|
||||
#bm-button-template svg {
|
||||
height: 1em;
|
||||
margin: 0 auto;
|
||||
margin-top: 2px;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
#bm-contain-coords input[type=number] {
|
||||
appearance: auto;
|
||||
-moz-appearance: textfield;
|
||||
width: 5.5ch;
|
||||
margin-left: 1ch;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
padding: 0 0.5ch;
|
||||
font-size: small;
|
||||
}
|
||||
#bm-contain-coords input[type=number]::-webkit-outer-spin-button,
|
||||
#bm-contain-coords input[type=number]::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
#bm-contain-buttons-template {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 1ch;
|
||||
}
|
||||
div:has(> #bm-input-file-template) > button {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#bm-input-file-template,
|
||||
input[type=file][id*=template] {
|
||||
display: none !important;
|
||||
visibility: hidden !important;
|
||||
position: absolute !important;
|
||||
left: -9999px !important;
|
||||
top: -9999px !important;
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
opacity: 0 !important;
|
||||
z-index: -9999 !important;
|
||||
pointer-events: none !important;
|
||||
}
|
||||
#bm-output-status {
|
||||
font-size: small;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
padding: 0 0.5ch;
|
||||
height: 3.75em;
|
||||
width: 100%;
|
||||
}
|
||||
#bm-contain-buttons-action {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
div#bm-contain-buttons-action button#bm-help {
|
||||
margin-right: 2px;
|
||||
}
|
||||
#bm-overlay small {
|
||||
font-size: x-small;
|
||||
color: lightgray;
|
||||
}
|
||||
#bm-contain-userinfo,
|
||||
#bm-contain-automation,
|
||||
#bm-contain-coords,
|
||||
#bm-contain-buttons-template,
|
||||
div:has(> #bm-input-file-template),
|
||||
#bm-output-status {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
#bm-overlay button,
|
||||
#bm-overlay-telemetry button {
|
||||
background-color: #144eb9;
|
||||
border-radius: 1em;
|
||||
padding: 0 0.75ch;
|
||||
}
|
||||
#bm-overlay button:hover,
|
||||
#bm-overlay button:focus-visible,
|
||||
#bm-overlay-telemetry button:hover,
|
||||
#bm-overlay-telemetry button:focus-visible {
|
||||
background-color: #1061e5;
|
||||
}
|
||||
#bm-overlay button:active,
|
||||
#bm-overlay-telemetry button:active #bm-overlay button:disabled,
|
||||
#bm-overlay-telemetry button:disabled {
|
||||
background-color: #2e97ff;
|
||||
}
|
||||
#bm-overlay button:disabled,
|
||||
#bm-overlay-telemetry button:disabled {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
|
|
|||
6
dist/BlueMarble-For-GreasyFork.user.js
vendored
6
dist/BlueMarble-For-GreasyFork.user.js
vendored
|
|
@ -2,7 +2,7 @@
|
|||
// @name Blue Marble
|
||||
// @name:en Blue Marble
|
||||
// @namespace https://github.com/SwingTheVine/
|
||||
// @version 0.88.148
|
||||
// @version 0.88.149
|
||||
// @description A userscript to automate and/or enhance the user experience on Wplace.live. Make sure to comply with the site's Terms of Service, and rules! This script is not affiliated with Wplace.live in any way, use at your own risk. This script is not affiliated with TamperMonkey. The author of this userscript is not responsible for any damages, issues, loss of data, or punishment that may occur as a result of using this script. This script is provided "as is" under the MPL-2.0 license. The "Blue Marble" icon is licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. The image is owned by NASA.
|
||||
// @description:en A userscript to automate and/or enhance the user experience on Wplace.live. Make sure to comply with the site's Terms of Service, and rules! This script is not affiliated with Wplace.live in any way, use at your own risk. This script is not affiliated with TamperMonkey. The author of this userscript is not responsible for any damages, issues, loss of data, or punishment that may occur as a result of using this script. This script is provided "as is" under the MPL-2.0 license. The "Blue Marble" icon is licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. The image is owned by NASA.
|
||||
// @author SwingTheVine
|
||||
|
|
@ -1765,7 +1765,7 @@ Time Since Blink: ${String(Math.floor(elapsed / 6e4)).padStart(2, "0")}:${String
|
|||
telemetryOverlay.setApiManager(apiManager);
|
||||
buildTelemetryOverlay(telemetryOverlay);
|
||||
}
|
||||
buildOverlayMain();
|
||||
buildWindowMain();
|
||||
apiManager.spontaneousResponseListener(overlayMain);
|
||||
observeBlack();
|
||||
consoleLog(`%c${name}%c (${version}) userscript has loaded!`, "color: cornflowerblue;", "");
|
||||
|
|
@ -1797,7 +1797,7 @@ Time Since Blink: ${String(Math.floor(elapsed / 6e4)).padStart(2, "0")}:${String
|
|||
});
|
||||
observer.observe(document.body, { childList: true, subtree: true });
|
||||
}
|
||||
function buildOverlayMain() {
|
||||
function buildWindowMain() {
|
||||
overlayMain.addDiv({ "id": "bm-window-main", "class": "bm-window", "style": "top: 10px; right: 75px;" }).addDragbar().addDiv().addButton({ "class": "bm-button-circle", "textContent": "\u25BC", "aria-label": 'Minimize window "Blue Marble"', "data-button-status": "expanded" }, (instance, button) => {
|
||||
button.onclick = () => instance.handleMinimization(button);
|
||||
button.ontouchend = () => instance.handleMinimization(button);
|
||||
|
|
|
|||
4
dist/BlueMarble-Standalone.user.js
vendored
4
dist/BlueMarble-Standalone.user.js
vendored
File diff suppressed because one or more lines are too long
2
dist/BlueMarble.user.css
vendored
2
dist/BlueMarble.user.css
vendored
File diff suppressed because one or more lines are too long
2
dist/BlueMarble.user.js
vendored
2
dist/BlueMarble.user.js
vendored
|
|
@ -2,7 +2,7 @@
|
|||
// @name Blue Marble
|
||||
// @name:en Blue Marble
|
||||
// @namespace https://github.com/SwingTheVine/
|
||||
// @version 0.88.148
|
||||
// @version 0.88.149
|
||||
// @description A userscript to automate and/or enhance the user experience on Wplace.live. Make sure to comply with the site's Terms of Service, and rules! This script is not affiliated with Wplace.live in any way, use at your own risk. This script is not affiliated with TamperMonkey. The author of this userscript is not responsible for any damages, issues, loss of data, or punishment that may occur as a result of using this script. This script is provided "as is" under the MPL-2.0 license. The "Blue Marble" icon is licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. The image is owned by NASA.
|
||||
// @description:en A userscript to automate and/or enhance the user experience on Wplace.live. Make sure to comply with the site's Terms of Service, and rules! This script is not affiliated with Wplace.live in any way, use at your own risk. This script is not affiliated with TamperMonkey. The author of this userscript is not responsible for any damages, issues, loss of data, or punishment that may occur as a result of using this script. This script is provided "as is" under the MPL-2.0 license. The "Blue Marble" icon is licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. The image is owned by NASA.
|
||||
// @author SwingTheVine
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@
|
|||
<a href="https://discord.gg/tpeBPy46hf" target="_blank" rel="noopener noreferrer"><img alt="Contact Me" src="https://img.shields.io/badge/Contact_Me-gray?style=flat&logo=Discord&logoColor=white&logoSize=auto&labelColor=cornflowerblue"></a>
|
||||
<a href="https://bluemarble.lol/" target="_blank" rel="noopener noreferrer"><img alt="Blue Marble Website" src="https://img.shields.io/badge/Blue_Marble_Website-crqch-blue?style=flat&logo=globe&logoColor=white"></a>
|
||||
<a href="" target="_blank" rel="noopener noreferrer"><img alt="WakaTime" src="https://img.shields.io/badge/Coding_Time-111hrs_12mins-blue?style=flat&logo=wakatime&logoColor=black&logoSize=auto&labelColor=white"></a>
|
||||
<a href="" target="_blank" rel="noopener noreferrer"><img alt="Total Patches" src="https://img.shields.io/badge/Total_Patches-646-black?style=flat"></a>
|
||||
<a href="" target="_blank" rel="noopener noreferrer"><img alt="Total Patches" src="https://img.shields.io/badge/Total_Patches-647-black?style=flat"></a>
|
||||
<a href="" target="_blank" rel="noopener noreferrer"><img alt="Total Lines of Code" src="https://img.shields.io/badge/Lines_Of_Code-498-blue?style=flat"></a>
|
||||
<a href="" target="_blank" rel="noopener noreferrer"><img alt="Total Comments" src="https://img.shields.io/badge/Lines_Of_Comments-498-blue?style=flat"></a>
|
||||
<a href="" target="_blank" rel="noopener noreferrer"><img alt="Compression" src="https://img.shields.io/badge/Compression-70.19%25-blue"></a>
|
||||
|
|
|
|||
4
package-lock.json
generated
4
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "wplace-bluemarble",
|
||||
"version": "0.88.148",
|
||||
"version": "0.88.149",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "wplace-bluemarble",
|
||||
"version": "0.88.148",
|
||||
"version": "0.88.149",
|
||||
"devDependencies": {
|
||||
"esbuild": "^0.25.0",
|
||||
"jsdoc": "^4.0.5",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "wplace-bluemarble",
|
||||
"version": "0.88.148",
|
||||
"version": "0.88.149",
|
||||
"type": "module",
|
||||
"homepage": "https://bluemarble.lol/",
|
||||
"repository": {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
// @name Blue Marble
|
||||
// @name:en Blue Marble
|
||||
// @namespace https://github.com/SwingTheVine/
|
||||
// @version 0.88.148
|
||||
// @version 0.88.149
|
||||
// @description A userscript to automate and/or enhance the user experience on Wplace.live. Make sure to comply with the site's Terms of Service, and rules! This script is not affiliated with Wplace.live in any way, use at your own risk. This script is not affiliated with TamperMonkey. The author of this userscript is not responsible for any damages, issues, loss of data, or punishment that may occur as a result of using this script. This script is provided "as is" under the MPL-2.0 license. The "Blue Marble" icon is licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. The image is owned by NASA.
|
||||
// @description:en A userscript to automate and/or enhance the user experience on Wplace.live. Make sure to comply with the site's Terms of Service, and rules! This script is not affiliated with Wplace.live in any way, use at your own risk. This script is not affiliated with TamperMonkey. The author of this userscript is not responsible for any damages, issues, loss of data, or punishment that may occur as a result of using this script. This script is provided "as is" under the MPL-2.0 license. The "Blue Marble" icon is licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. The image is owned by NASA.
|
||||
// @author SwingTheVine
|
||||
|
|
|
|||
|
|
@ -217,7 +217,7 @@ if ((userSettings?.telemetry == undefined) || (userSettings?.telemetry > 1)) { /
|
|||
buildTelemetryOverlay(telemetryOverlay); // Notifies the user about telemetry
|
||||
}
|
||||
|
||||
buildOverlayMain(); // Builds the main overlay
|
||||
buildWindowMain(); // Builds the main Blue Marble window
|
||||
|
||||
apiManager.spontaneousResponseListener(overlayMain); // Reads spontaneous fetch responces
|
||||
|
||||
|
|
@ -264,14 +264,13 @@ function observeBlack() {
|
|||
observer.observe(document.body, { childList: true, subtree: true });
|
||||
}
|
||||
|
||||
/** Deploys the overlay to the page with minimize/maximize functionality.
|
||||
* Creates a responsive overlay UI that can toggle between full-featured and minimized states.
|
||||
*
|
||||
/** Creates the main Blue Marble window.
|
||||
* Parent/child relationships in the DOM structure below are indicated by indentation.
|
||||
* @since 0.58.3
|
||||
*/
|
||||
function buildOverlayMain() {
|
||||
function buildWindowMain() {
|
||||
|
||||
// Creates the window
|
||||
overlayMain.addDiv({'id': 'bm-window-main', 'class': 'bm-window', 'style': 'top: 10px; right: 75px;'})
|
||||
.addDragbar()
|
||||
.addDiv()
|
||||
|
|
|
|||
295
src/overlay.css
295
src/overlay.css
|
|
@ -218,299 +218,4 @@ input[type="file"] {
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0.5ch;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* The entire overlay */
|
||||
#bm-overlay, #bm-overlay-telemetry {
|
||||
position: fixed;
|
||||
background-color: rgba(21, 48, 99, 0.9);
|
||||
color: white;
|
||||
padding: 10px;
|
||||
border-radius: 8px;
|
||||
z-index: 9000;
|
||||
transition: all 0.3s ease, transform 0s;
|
||||
max-width: 300px;
|
||||
width: auto;
|
||||
/* Performance optimizations for smooth dragging */
|
||||
will-change: transform;
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
/* Smooth transitions for minimize/maximize functionality */
|
||||
#bm-contain-userinfo,
|
||||
#bm-overlay hr, #bm-overlay-telemetry hr,
|
||||
#bm-contain-automation,
|
||||
#bm-contain-buttons-action {
|
||||
transition: opacity 0.2s ease, height 0.2s ease;
|
||||
}
|
||||
|
||||
/* The entire overlay BUT it is cascading */
|
||||
div#bm-overlay, div#bm-overlay-telemetry {
|
||||
/* Font stack is as follows:
|
||||
* Highest Priority (Roboto Mono)
|
||||
* Windows fallback (Courier New)
|
||||
* macOS fallback (Monaco)
|
||||
* Linux fallback (DejaVu Sans Mono)
|
||||
* Any possible monospace font (monospace)
|
||||
* Last resort (Arial) */
|
||||
font-family: 'Roboto Mono', 'Courier New', 'Monaco', 'DejaVu Sans Mono', monospace, 'Arial';
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
/* The drag bar */
|
||||
#bm-bar-drag, #bm-bar-drag-telemetry {
|
||||
margin-bottom: 0.5em;
|
||||
/* For background circles, width & height should be odd, cx & cy should be half of width & height, and r should be less than or equal to cx & cy */
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="5"><circle cx="3" cy="3" r="1.5" fill="CornflowerBlue" /></svg>') repeat;
|
||||
cursor: grab;
|
||||
width: 100%;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
/* When the overlay is being dragged */
|
||||
#bm-bar-drag.dragging, #bm-bar-drag-telemetry.dragging {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
/* Disable interactions during drag for better performance */
|
||||
#bm-overlay:has(#bm-bar-drag.dragging), #bm-overlay-telemetry:has(#bm-bar-drag-telemetry.dragging) {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
/* Keep drag bar interactive when dragging */
|
||||
#bm-bar-drag.dragging, #bm-bar-drag-telemetry.dragging {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* The container for the overlay header */
|
||||
#bm-contain-header, #bm-contain-header-telemetry {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* When minimized, adjust header container */
|
||||
#bm-contain-header[style*="text-align: center"], #bm-contain-header-telemetry[style*="text-align: center"] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Ensure overlay maintains consistent width when minimized */
|
||||
#bm-overlay[style*="padding: 5px"], #bm-overlay-telemetry[style*="padding: 5px"] {
|
||||
width: auto !important;
|
||||
max-width: 300px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
/* The Blue Marble image */
|
||||
#bm-overlay img {
|
||||
display: inline-block;
|
||||
height: 2.5em;
|
||||
margin-right: 1ch;
|
||||
vertical-align: middle;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
/* When overlay is minimized, adjust image styling */
|
||||
#bm-contain-header[style*="text-align: center"] img {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Ensure drag bar remains functional when minimized */
|
||||
#bm-bar-drag, #bm-bar-drag-telemetry {
|
||||
transition: margin-bottom 0.2s ease;
|
||||
}
|
||||
|
||||
/* The Blue Marble header */
|
||||
#bm-overlay h1, #bm-overlay-telemetry h1 {
|
||||
display: inline-block;
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Checkboxes in the automation container */
|
||||
#bm-contain-automation input[type="checkbox"] {
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5ch;
|
||||
}
|
||||
|
||||
/* Checkbox label/flavor text in the automation container */
|
||||
#bm-contain-automation label {
|
||||
margin-right: 0.5ch;
|
||||
}
|
||||
|
||||
/* Question Mark button */
|
||||
.bm-help {
|
||||
border: white 1px solid;
|
||||
height: 1.5em;
|
||||
width: 1.5em;
|
||||
margin-top: 2px;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
padding: 0 !important; /* Overrides the padding in "#bm-overlay button" */
|
||||
}
|
||||
|
||||
/* Pin button */
|
||||
#bm-button-coords {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Pin button image*/
|
||||
#bm-button-coords svg {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
fill: #111;
|
||||
}
|
||||
|
||||
#bm-contain-userinfo {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* Container for action buttons, that is inside the action button container */
|
||||
div:has(> #bm-button-teleport) {
|
||||
display: flex;
|
||||
gap: 0.5ch;
|
||||
}
|
||||
|
||||
/* Favorite (Star) button image */
|
||||
/* Templates (Person) button image */
|
||||
#bm-button-favorite svg,
|
||||
#bm-button-template svg {
|
||||
height: 1em;
|
||||
margin: 0 auto;
|
||||
margin-top: 2px;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
/* Tile (x, y) & Pixel (x, y) input fields */
|
||||
#bm-contain-coords input[type="number"] {
|
||||
appearance: auto;
|
||||
-moz-appearance: textfield;
|
||||
width: 5.5ch;
|
||||
margin-left: 1ch;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
padding: 0 0.5ch;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
/* Removes scroll bar on tile & pixel input fields */
|
||||
#bm-contain-coords input[type="number"]::-webkit-outer-spin-button,
|
||||
#bm-contain-coords input[type="number"]::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Automation button container */
|
||||
#bm-contain-buttons-template {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 1ch;
|
||||
}
|
||||
|
||||
/* The template file upload button */
|
||||
div:has(> #bm-input-file-template) > button {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* Force complete invisibility of file input to prevent native browser text */
|
||||
#bm-input-file-template,
|
||||
input[type="file"][id*="template"] {
|
||||
display: none !important;
|
||||
visibility: hidden !important;
|
||||
position: absolute !important;
|
||||
left: -9999px !important;
|
||||
top: -9999px !important;
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
opacity: 0 !important;
|
||||
z-index: -9999 !important;
|
||||
pointer-events: none !important;
|
||||
}
|
||||
|
||||
/* Output status area */
|
||||
#bm-output-status {
|
||||
font-size: small;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
padding: 0 0.5ch;
|
||||
height: 3.75em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* The action buttons below the status textarea */
|
||||
#bm-contain-buttons-action {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* All action buttons inside the action button container */
|
||||
div#bm-contain-buttons-action button#bm-help {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
/* All small elements */
|
||||
#bm-overlay small {
|
||||
font-size: x-small;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
/* The elements that need spacing from each-other */
|
||||
#bm-contain-userinfo,
|
||||
#bm-contain-automation,
|
||||
#bm-contain-coords,
|
||||
#bm-contain-buttons-template,
|
||||
div:has(> #bm-input-file-template),
|
||||
#bm-output-status {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
/* All overlay buttons */
|
||||
#bm-overlay button, #bm-overlay-telemetry button {
|
||||
background-color: #144eb9;
|
||||
border-radius: 1em;
|
||||
padding: 0 0.75ch;
|
||||
}
|
||||
|
||||
/* All overlay buttons when hovered/focused */
|
||||
#bm-overlay button:hover, #bm-overlay button:focus-visible, #bm-overlay-telemetry button:hover, #bm-overlay-telemetry button:focus-visible {
|
||||
background-color: #1061e5;
|
||||
}
|
||||
|
||||
/* All overlay buttons when pressed (plus disabled color) */
|
||||
#bm-overlay button:active, #bm-overlay-telemetry button:active
|
||||
#bm-overlay button:disabled, #bm-overlay-telemetry button:disabled {
|
||||
background-color: #2e97ff;
|
||||
}
|
||||
|
||||
/* All overlay buttons when disabled */
|
||||
#bm-overlay button:disabled, #bm-overlay-telemetry button:disabled {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
Loading…
Reference in a new issue