222 lines
3.3 KiB
CSS
222 lines
3.3 KiB
CSS
/* WiFi Signal Plus - Stylesheet */
|
|
|
|
/* Panel indicator */
|
|
.wifi-signal-plus-indicator {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.wifi-signal-plus-label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Generation colors */
|
|
.wifi-gen-4 {
|
|
color: #888888;
|
|
}
|
|
|
|
.wifi-gen-5 {
|
|
color: #3584e4;
|
|
}
|
|
|
|
.wifi-gen-6 {
|
|
color: #33d17a;
|
|
}
|
|
|
|
.wifi-gen-7 {
|
|
color: #9141ac;
|
|
}
|
|
|
|
.wifi-disconnected {
|
|
color: #c0bfbc;
|
|
}
|
|
|
|
/* Tooltip popup */
|
|
.wifi-signal-plus-popup {
|
|
padding: 12px;
|
|
min-width: 320px;
|
|
}
|
|
|
|
.wifi-popup-section {
|
|
padding: 8px 0;
|
|
}
|
|
|
|
.wifi-popup-section:not(:last-child) {
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.wifi-popup-header {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.wifi-popup-ssid {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.wifi-popup-generation {
|
|
font-size: 0.9em;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.wifi-popup-item {
|
|
min-height: 0;
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
.wifi-popup-label {
|
|
font-size: 1em;
|
|
min-width: 7em;
|
|
padding: 0 0.5em;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
/* Connection header */
|
|
.wifi-connection-header {
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.wifi-connection-header-ssid {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.wifi-connection-header-generation {
|
|
font-size: 0.95em;
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.wifi-connection-header-band {
|
|
font-size: 0.9em;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.wifi-connection-header-icon {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.wifi-popup-value {
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
padding: 0 0.5em;
|
|
}
|
|
|
|
/* Signal history graph */
|
|
.wifi-signal-graph {
|
|
height: 40px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* Bar gauges */
|
|
.wifi-bar-track {
|
|
height: 4px;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
border-radius: 2px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.wifi-bar-fill {
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
background-color: #3584e4;
|
|
}
|
|
|
|
/* Signal strength indicator */
|
|
.wifi-signal-excellent {
|
|
color: #33d17a;
|
|
}
|
|
|
|
.wifi-signal-good {
|
|
color: #8ff0a4;
|
|
}
|
|
|
|
.wifi-signal-fair {
|
|
color: #f6d32d;
|
|
}
|
|
|
|
.wifi-signal-weak {
|
|
color: #ff7800;
|
|
}
|
|
|
|
.wifi-signal-poor {
|
|
color: #e01b24;
|
|
}
|
|
|
|
/* Nearby networks - Card header */
|
|
.wifi-nearby-card {
|
|
margin: 2px 0;
|
|
}
|
|
|
|
.wifi-nearby-card-header {
|
|
spacing: 8px;
|
|
}
|
|
|
|
.wifi-nearby-card-icon {
|
|
icon-size: 16px;
|
|
}
|
|
|
|
.wifi-ap-gen-icon {
|
|
icon-size: 14px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.wifi-nearby-card-ssid {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.wifi-nearby-card-count {
|
|
font-size: 0.8em;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
/* Nearby networks - Badges */
|
|
.wifi-nearby-badge {
|
|
font-size: 0.8em;
|
|
padding: 1px 5px;
|
|
border-radius: 3px;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.wifi-nearby-badge-open {
|
|
background-color: rgba(224, 27, 36, 0.3);
|
|
color: #e01b24;
|
|
}
|
|
|
|
/* Access Points - connected AP icon */
|
|
.wifi-ap-connected-icon {
|
|
color: #33d17a;
|
|
}
|
|
|
|
/* Access Points - spacer matching icon width for non-connected rows */
|
|
.wifi-ap-icon-spacer {
|
|
width: 12px;
|
|
}
|
|
|
|
/* Nearby networks - AP sub-rows */
|
|
.wifi-nearby-ap {
|
|
min-height: 0;
|
|
padding: 3px 8px 3px 12px;
|
|
}
|
|
|
|
.wifi-nearby-ap-bssid {
|
|
font-size: 0.85em;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
min-width: 10em;
|
|
}
|
|
|
|
.wifi-nearby-ap-details {
|
|
font-size: 0.85em;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.wifi-nearby-ap-speed {
|
|
font-weight: bold;
|
|
font-size: 0.85em;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.wifi-nearby-ap-signal {
|
|
font-weight: bold;
|
|
font-size: 0.85em;
|
|
}
|