140 lines
1.9 KiB
CSS
140 lines
1.9 KiB
CSS
i
|
|
/* Notification center */
|
|
|
|
.blurredBG, #main_window, .blurredBG.low, .blurredBG.normal {
|
|
background: rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.noti-center.time {
|
|
font-size: 32px;
|
|
}
|
|
|
|
/* Notifications */
|
|
|
|
.notification.content {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.title {
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.appname {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.time {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.blurredBG.notification {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.blurredBG.notification.critical {
|
|
background: rgba(255, 0, 0, 0.7);
|
|
}
|
|
|
|
.notificationInCenter.critical {
|
|
background: rgba(155, 0, 20, 0.7);
|
|
}
|
|
|
|
/* Labels */
|
|
|
|
label {
|
|
color: #ecc;
|
|
}
|
|
|
|
label.notification {
|
|
color: #ecc;
|
|
}
|
|
|
|
label.critical {
|
|
color: #fff;
|
|
}
|
|
.notificationInCenter label.critical {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/* Buttons */
|
|
|
|
button {
|
|
background: transparent;
|
|
color: #ecc;
|
|
border-radius: 3px;
|
|
border-width: 0px;
|
|
background-position: 0px 0px;
|
|
text-shadow: none;
|
|
}
|
|
|
|
button:hover {
|
|
border-radius: 3px;
|
|
background: rgba(0, 20, 20, 0.2);
|
|
border-width: 0px;
|
|
border-top: transparent;
|
|
border-color: #f00;
|
|
color: #fee;
|
|
}
|
|
|
|
|
|
/* Custom Buttons */
|
|
|
|
.userbutton {
|
|
background: rgba(20,0,0, 0.15);
|
|
}
|
|
|
|
.userbuttonlabel {
|
|
color: #222;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.userbutton:hover {
|
|
background: rgba(20, 0, 0, 0.2);
|
|
}
|
|
|
|
.userbuttonlabel:hover {
|
|
color: #111;
|
|
}
|
|
|
|
button.buttonState1 {
|
|
background: rgba(20,0,0,0.5);
|
|
}
|
|
|
|
.userbuttonlabel.buttonState1 {
|
|
color: #fff;
|
|
}
|
|
|
|
button.buttonState1:hover {
|
|
background: rgba(20,0,0, 0.4);
|
|
}
|
|
|
|
.userbuttonlabel.buttonState1:hover {
|
|
color: #111;
|
|
}
|
|
|
|
button.buttonState2 {
|
|
background: rgba(255,255,255,0.3);
|
|
}
|
|
|
|
.userbuttonlabel.buttonState2 {
|
|
color: #111;
|
|
}
|
|
|
|
button.buttonState2:hover {
|
|
background: rgba(20,0,0, 0.3);
|
|
}
|
|
|
|
.userbuttonlabel.buttonState2:hover {
|
|
color: #000;
|
|
}
|
|
|
|
|
|
/* Images */
|
|
|
|
image.deadd-noti-center.notification.image {
|
|
margin-left: 20px;
|
|
}
|
|
|