60 lines
963 B
CSS
60 lines
963 B
CSS
.notification {
|
|
min-width: 300px;
|
|
padding: 10px;
|
|
background-color: alpha(@ctp-base, 0.7);
|
|
border-radius: 5px;
|
|
|
|
border: 1px solid;
|
|
border-left: 5px solid;
|
|
border-color: @ctp-overlay1;
|
|
}
|
|
|
|
.notification.low {
|
|
border-color: @ctp-base;
|
|
}
|
|
|
|
.notification.critical {
|
|
border-color: @ctp-red;
|
|
}
|
|
|
|
.notification .icon {
|
|
min-width: 68px;
|
|
min-height: 68px;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.notification .icon image {
|
|
font-size: 58px;
|
|
/* to center the icon */
|
|
margin: 5px;
|
|
color: @ctp-text;
|
|
}
|
|
|
|
.notification .icon box {
|
|
min-width: 68px;
|
|
min-height: 68px;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.notification .actions .action {
|
|
margin: 0 .4em;
|
|
margin-top: .8em;
|
|
}
|
|
|
|
.notification .actions .action:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.notification .actions .action:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.notification .title {
|
|
color: @ctp-text;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.notification .body {
|
|
color: @ctp-subtext0;
|
|
}
|