170 lines
2.4 KiB
CSS
170 lines
2.4 KiB
CSS
.alert {
|
|
padding: 15px;
|
|
margin-bottom: 18px;
|
|
border: 1px solid transparent;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.alert h4 {
|
|
margin-top: 0;
|
|
color: inherit;
|
|
}
|
|
|
|
.alert .alert-link {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.alert > p,
|
|
.alert > ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.alert > p + p {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.alert-dismissable,
|
|
.alert-dismissible {
|
|
padding-right: 35px;
|
|
}
|
|
|
|
.alert-dismissable .close,
|
|
.alert-dismissible .close {
|
|
position: relative;
|
|
top: -2px;
|
|
right: -21px;
|
|
color: inherit;
|
|
}
|
|
|
|
/* .alert-success {
|
|
background-color: #4caf50;
|
|
border-color: transparent;
|
|
color: #ffffff;
|
|
} */
|
|
|
|
.alert-success hr {
|
|
border-top-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.alert-success .alert-link {
|
|
color: #e6e6e6;
|
|
}
|
|
|
|
/* .alert-info {
|
|
background-color: #2196f3;
|
|
border-color: transparent;
|
|
color: #ffffff;
|
|
} */
|
|
|
|
.alert-info hr {
|
|
border-top-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.alert-info .alert-link {
|
|
color: #e6e6e6;
|
|
}
|
|
|
|
/* .alert-warning {
|
|
background-color: #ffc107;
|
|
border-color: transparent;
|
|
color: #ffffff;
|
|
} */
|
|
|
|
.alert-warning hr {
|
|
border-top-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.alert-warning .alert-link {
|
|
color: #e6e6e6;
|
|
}
|
|
/*
|
|
.alert-danger {
|
|
background-color: #f44336;
|
|
border-color: transparent;
|
|
color: #ffffff;
|
|
} */
|
|
|
|
.alert-danger hr {
|
|
border-top-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.alert-danger .alert-link {
|
|
color: #e6e6e6;
|
|
}
|
|
|
|
@-webkit-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0;
|
|
}
|
|
|
|
to {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
@keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0;
|
|
}
|
|
|
|
to {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
.alert {
|
|
padding-left: 30px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.alert span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.alert:not(.alert-dismissible) {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.alert.alert-dismissable {
|
|
padding-right: 44px;
|
|
}
|
|
|
|
.alert-inverse {
|
|
background-color: #333333;
|
|
border-color: transparent;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.alert-inverse hr {
|
|
border-top-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.alert-inverse .alert-link {
|
|
color: #e6e6e6;
|
|
}
|
|
|
|
|
|
|
|
.growl-animated.alert-inverse {
|
|
box-shadow: 0 0 5px rgba(51, 51, 51, 0.5);
|
|
}
|
|
|
|
.growl-animated.alert-info {
|
|
box-shadow: 0 0 5px rgba(33, 150, 243, 0.5);
|
|
}
|
|
|
|
.growl-animated.alert-success {
|
|
box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
|
|
}
|
|
|
|
.growl-animated.alert-warning {
|
|
box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
|
|
}
|
|
|
|
.growl-animated.alert-danger {
|
|
box-shadow: 0 0 5px rgba(244, 67, 54, 0.5);
|
|
}
|
|
|
|
.alert-link {
|
|
color: #fff !important;
|
|
} |