124 lines
1.9 KiB
CSS
124 lines
1.9 KiB
CSS
* {
|
|
all: unset;
|
|
font-family: "Cantarell", sans-serif;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.notification-row {
|
|
outline: none;
|
|
margin: 6px;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.notification {
|
|
background: rgba(0, 0, 0, 0.90);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
border-radius: 10px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.notification-content {
|
|
background: transparent;
|
|
padding: 12px;
|
|
}
|
|
|
|
.close-button {
|
|
background: rgba(255, 255, 255, 0.08);
|
|
color: #e5e5e5;
|
|
border-radius: 6px;
|
|
margin: 6px;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.close-button:hover {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
.summary {
|
|
color: #e5e5e5;
|
|
font-size: 14px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.body {
|
|
color: #cccccc;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.time {
|
|
color: #999999;
|
|
font-size: 11px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.critical .summary {
|
|
color: #ff6347;
|
|
}
|
|
|
|
.normal .summary {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.low .summary {
|
|
color: #94e2d5;
|
|
}
|
|
|
|
/* Control Center */
|
|
.control-center {
|
|
background: rgba(0, 0, 0, 0.92);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
border-radius: 12px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.widget-title {
|
|
padding: 8px 12px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.widget-title > button {
|
|
background: rgba(255, 255, 255, 0.10);
|
|
border-radius: 6px;
|
|
padding: 6px 12px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.widget-title > button:hover {
|
|
background: rgba(255, 255, 255, 0.20);
|
|
}
|
|
|
|
.widget-dnd {
|
|
padding: 8px 12px;
|
|
margin: 4px 0;
|
|
background: rgba(255, 255, 255, 0.05);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.widget-buttons-grid {
|
|
padding: 8px;
|
|
}
|
|
|
|
.widget-buttons-grid button {
|
|
background: rgba(255, 255, 255, 0.05);
|
|
border-radius: 6px;
|
|
padding: 8px 12px;
|
|
margin: 2px;
|
|
}
|
|
|
|
.widget-buttons-grid button:hover {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
/* Scrollbar */
|
|
.control-center-list > scrollbar slider {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.notification-icon {
|
|
border-radius: 6px;
|
|
margin-right: 10px;
|
|
}
|