138 lines
2.4 KiB
CSS
138 lines
2.4 KiB
CSS
/* .floating-notifications > scrolledwindow > viewport > box { */
|
|
/* margin-top: 50px; */
|
|
/* } */
|
|
|
|
/* applies only to floating block, not the notifications in control center */
|
|
.floating-notifications .notification-row {
|
|
padding: 0;
|
|
}
|
|
|
|
.notification-row {
|
|
outline: none;
|
|
margin: 0;
|
|
padding: 0px;
|
|
/* BellotaText 13, Comfortaa 13, Jura 14, montserrat alternates 13 */
|
|
font: 1em MesloLGS NF;
|
|
}
|
|
|
|
.notification-row:focus,
|
|
.notification-row:hover {
|
|
background: alpha(@color6, 0.2);
|
|
}
|
|
|
|
.notification-group-headers {
|
|
/* font: 1em shantell sans; */
|
|
font-weight: bold;
|
|
font-size: 1.25rem;
|
|
color: @foreground;
|
|
letter-spacing: 2px;
|
|
font: bold 1em Megrim;
|
|
}
|
|
|
|
.notification-group-icon {
|
|
color: alpha(@color13, 0.7);
|
|
margin-right: 8px;
|
|
/* border: 1px solid @color3 */
|
|
}
|
|
|
|
.notification-group-collapse-button {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.notification-group-collapse-button:hover {
|
|
background: alpha(@color6, 0.2);
|
|
}
|
|
|
|
.notification-group-close-all-button {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.notification-group-close-all-button:hover {
|
|
background: alpha(@color6, 0.2);
|
|
}
|
|
|
|
.notification {
|
|
padding: 0.2em; /* 6px? */
|
|
box-shadow: 3px 3px 0 0 @color6;
|
|
border-radius: 15px;
|
|
background: alpha(@background, 0.5);
|
|
}
|
|
|
|
.low {
|
|
border: 1px solid @color3;
|
|
}
|
|
.normal {
|
|
border: 1px solid @color13;
|
|
} /* or color5 */
|
|
.notification.critical {
|
|
background: alpha(black, 0.89);
|
|
border: 1px solid white;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.notification-content {
|
|
padding: 5px 0;
|
|
margin-left: 10px;
|
|
color: @foreground;
|
|
background: transparent;
|
|
}
|
|
|
|
/* no mouse, ty */
|
|
.close-button,
|
|
.close-button:hover {
|
|
background: transparent;
|
|
color: transparent;
|
|
}
|
|
|
|
/* yet another useless wrapper */
|
|
.notification-default-action,
|
|
.notification-action,
|
|
.notification-default-action:hover,
|
|
.notification-action:hover {
|
|
padding: 0;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.image {
|
|
margin-left: -3px;
|
|
margin-right: 8px; /* 1em? */
|
|
min-width: 68px;
|
|
min-height: 68px;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.body-image {
|
|
/* margin-top: 6px; */
|
|
background-color: white;
|
|
/* border-radius: 12px; */
|
|
}
|
|
|
|
.summary {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
background: transparent;
|
|
color: @color3;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.time {
|
|
font-size: 1.2em;
|
|
font-weight: normal;
|
|
color: @color8;
|
|
margin-bottom: 5px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.body {
|
|
font-size: 12pt;
|
|
font-weight: normal;
|
|
background: transparent;
|
|
color: @foreground;
|
|
}
|
|
|