Files
StarPilot/starpilot/system/the_pond/assets/components/tools/speed_limits.css
T
firestar5683 675227a8eb pond
2026-03-30 01:36:05 -05:00

97 lines
2.3 KiB
CSS

.download-speed-limits-button {
background-color: var(--input-bg);
border: none;
border-radius: var(--border-radius-lg);
color: var(--text-color);
font-size: var(--font-size-base);
font-weight: var(--font-weight-demi-bold);
padding: var(--border-radius-xl);
text-align: center;
text-decoration: none;
transition: background-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
width: 100%;
}
.download-speed-limits-button + .download-speed-limits-button {
margin-top: 0;
}
.download-speed-limits-button:hover {
box-shadow: var(--shadow-md);
color: var(--secondary-fg);
transform: var(--hover-scale-sm);
}
.download-speed-limits-button-wrapper {
align-items: stretch;
display: flex;
flex-direction: column;
gap: var(--padding-sm);
width: 100%;
}
.download-speed-limits-link {
color: var(--text-color);
font-size: var(--font-size-sm);
text-align: center;
text-decoration: underline;
white-space: nowrap;
}
.download-speed-limits-note {
color: var(--secondary-fg);
font-size: var(--font-size-sm);
margin: 0;
text-align: center;
}
.download-speed-limits-status {
color: var(--text-color);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-demi-bold);
margin: 0;
text-align: center;
}
.download-speed-limits-text {
color: var(--text-color);
margin-bottom: 0;
text-align: center;
}
.download-speed-limits-title {
background-color: var(--input-bg);
border-radius: var(--border-radius-lg);
box-shadow: var(--shadow-sm);
color: var(--text-color);
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
padding: var(--padding-sm);
text-align: center;
width: 100%;
}
.download-speed-limits-wrapper {
display: flex;
justify-content: center;
}
.download-speed-limits-widget {
align-items: center;
background-color: var(--secondary-bg);
border-radius: var(--border-radius-lg);
box-shadow: var(--shadow-md);
color: var(--main-fg);
display: flex;
flex-direction: column;
margin-top: var(--padding-xl);
max-width: var(--width-lg);
padding: var(--padding-lg);
transform-origin: top center;
transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}
.download-speed-limits-widget:hover {
box-shadow: var(--shadow-md);
transform: var(--hover-scale-sm);
}