mirror of
https://github.com/nuxsmin/sysPass.git
synced 2026-03-03 15:14:08 +01:00
207 lines
4.2 KiB
CSS
207 lines
4.2 KiB
CSS
@charset "UTF-8";
|
|
.alertify {
|
|
font-family: inherit;
|
|
position: fixed;
|
|
background-color: rgba(0, 0, 0, .6);
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 99999
|
|
}
|
|
|
|
.alertify, .alertify * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.alertify .alertify-alert, .alertify .alertify-dialog {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.alertify .alertify-alert .alertify-inner, .alertify .alertify-dialog .alertify-inner {
|
|
width: 400px;
|
|
max-width: 95%;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.alertify .alertify-buttons {
|
|
text-align: right
|
|
}
|
|
|
|
.alertify, .alertify-hide, .alertify-log, .alertify-show {
|
|
box-sizing: border-box;
|
|
-webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
|
|
transition: all .3s cubic-bezier(.25, .8, .25, 1)
|
|
}
|
|
|
|
.alertify-hidden {
|
|
opacity: 0;
|
|
display: none
|
|
}
|
|
|
|
.alertify-logs {
|
|
position: fixed;
|
|
z-index: 5000;
|
|
bottom: 0;
|
|
right: 0
|
|
}
|
|
|
|
.alertify-log {
|
|
display: block;
|
|
margin-top: 10px;
|
|
position: relative;
|
|
right: -100%;
|
|
opacity: 0
|
|
}
|
|
|
|
.alertify-log-show {
|
|
right: 0;
|
|
opacity: 1
|
|
}
|
|
|
|
.alertify-log-hide {
|
|
-webkit-transform: translate(100%, 0);
|
|
-ms-transform: translate(100%, 0);
|
|
transform: translate(100%, 0);
|
|
opacity: 0
|
|
}
|
|
|
|
.alertify-text {
|
|
margin-bottom: 15px;
|
|
width: 100%;
|
|
font-size: 100%
|
|
}
|
|
|
|
.alertify-inner {
|
|
background: #FFF;
|
|
border: 1px solid #8E8E8E;
|
|
border: 1px solid rgba(0, 0, 0, .3);
|
|
border-radius: 6px;
|
|
box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
|
|
background-clip: padding-box;
|
|
text-align: left;
|
|
margin-top: 15px
|
|
}
|
|
|
|
.alertify-buttons button {
|
|
margin-left: 6px
|
|
}
|
|
|
|
.alertify-alert, .alertify-dialog {
|
|
padding: 0
|
|
}
|
|
|
|
.alertify-message {
|
|
padding: 15px;
|
|
margin: 0
|
|
}
|
|
|
|
.alertify-text-wrapper {
|
|
padding: 0 15px
|
|
}
|
|
|
|
.alertify-text {
|
|
color: #555;
|
|
border-radius: 4px;
|
|
padding: 8px;
|
|
background-color: #FFF;
|
|
border: 1px solid #CCC;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
|
|
}
|
|
|
|
.alertify-text:focus {
|
|
border-color: rgba(82, 168, 236, .8);
|
|
outline: 0;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
|
|
}
|
|
|
|
.alertify-buttons {
|
|
margin: 0 15px;
|
|
padding: 14px 0 15px;
|
|
border-top: 1px solid #DDD;
|
|
border-radius: 0 0 6px 6px;
|
|
box-shadow: inset 0 1px 0 #FFF;
|
|
text-align: right
|
|
}
|
|
|
|
.alertify-button, .alertify-button:active, .alertify-button:focus, .alertify-button:hover {
|
|
display: inline-block;
|
|
padding: 6px 12px;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.428571429;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.alertify-button:focus {
|
|
outline: 0;
|
|
box-shadow: 0 0 5px #2B72D5
|
|
}
|
|
|
|
.alertify-button:active {
|
|
position: relative;
|
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
|
|
}
|
|
|
|
.alertify-button-cancel, .alertify-button-cancel:active, .alertify-button-cancel:focus, .alertify-button-cancel:hover {
|
|
color: #fff;
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a
|
|
}
|
|
|
|
.alertify-button-cancel:active, .alertify-button-cancel:focus, .alertify-button-cancel:hover {
|
|
color: #fff;
|
|
background-color: #d2322d;
|
|
border-color: #ac2925
|
|
}
|
|
|
|
.alertify-button-ok, .alertify-button-ok:active, .alertify-button-ok:focus, .alertify-button-ok:hover {
|
|
color: #fff;
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c
|
|
}
|
|
|
|
.alertify-button-ok:active, .alertify-button-ok:focus, .alertify-button-ok:hover {
|
|
color: #fff;
|
|
background-color: #47a447;
|
|
border-color: #398439
|
|
}
|
|
|
|
.alertify-log {
|
|
background: #3276b1;
|
|
padding: 15px 14px;
|
|
border-radius: 4px;
|
|
color: #D9EDF7;
|
|
border: 1px solid #285e8e
|
|
}
|
|
|
|
.alertify-log-error {
|
|
color: #ecf0f1;
|
|
background: #e74c3c;
|
|
border: 1px solid #c0392b
|
|
}
|
|
|
|
.alertify-log-success {
|
|
color: #ecf0f1;
|
|
background: #27ae60;
|
|
border: 1px solid #2ecc71
|
|
} |