/** * module_page_help — оформление содержимого редактора toastui. * * ВНИМАНИЕ К ПОРЯДКУ ПОДКЛЮЧЕНИЯ. * Этот файл ОБЯЗАН грузиться ПОСЛЕ toastui-editor-viewer.min.css и * toastui-editor.min.css. Библиотека задаёт светлую тему * (.toastui-editor-contents { color: #222 }), и без наших переопределений * текст пункта на тёмном фоне сайта становится почти чёрным. * * Подключается тегом из forward/interface.php сразу за библиотекой. * НЕ переносите эти правила обратно в 1.css: тот грузится в , то есть * РАНЬШЕ библиотеки, и проиграет в каскаде. */ .toastui-editor-contents { color: var(--text-custom); font-family: var(--font-family-2); font-size: var(--font-size-m); margin: 0; padding: 0; z-index: 20; } .toastui-editor-contents ul > li:before { background-color: var(--text-custom); margin-left: -20px; margin-top: 9px; } .toastui-editor-contents code { box-sizing: border-box; max-width: 100%; background-color: rgb(48 36 35); color: #e2645e; padding: 3px 6px; border-radius: var(--br-4); font-family: inherit; font-weight: var(--font-weight-4); font-size: var(--font-size-m); } .toastui-editor-contents a { color: var(--span); text-decoration: none; transition: 0.25s; } .toastui-editor-contents a:hover { color: var(--span); text-decoration: underline; } .toastui-editor-contents dir, .toastui-editor-contents menu, .toastui-editor-contents ol, .toastui-editor-contents ul { color: var(--text-custom); display: block; list-style-type: none; margin: 0 0 10px 0; padding-left: 24px; } .toastui-editor-contents h1 { border-bottom: none; font-size: var(--font-size-5xl); line-height: 28px; margin: 15px 0; padding-bottom: 7px; } .toastui-editor-contents h1, .toastui-editor-contents h2, .toastui-editor-contents h3, .toastui-editor-contents h4, .toastui-editor-contents h5, .toastui-editor-contents h6 { color: var(--text-default); font-weight: var(--font-weight-7); } .toastui-editor-defaultUI { border: 1px solid var(--bg-table); border-radius: var(--br-12); position: relative; /* overflow: hidden; */ } .toastui-editor-dark.toastui-editor-defaultUI { border-color: var(--bg-table); color: var(--text-default); } .toastui-editor-dark .toastui-editor-defaultUI-toolbar { background-color: var(--transparent-2-w); border-bottom-color: var(--bg-table); } .toastui-editor-dark .toastui-editor-md-container, .toastui-editor-dark .toastui-editor-ww-container { background-color: var(--input-form); } .toastui-editor-contents blockquote { border-left: 3px solid #5a7dff; margin: 14px 0; padding: 8px 16px; background: linear-gradient(89deg, #5a7dff1c, rgb(211 23 23 / 0%)); border-radius: var(--br-3) 8px 8px 3px; } .toastui-editor-contents blockquote p { color: var(--text-custom) !important; } .toastui-editor-contents hr { border-top: 1px solid var(--bottom-line-table); margin: 16px 0; } .toastui-editor-contents table td, .toastui-editor-contents table th { border: 1px solid var(--transparent-2-w); background: var(--input-form); } .toastui-editor-contents table th { background-color: var(--bg-table); font-weight: var(--font-weight-4); } .toastui-editor-contents table { border: 1px solid var(--bottom-line-table); border-radius: var(--br-8); overflow: hidden; width: 100%; } .toastui-editor-contents ol > li:before { color: var(--text-custom); opacity: 0.5; } .toastui-editor-defaultUI-toolbar { border-radius: var(--br-12) 12px 0 0; }