153 lines
2.3 KiB
Plaintext
153 lines
2.3 KiB
Plaintext
// ALERT STYLES
|
|
// ------------
|
|
|
|
// Base alert styles
|
|
.alert, .badge {
|
|
padding: 8px 35px 8px 14px;
|
|
margin-bottom: @baseLineHeight;
|
|
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
|
background-color: @warningBackground;
|
|
border: 1px solid @warningBorder;
|
|
.border-radius(4px);
|
|
font-size:10px;
|
|
}
|
|
|
|
.alert {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.badge {
|
|
padding: 1px 9px 2px;
|
|
.border-radius(9px);
|
|
border:none;
|
|
text-shadow:none;
|
|
color:@white;
|
|
}
|
|
|
|
.alert,
|
|
.alert-heading {
|
|
color: @warningText;
|
|
}
|
|
|
|
// Adjust close link position
|
|
.alert .close {
|
|
position: relative;
|
|
top: -2px;
|
|
right: -21px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
// Alternate styles
|
|
// ----------------
|
|
|
|
.alert-success {
|
|
background-color: @successBackground;
|
|
border-color: @successBorder;
|
|
}
|
|
.alert-success,
|
|
.alert-success .alert-heading {
|
|
color: @successText;
|
|
}
|
|
.alert-danger,
|
|
.alert-error {
|
|
background-color: @errorBackground;
|
|
border-color: @errorBorder;
|
|
}
|
|
.alert-danger,
|
|
.alert-error,
|
|
.alert-danger .alert-heading,
|
|
.alert-error .alert-heading {
|
|
color: @errorText;
|
|
}
|
|
.alert-info {
|
|
background-color: @infoBackground;
|
|
border-color: @infoBorder;
|
|
}
|
|
.alert-info,
|
|
.alert-info .alert-heading {
|
|
color: @infoText;
|
|
}
|
|
|
|
|
|
// Block alerts
|
|
// ------------------------
|
|
.alert-block {
|
|
padding-top: 14px;
|
|
padding-bottom: 14px;
|
|
}
|
|
.alert-block > p,
|
|
.alert-block > ul {
|
|
margin-bottom: 0;
|
|
}
|
|
.alert-block p + p {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
a.label:hover,
|
|
a.badge:hover {
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.label-important,
|
|
.badge-important {
|
|
background-color: #b94a48;
|
|
}
|
|
|
|
.label-important[href],
|
|
.badge-important[href] {
|
|
background-color: #953b39;
|
|
}
|
|
|
|
.label-warning,
|
|
.badge-warning {
|
|
background-color: #f89406;
|
|
}
|
|
|
|
.label-warning[href],
|
|
.badge-warning[href] {
|
|
background-color: #c67605;
|
|
}
|
|
|
|
.label-success,
|
|
.badge-success {
|
|
background-color: #468847;
|
|
}
|
|
|
|
.label-success[href],
|
|
.badge-success[href] {
|
|
background-color: #356635;
|
|
}
|
|
|
|
.label-info,
|
|
.badge-info {
|
|
background-color: #3a87ad;
|
|
}
|
|
|
|
.label-info[href],
|
|
.badge-info[href] {
|
|
background-color: #2d6987;
|
|
}
|
|
|
|
.label-inverse,
|
|
.badge-inverse {
|
|
background-color: #333333;
|
|
}
|
|
|
|
.label-inverse[href],
|
|
.badge-inverse[href] {
|
|
background-color: #1a1a1a;
|
|
}
|
|
|
|
.btn .label,
|
|
.btn .badge {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.btn-mini .label,
|
|
.btn-mini .badge {
|
|
top: 0;
|
|
}
|