106 lines
2.6 KiB
CSS
106 lines
2.6 KiB
CSS
/* station-bar — "Voidstation Status Bar" theme. Colours come from _colors.css
|
|
* (@text/@bg/@accent/@violet/@danger). Mirrors orbit-menu/horizon-dock/
|
|
* astro-menu: Agave Nerd Font Mono, glow-on-hover, CyberQueer palette — this
|
|
* bar is meant to read as one more orbit of the same suite, not a separate
|
|
* look. Thin (30px) and semi-transparent violet rather than solid, with the
|
|
* shallow Cairo-drawn curve (bar.py's _draw_background) and the hologram
|
|
* overlay's scanlines/noise (lib/hologram.py) doing the visual work instead
|
|
* of a solid strip.
|
|
*/
|
|
|
|
* {
|
|
font-family: "Agave Nerd Font Mono", monospace;
|
|
font-size: 11pt;
|
|
}
|
|
|
|
window,
|
|
window.background,
|
|
.station-bar-window,
|
|
.station-content,
|
|
.station-zone,
|
|
overlay,
|
|
drawingarea {
|
|
background: transparent;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.station-hologram {
|
|
background: transparent;
|
|
}
|
|
|
|
.station-title {
|
|
color: @text;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
/* generic small readout pill — battery / volume / clock */
|
|
.station-badge {
|
|
color: @text;
|
|
background: transparent;
|
|
border: none;
|
|
padding: 1px 6px;
|
|
min-height: 20px;
|
|
}
|
|
button.station-badge {
|
|
transition: color 160ms ease;
|
|
}
|
|
button.station-badge:hover {
|
|
color: @accent;
|
|
}
|
|
|
|
/* Orbit / Astro launcher buttons — small planet nodes, same glow language as
|
|
* orbit-menu's/horizon-dock's .horizon-planet / node styling. */
|
|
.station-planet {
|
|
color: @accent;
|
|
background: alpha(@violet, 0.4);
|
|
border: 2px solid @violet;
|
|
border-radius: 50%;
|
|
min-width: 22px;
|
|
min-height: 22px;
|
|
padding: 0;
|
|
transition: border-color 160ms ease, box-shadow 200ms ease;
|
|
box-shadow: 0 0 0 0 alpha(@accent, 0);
|
|
}
|
|
.station-planet:hover {
|
|
border-color: @accent;
|
|
box-shadow: 0 0 10px 1px alpha(@accent, 0.5);
|
|
}
|
|
|
|
/* workspace "stations" row */
|
|
.station-ws-row { padding: 0 2px; }
|
|
.station-node {
|
|
color: @text;
|
|
background: transparent;
|
|
border: 1px solid alpha(@violet, 0.6);
|
|
border-radius: 10px;
|
|
padding: 0 6px;
|
|
min-height: 20px;
|
|
transition: border-color 160ms ease, color 160ms ease, box-shadow 200ms ease;
|
|
box-shadow: 0 0 0 0 alpha(@accent, 0);
|
|
}
|
|
.station-node:hover {
|
|
border-color: @accent;
|
|
box-shadow: 0 0 8px 1px alpha(@accent, 0.4);
|
|
}
|
|
.station-node-active {
|
|
color: @bg;
|
|
background: @accent;
|
|
border-color: @accent;
|
|
box-shadow: 0 0 10px 1px alpha(@accent, 0.55);
|
|
}
|
|
|
|
/* tray pod — the drawn space-station pictogram + its icon row */
|
|
.station-tray-pod {
|
|
padding: 0 4px;
|
|
}
|
|
.station-tray-item {
|
|
background: transparent;
|
|
border: none;
|
|
padding: 0 2px;
|
|
min-width: 18px;
|
|
min-height: 18px;
|
|
transition: opacity 160ms ease;
|
|
opacity: 0.85;
|
|
}
|
|
.station-tray-item:hover { opacity: 1; }
|