/* Le conteneur qui entoure l'ensemble */ .md-editor { position: relative; margin: 0; width: 100%; max-height: 40em; overflow: auto; border: 1px solid var(--spip-form-input-border-color); border-radius: var(--spip-form-input-border-radius); background-color: var(--spip-color-white); } /* La barre d'outils */ .md-editor__menu { position: sticky; top: 0; display: flex; flex-flow: row; align-items: center; width: 100%; background-color: white; border-bottom: 1px solid var(--spip-box-sep-color); z-index: 100; } .md-editor__menu .groupe-btns { margin: 0; align-items: center; } .md-editor__menu .groupe-btns button { border: 0; border-radius: 0; --spip-btn-padding-x: 0.5rem; } .md-editor__menu button[disabled] { opacity: 0.25; /* En attendant que ce soit corrigé dans la dist */ } .md-editor__spacer { flex: 1; } .md-editor__separator { height: 1.5em; border-left: 1px solid var(--spip-box-sep-color); } /* L'éditeur WYSIWYG avec Tiptap et ProseMirror dedans */ .md-editor__wysiwyg { padding: var(--spip-form-input-padding-y) var(--spip-form-input-padding-x); } .fullscreen .md-editor__wysiwyg { max-width: 60em; margin: 0 auto; padding: calc(2 * var(--spip-form-spacing-y)) var(--spip-form-spacing-x) var(--spip-form-spacing-y) var(--spip-form-spacing-x); font-size: 1.2em; } .ProseMirror-focused { outline: none; } /* Le textarea d'origine avec le markdown brut */ .md-editor__raw { border: 0; } /* Les nodes et marks supplémentaires propres à SPIP */ a[data-spip_autotitle] { cursor: text; } a[data-spip_autotitle]::before { content: attr(data-spip_autotitle); pointer-events: auto; } .spip-model { background-color: var(--spip-color-theme-lighter); /* Example styling */ padding: 2px 4px; border-radius: var(--spip-border-radius); cursor: pointer; } .spip-model_id { background-color: var(--spip-color-theme-light); } .spip-model_compiled { position: relative; } .spip-model_compiled::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } .spip-model_compiled:hover::after, .ProseMirror-selectednode .spip-model_compiled::after{ background-color: rgba(0,0,0,0.5); } .spip-model__btn { position: absolute; right: 0; top: 0; z-index: 10; } pre.spip-html { background-color: #f5f5f5; border-radius: 4px; padding: 8px; font-family: monospace; white-space: pre-wrap; color: #d63384; } .spip-multi-inline:before { content: "\003Cmulti\003E"; color: var(--spip-color-theme-dark); } .spip-multi-inline:after { content: "\003C/multi\003E"; color: var(--spip-color-theme-dark); } .spip-multi-block{ margin-bottom: var(--spip-form-spacing-y); } .spip-multi-block:before { content: "\003Cmulti\003E"; color: var(--spip-color-theme-dark); display: block; } .spip-multi-block:after { content: "\003C/multi\003E"; color: var(--spip-color-theme-dark); display: block; margin-top: calc(var(--spip-form-spacing-y) * -1); } span.spip-lang { color: var(--spip-color-theme-dark); } /* Formulaire quand dans un panneau */ .box_mediabox .formulaire_inserer_modeles { border: 0; box-shadow: none; margin: 1rem -1rem; }