1
1
Fork 0
mirror of https://github.com/boxgaming/qbjs.git synced 2024-05-12 08:00:12 +00:00
qbjs/dialog/dialog.css
2022-02-18 08:09:43 -06:00

82 lines
1.2 KiB
CSS

.dlg-dialog {
position: fixed;
top: 0;
bottom: 0;
box-sizing: border-box;
min-width: 300px;
max-width: 100%;
padding: 0;
overflow: hidden;
background-color: #ccc;
}
.dlg-dialog textarea {
background-color: #ccc;
font-family: dosvga;
font-size: 1em;
padding: .25em;
border: 2px solid #333;
}
.dlg-header {
padding: .5em;
background-color: #999;
border-bottom: 1px solid #333;
}
.dlg-caption {
font-size: 1em;
margin: 0;
padding-right: 2em;
font-weight: normal;
}
.dlg-close-button {
position: absolute;
right: .5em;
top: .5em;
width: 1.17em;
height: 1.17em;
cursor: pointer;
}
.dlg-close-button::before {
transform: rotate(45deg);
}
.dlg-close-button::after{
transform: rotate(-45deg);
}
.dlg-close-button::before,
.dlg-close-button::after {
content: '';
position: absolute;
height: 1px;
width: 100%;
top: 50%;
left:0;
background-color: black;
}
.dlg-body {
padding: .5em;
}
.dlg-content {
padding: .5em;
overflow: auto;
}
.dlg-button-area {
padding: 0 .5em;
text-align: right;
}
.dlg-button-area button {
padding: .3em .4em;
margin-left: 1em;
width: 5em;
text-align: center;
}