styles.css

/* Etherpad should be in fullscreen if it is opened in a modal dialog */
.etherpadmodal.modal.in {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}
.etherpadmodal.modal.in .modal-body {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
}
.etherpadmodal .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.etherpadmodal .modal-header {
    padding-top: 0;
    padding-bottom: 0;
}
.etherpadmodal .modal-content {
    width: 100%;
    height: auto;
    min-height: 100%;
    border-radius: 0;
}
.etherpadmodal iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* Some rules for non boost themes like clean */
.etherpadmodal.legacy iframe {
    height: 99%;
    width: 99%;
    position: absolute;
    top: 0;
    left: 0;
}
.etherpadmodal.legacy.modal.in {
    top: 0;
    z-index: 5000; /* The navbar in clean has z-index: 4030 */
    height: 92%;
    width: 100%;
}
.etherpadmodal.legacy.modal.in .modal-body {
    position: absolute;
    width: 99%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
}