mirror of https://github.com/zulip/zulip.git
css: Move Bootstrap alerts CSS to separate file.
This commit is contained in:
Tim Abbott
parent
db9ee6237e
commit
00aa0631fe
|
|
@ -10,6 +10,7 @@ import "../../images/icons/zulip-icons.font";
|
||||||
import "source-sans/source-sans-3VF.css";
|
import "source-sans/source-sans-3VF.css";
|
||||||
import "source-code-pro/source-code-pro.css";
|
import "source-code-pro/source-code-pro.css";
|
||||||
import "@fontsource-variable/open-sans";
|
import "@fontsource-variable/open-sans";
|
||||||
|
import "../../third/bootstrap/css/bootstrap-alert.css";
|
||||||
import "../../styles/alerts.css";
|
import "../../styles/alerts.css";
|
||||||
import "../../styles/modal.css";
|
import "../../styles/modal.css";
|
||||||
import "../../styles/progress_bar.css";
|
import "../../styles/progress_bar.css";
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,52 @@
|
||||||
|
/* Bootstrap alert CSS rules that have not been replaced with our own
|
||||||
|
designs. */
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
padding: 8px 35px 8px 14px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||||
|
background-color: #fcf8e3;
|
||||||
|
border: 1px solid #fbeed5;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.alert,
|
||||||
|
.alert h4 {
|
||||||
|
color: #c09853;
|
||||||
|
}
|
||||||
|
.alert h4 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.alert .close {
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
right: -21px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.alert-success {
|
||||||
|
background-color: #dff0d8;
|
||||||
|
border-color: #d6e9c6;
|
||||||
|
color: #468847;
|
||||||
|
}
|
||||||
|
.alert-success h4 {
|
||||||
|
color: #468847;
|
||||||
|
}
|
||||||
|
.alert-danger,
|
||||||
|
.alert-error {
|
||||||
|
background-color: #f2dede;
|
||||||
|
border-color: #eed3d7;
|
||||||
|
color: #b94a48;
|
||||||
|
}
|
||||||
|
.alert-danger h4,
|
||||||
|
.alert-error h4 {
|
||||||
|
color: #b94a48;
|
||||||
|
}
|
||||||
|
.alert-info {
|
||||||
|
background-color: #d9edf7;
|
||||||
|
border-color: #bce8f1;
|
||||||
|
color: #3a87ad;
|
||||||
|
}
|
||||||
|
.alert-info h4 {
|
||||||
|
color: #3a87ad;
|
||||||
|
}
|
||||||
|
|
@ -293,55 +293,6 @@ input:focus:invalid:focus {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
.alert {
|
|
||||||
padding: 8px 35px 8px 14px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
||||||
background-color: #fcf8e3;
|
|
||||||
border: 1px solid #fbeed5;
|
|
||||||
-webkit-border-radius: 4px;
|
|
||||||
-moz-border-radius: 4px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.alert,
|
|
||||||
.alert h4 {
|
|
||||||
color: #c09853;
|
|
||||||
}
|
|
||||||
.alert h4 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.alert .close {
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
right: -21px;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
.alert-success {
|
|
||||||
background-color: #dff0d8;
|
|
||||||
border-color: #d6e9c6;
|
|
||||||
color: #468847;
|
|
||||||
}
|
|
||||||
.alert-success h4 {
|
|
||||||
color: #468847;
|
|
||||||
}
|
|
||||||
.alert-danger,
|
|
||||||
.alert-error {
|
|
||||||
background-color: #f2dede;
|
|
||||||
border-color: #eed3d7;
|
|
||||||
color: #b94a48;
|
|
||||||
}
|
|
||||||
.alert-danger h4,
|
|
||||||
.alert-error h4 {
|
|
||||||
color: #b94a48;
|
|
||||||
}
|
|
||||||
.alert-info {
|
|
||||||
background-color: #d9edf7;
|
|
||||||
border-color: #bce8f1;
|
|
||||||
color: #3a87ad;
|
|
||||||
}
|
|
||||||
.alert-info h4 {
|
|
||||||
color: #3a87ad;
|
|
||||||
}
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -290,55 +290,6 @@ input:focus:invalid:focus {
|
||||||
.tab-content > .active {
|
.tab-content > .active {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.alert {
|
|
||||||
padding: 8px 35px 8px 14px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
||||||
background-color: #fcf8e3;
|
|
||||||
border: 1px solid #fbeed5;
|
|
||||||
-webkit-border-radius: 4px;
|
|
||||||
-moz-border-radius: 4px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.alert,
|
|
||||||
.alert h4 {
|
|
||||||
color: #c09853;
|
|
||||||
}
|
|
||||||
.alert h4 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.alert .close {
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
right: -21px;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
.alert-success {
|
|
||||||
background-color: #dff0d8;
|
|
||||||
border-color: #d6e9c6;
|
|
||||||
color: #468847;
|
|
||||||
}
|
|
||||||
.alert-success h4 {
|
|
||||||
color: #468847;
|
|
||||||
}
|
|
||||||
.alert-danger,
|
|
||||||
.alert-error {
|
|
||||||
background-color: #f2dede;
|
|
||||||
border-color: #eed3d7;
|
|
||||||
color: #b94a48;
|
|
||||||
}
|
|
||||||
.alert-danger h4,
|
|
||||||
.alert-error h4 {
|
|
||||||
color: #b94a48;
|
|
||||||
}
|
|
||||||
.alert-info {
|
|
||||||
background-color: #d9edf7;
|
|
||||||
border-color: #bce8f1;
|
|
||||||
color: #3a87ad;
|
|
||||||
}
|
|
||||||
.alert-info h4 {
|
|
||||||
color: #3a87ad;
|
|
||||||
}
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue