42 lines
964 B
CSS
42 lines
964 B
CSS
:root {
|
|
--icon-font-material: "Material Icons", sans-serif;
|
|
--icon-font-awesome: "Font Awesome 7 Free", sans-serif;
|
|
--text-font: "Hack Nerd Font Mono", sans-serif;
|
|
--text-font-mono: "Hack Nerd Font Mono", monospace;
|
|
|
|
--color-notification-bg: rgba(30, 30, 30, 0.95);
|
|
--color-border: rgba(80, 80, 80, 0.8);
|
|
}
|
|
|
|
.notification-popup {
|
|
border-radius: 8px;
|
|
padding: 8px 12px;
|
|
background: var(--color-notification-bg);
|
|
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
|
|
border: 1px solid var(--color-border);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.notification-button-box {
|
|
border-top: 1px solid var(--color-border);
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.notification-button {
|
|
background-color: #444444;
|
|
color: #ffffff;
|
|
padding: 4px 8px;
|
|
border-radius: 6px;
|
|
margin-right: 6px;
|
|
font-family: var(--text-font-mono);
|
|
font-size: 13px;
|
|
}
|
|
|
|
.notification-icon-button {
|
|
font-family: var(--icon-font-material);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.notification-button:hover {
|
|
background-color: #555555;
|
|
} |