/* THIS STYLING APPLIES TO THE A4 TINYMCE / RULER PLUGIN */ HTML{ background: #f2f2f2; /*box-shadow: inset 1px 0 2px #00000091;*/ } BODY#tinymce{ width: 21cm; /* this should be 21 cm as the page size, but I have little space here in fiddle */ min-height: 29.7cm; /* this should be 29.7 cm (A4 page) */ background: #fff; display: block; box-shadow: 0 2px 7px rgba(0,0,0,0.7); margin: 5px auto 20px auto; /*padding: 1cm 1.10cm;*/ padding: 60px !important; box-sizing: border-box; } BODY#tinymce img.mce-pagebreak{ cursor: default; cursor: grab; display: block; width: 100%; /*width: calc(100% + 2.2cm); margin-left: -1.1cm; margin-right: -1.1cm;*/ width: calc(100% + 2.54cm); margin-left: -0.125cm; margin-right: -0.125cm; height: 13px; margin-top: 20px; margin-bottom: 20px; page-break-before: always; border: 0; box-shadow: inset 0 5px 8px -6px rgba(0,0,0,1); /*border-bottom: 1px solid #555;*/ background: #f2f2f2; } BODY#tinymce img.mce-pagebreak:hover{ opacity: .9; } @media screen and (max-width: 660px) { BODY#tinymce{ padding: 40px 5px 0 5px !important; width: 100vw; height: 100%; min-height: 100vh !important; margin: 0; } HTML{ background-image: none; } }
Exit Child Mode

Please enter your password to exit child mode