Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-theme-bootstrap: cleanup alert-message css, add fade-in/fade-out anims

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2019-09-11 09:23:16 +02:00
parent 94a9f600d3
commit 43d8e98a15
1 changed files with 32 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View file

@ -1709,7 +1709,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
.alert-message { .alert-message {
position: relative; position: relative;
padding: 7px 15px; padding: .25em .5em;
margin-bottom: 18px; margin-bottom: 18px;
color: #404040; color: #404040;
background: linear-gradient(to bottom, #fceec1, #eedc94) repeat-x; background: linear-gradient(to bottom, #fceec1, #eedc94) repeat-x;
@ -1727,30 +1727,22 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
*margin-top: 0; *margin-top: 0;
} }
.alert-message a { .alert-message h4,
font-weight: bold; .alert-message h5,
color: #404040; .alert-message pre,
} .alert-message ul,
.alert-message li,
.alert-message.danger p a,
.alert-message.error p a,
.alert-message.success p a,
.alert-message.info p a {
color: #fff;
}
.alert-message h5 {
line-height: 18px;
}
.alert-message p { .alert-message p {
margin-bottom: 0; color: inherit;
border: none;
line-height: inherit;
background: transparent;
padding: 0;
margin: .25em 0;
} }
.alert-message div { .alert-message button {
margin-top: 5px; margin: .25em 0;
margin-bottom: 2px;
line-height: 28px;
} }
.label { .label {
@ -2339,3 +2331,21 @@ html body.apply-overlay-active {
.cbi-filebrowser .upload > div > input { .cbi-filebrowser .upload > div > input {
width: 100%; width: 100%;
} }
@keyframes fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fade-out {
0% { opacity: 1; }
100% { opacity: 0; }
}
.fade-in {
animation: fade-in .4s ease;
}
.fade-out {
animation: fade-out .4s ease;
}