dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
70 lines (69 loc) • 1.27 kB
CSS
/* dojox.mobile.SimpleDialog */
.mblSimpleDialog {
position: absolute;
z-index: 100;
text-align: center;
outline: none;
background-color: #1f1f1f;
padding: 0 10px 12px 15px;
width: calc(100% - 15px - 10px);
margin: 0;
text-align: left;
left: 0px ;
}
.mblSimpleDialogDecoration {
border-radius: 0;
background-color: #1f1f1f;
color: #ffffff;
}
.mblSimpleDialogContainer {
position: relative;
width: 100%;
height: 100%;
}
.mblSimpleDialogCover {
background-color: #000000;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
}
.mblSimpleDialogCloseBtn {
position: absolute ;
}
.mblSimpleDialogTitle {
margin: 12px 0;
padding: 0;
width: auto;
font-size: 11pt;
font-weight: 400;
text-align: left;
}
.mblSimpleDialogText {
margin: 12px 0;
width: auto;
text-align: left;
}
.mblSimpleDialog {
position: fixed;
top: 0px ;
-ms-touch-action: none;
}
.mblSimpleDialog .mblButton {
width: 100%;
max-width: 46%;
}
.mblSimpleDialog .mblButton:nth-of-type(odd) {
float: left;
}
.mblSimpleDialog .mblButton:nth-of-type(even) {
float: right;
}
.mblSimpleDialogCover {
position: fixed;
top: 0px ;
-ms-touch-action: none;
}