pm-controls
Version:
ProModel Controls
54 lines (47 loc) • 1.05 kB
CSS
.modal {
display: block;
left: 0px;
top: 0px;
box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
pointer-events: visible;
}
.modal-container {
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
overflow: hidden;
}
.modal-dialog {
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.12);
height: 100%;
}
.modal-content {
height: 100%;
}
.modal-body {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.modal-title {
color: white;
padding: 8px 6px;
pointer-events: none;
margin-right: auto;
font-weight: bold;
}
.modal-header {
background-color: #404040;
display: flex;
align-items: center;
padding: 0px 4px;
}
.modal-footer {
background: #f5f5f5;
border: 1px solid #ccc;
border-color: rgba(0,0,0,.2);
padding: 10px 5px;
display: flex;
}