Factor out the CSS code for messages
This commit is contained in:
parent
c5e0e633e8
commit
f6e1f39cff
3 changed files with 39 additions and 41 deletions
|
@ -1090,47 +1090,6 @@ tr.awesome{
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Messages */
|
|
||||||
|
|
||||||
.messages .alert .close {
|
|
||||||
top:0;
|
|
||||||
right:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.messages .alert {
|
|
||||||
padding:10px 15px;
|
|
||||||
margin:0;
|
|
||||||
border:0;
|
|
||||||
border-radius:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.messages div.alert-info {
|
|
||||||
background-color: #659C94;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.messages div.alert-success {
|
|
||||||
background-color: #41C342;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.messages div.alert-warning {
|
|
||||||
background-color: #efa50f;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.messages div.alert-error {
|
|
||||||
background-color: #e14b4b;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.messages div.alert-info div.container,
|
|
||||||
div.messages div.alert-error div.container,
|
|
||||||
div.messages div.alert-warning div.container,
|
|
||||||
div.messages div.alert-success div.container {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.messages div.alert div.container a {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Help text */
|
/* Help text */
|
||||||
|
|
||||||
p.help-block {
|
p.help-block {
|
||||||
|
|
|
@ -14,6 +14,7 @@
|
||||||
<link type="text/css" rel="stylesheet" href="{% static 'fonts/Dosis/dosis.css' %}" />
|
<link type="text/css" rel="stylesheet" href="{% static 'fonts/Dosis/dosis.css' %}" />
|
||||||
<link type="text/css" rel="stylesheet" href="{% static 'gestioncof/css/cof.css' %}" />
|
<link type="text/css" rel="stylesheet" href="{% static 'gestioncof/css/cof.css' %}" />
|
||||||
<link type="text/css" rel="stylesheet" href="{% static 'gestioncof/vendor/font-awesome/css/font-awesome.min.css' %}">
|
<link type="text/css" rel="stylesheet" href="{% static 'gestioncof/vendor/font-awesome/css/font-awesome.min.css' %}">
|
||||||
|
<link type="text/css" rel="stylesheet" href="{% static 'shared/css/messages.css' %}" />
|
||||||
|
|
||||||
{# JS #}
|
{# JS #}
|
||||||
<script src="{% static 'vendor/jquery/jquery-3.3.1.min.js' %}"></script>
|
<script src="{% static 'vendor/jquery/jquery-3.3.1.min.js' %}"></script>
|
||||||
|
|
38
shared/static/shared/css/messages.css
Normal file
38
shared/static/shared/css/messages.css
Normal file
|
@ -0,0 +1,38 @@
|
||||||
|
.messages .alert .close {
|
||||||
|
top:0;
|
||||||
|
right:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.messages .alert {
|
||||||
|
padding:10px 15px;
|
||||||
|
margin:0;
|
||||||
|
border:0;
|
||||||
|
border-radius:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.messages div.alert-info {
|
||||||
|
background-color: #659C94;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.messages div.alert-success {
|
||||||
|
background-color: #41C342;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.messages div.alert-warning {
|
||||||
|
background-color: #efa50f;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.messages div.alert-error {
|
||||||
|
background-color: #e14b4b;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.messages div.alert-info div.container,
|
||||||
|
div.messages div.alert-error div.container,
|
||||||
|
div.messages div.alert-warning div.container,
|
||||||
|
div.messages div.alert-success div.container {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.messages div.alert div.container a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
Loading…
Reference in a new issue