#write { height:100%; #editor_container { padding:1em; height: calc(100% - 4em); overflow: hidden; #editor_content { height:auto; position: relative; .ql-container { font-family: 'Indie Flower', cursive; font-size: 16px; padding:0; .ql-editor { padding:0; } } } } } /* Write - Editor */ #write #editor div { margin:0; } #write #editor p { text-indent: 1.5em; margin:1em 0 0 0; padding:0; text-align: justify; } #write #editor p:first-child { margin-top: 0; } #write .jqte_editor p:FIRST-CHILD, #write .jqte_toolbar { margin-top:0.5em; } /* Write - Toolbar */ #write #nav { position:absolute; bottom:0; right:0; left:0; text-align: center; } #write .fa-prev, #write .page_nb, #write .fa-next { color:#997E60; font-size:1.5em; margin:0 0 0.5em 0; cursor:pointer; } #write .page_nb { font-size: 1em; vertical-align:0.25em; cursor: default; padding-left:0.5em; padding-right:0.5em; } #write .fa-prev:hover, #write .fa-next:hover { color:#584127; } #write .fa-prev.disabled, #write .fa-next.disabled, #write .fa-prev.disabled:hover, #write .fa-next.disabled:hover { color:#EDE0D0; } /* Write - Placeholder */ #write .jqte_placeholder_text { top:1em; left:0; text-indent: 1.5em; } #write .jqte_focused .jqte_placeholder_text { display:none; } /* Write - Feedback */ #write_feedback { position:absolute; top: -1.5em; right:0.5em; }