124 lines
1.9 KiB
CSS
124 lines
1.9 KiB
CSS
.fade
|
|
{
|
|
opacity:0;
|
|
-webkit-transition:opacity .15s linear;
|
|
-moz-transition:opacity .15s linear;
|
|
-o-transition:opacity .15s linear;
|
|
transition:opacity .15s linear
|
|
}
|
|
.fade.in{
|
|
opacity:1
|
|
}
|
|
.modal-backdrop
|
|
{
|
|
position:fixed;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
z-index:1040;
|
|
background-color:#000
|
|
}
|
|
.modal-backdrop.fade{
|
|
opacity:0
|
|
}
|
|
.modal-backdrop,.modal-backdrop.fade.in
|
|
{
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
background-color: #90D3F4;
|
|
}
|
|
.modal
|
|
{
|
|
position:fixed;
|
|
top:40%;
|
|
left:45%;
|
|
z-index:1050;
|
|
width:560px;
|
|
margin-left:-280px;
|
|
background-color:#fff;
|
|
border:1px solid #EEE;
|
|
*border:1px solid #EEE;
|
|
outline:0;
|
|
-webkit-background-clip:padding-box;
|
|
-moz-background-clip:padding-box;
|
|
background-clip:padding-box
|
|
}
|
|
.modal.fade
|
|
{
|
|
top:-25%;
|
|
-webkit-transition:opacity .3s linear,top .3s ease-out;
|
|
-moz-transition:opacity .3s linear,top .3s ease-out;
|
|
-o-transition:opacity .3s linear,top .3s ease-out;
|
|
transition:opacity .3s linear,top .3s ease-out
|
|
}
|
|
.modal.fade.in
|
|
{
|
|
top:40%;
|
|
left: 50%;
|
|
}
|
|
.modal-header
|
|
{
|
|
padding:9px 15px;
|
|
border-bottom:1px solid #eee
|
|
}
|
|
.modal-header .close
|
|
{
|
|
margin-top:2px
|
|
}
|
|
.modal-header h3
|
|
{
|
|
margin:0;
|
|
line-height:30px
|
|
}
|
|
.modal-body
|
|
{
|
|
position:relative;
|
|
max-height:400px;
|
|
padding:15px;
|
|
overflow-y:auto
|
|
}
|
|
.modal-form
|
|
{
|
|
margin-bottom:0
|
|
}
|
|
.modal-footer
|
|
{
|
|
padding:14px 15px 15px;
|
|
margin-bottom:0;
|
|
text-align:right;
|
|
background-color:#f5f5f5;
|
|
border-top:1px solid #ddd;
|
|
-webkit-border-radius:0 0 6px 6px;
|
|
-moz-border-radius:0 0 6px 6px;
|
|
border-radius:0 0 6px 6px;
|
|
*zoom:1;
|
|
-webkit-box-shadow:inset 0 1px 0 #fff;
|
|
-moz-box-shadow:inset 0 1px 0 #fff;
|
|
box-shadow:inset 0 1px 0 #fff
|
|
}
|
|
.modal-footer:before,.modal-footer:after
|
|
{
|
|
display:table;
|
|
line-height:0;
|
|
content:""
|
|
}
|
|
.modal-footer:after
|
|
{
|
|
clear:both
|
|
}
|
|
.modal-footer .btn+.btn
|
|
{
|
|
margin-bottom:0;
|
|
margin-left:5px
|
|
}
|
|
.modal-footer .btn-group .btn+.btn
|
|
{
|
|
margin-left:-1px
|
|
}
|
|
.modal-footer .btn-block+.btn-block
|
|
{
|
|
margin-left:0
|
|
}
|
|
|