Wplace-BlueMarble/src/overlay.css
2025-07-24 18:27:31 -04:00

84 lines
No EOL
1.7 KiB
CSS

/* @since 0.5.1 */
#bm-overlay {
position: fixed;
background-color: rgba(21, 48, 99, 0.9);
color: white;
padding: 10px;
border-radius: 8px;
z-index: 9000;
}
div#bm-overlay {
/* 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;
}
#bm-bar-drag {
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;
}
#bm-bar-drag.dragging {
cursor: grabbing;
}
#bm-contain-header {
margin-bottom: 0.5em;
}
#bm-overlay img {
display: inline-block;
height: 2.5em;
margin-right: 1ch;
vertical-align: middle;
}
#bm-overlay h1 {
display: inline-block;
font-size: x-large;
font-weight: bold;
vertical-align: middle;
}
#bm-contain-userinfo {
margin-top: 0.5em;
}
#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;
border-radius: 1em;
height: 1.25em;
width: 1.25em;
margin-top: 2px;
text-align: center;
line-height: 1.25em;
}
#bm-output-status {
font-size: small;
background-color: rgba(0, 0, 0, 0.2);
padding: 0 0.5ch;
height: 3em;
width: 100%;
}