Files
sysPass/css/alertify-bootstrap-3.min.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
}