scratch
/quickload/css/trumbowyg/icons.svg |
---|
@@ -0,0 +1 @@ |
<svg xmlns="http://www.w3.org/2000/svg"><symbol id="trumbowyg-blockquote" viewBox="0 0 72 72"><path d="M21.3 31.9h-.6c.8-1.2 1.9-2.2 3.4-3.2 2.1-1.4 5-2.7 9.2-3.3l-1.4-8.9c-4.7.7-8.5 2.1-11.7 4-2.4 1.4-4.3 3.1-5.8 4.9-2.3 2.7-3.7 5.7-4.5 8.5-.8 2.8-1 5.4-1 7.5 0 2.3.3 4 .4 4.8 0 .1.1.3.1.4 1.2 5.4 6.1 9.5 11.9 9.5 6.7 0 12.2-5.4 12.2-12.2s-5.5-12-12.2-12zM49.5 31.9h-.6c.8-1.2 1.9-2.2 3.4-3.2 2.1-1.4 5-2.7 9.2-3.3l-1.4-8.9c-4.7.7-8.5 2.1-11.7 4-2.4 1.4-4.3 3.1-5.8 4.9-2.3 2.7-3.7 5.7-4.5 8.5-.8 2.8-1 5.4-1 7.5 0 2.3.3 4 .4 4.8 0 .1.1.3.1.4 1.2 5.4 6.1 9.5 11.9 9.5 6.7 0 12.2-5.4 12.2-12.2s-5.5-12-12.2-12z"/></symbol><symbol id="trumbowyg-bold" viewBox="0 0 72 72"><path d="M51.1 37.8c-1.1-1.4-2.5-2.5-4.2-3.3 1.2-.8 2.1-1.8 2.8-3 1-1.6 1.5-3.5 1.5-5.3 0-2-.6-4-1.7-5.8-1.1-1.8-2.8-3.2-4.8-4.1-2-.9-4.6-1.3-7.8-1.3h-16v42h16.3c2.6 0 4.8-.2 6.7-.7 1.9-.5 3.4-1.2 4.7-2.1 1.3-1 2.4-2.4 3.2-4.1.9-1.7 1.3-3.6 1.3-5.7.2-2.5-.5-4.7-2-6.6zM40.8 50.2c-.6.1-1.8.2-3.4.2h-9V38.5h8.3c2.5 0 4.4.2 5.6.6 1.2.4 2 1 2.7 2 .6.9 1 2 1 3.3 0 1.1-.2 2.1-.7 2.9-.5.9-1 1.5-1.7 1.9-.8.4-1.7.8-2.8 1zm2.6-20.4c-.5.7-1.3 1.3-2.5 1.6-.8.3-2.5.4-4.8.4h-7.7V21.6h7.1c1.4 0 2.6 0 3.6.1s1.7.2 2.2.4c1 .3 1.7.8 2.2 1.7.5.9.8 1.8.8 3-.1 1.3-.4 2.2-.9 3z"/></symbol><symbol id="trumbowyg-close" viewBox="0 0 72 72"><path d="M57 20.5l-5.4-5.4-15.5 15.5-15.6-15.5-5.4 5.4L30.7 36 15.1 51.5l5.4 5.4 15.6-15.5 15.5 15.5 5.4-5.4L41.5 36z"/></symbol><symbol id="trumbowyg-create-link" viewBox="0 0 72 72"><path d="M31.1 48.9l-6.7 6.7c-.8.8-1.6.9-2.1.9s-1.4-.1-2.1-.9L15 50.4c-1.1-1.1-1.1-3.1 0-4.2l6.1-6.1.2-.2 6.5-6.5c-1.2-.6-2.5-.9-3.8-.9-2.3 0-4.6.9-6.3 2.6L11 41.8c-3.5 3.5-3.5 9.2 0 12.7l5.2 5.2c1.7 1.7 4 2.6 6.3 2.6s4.6-.9 6.3-2.6l6.7-6.7c2.5-2.6 3.1-6.7 1.5-10l-5.9 5.9zM38.7 22.5l6.7-6.7c.8-.8 1.6-.9 2.1-.9s1.4.1 2.1.9l5.2 5.2c1.1 1.1 1.1 3.1 0 4.2l-6.1 6.1-.2.2L42 38c1.2.6 2.5.9 3.8.9 2.3 0 4.6-.9 6.3-2.6l6.7-6.7c3.5-3.5 3.5-9.2 0-12.7l-5.2-5.2c-1.7-1.7-4-2.6-6.3-2.6s-4.6.9-6.3 2.6l-6.7 6.7c-2.7 2.7-3.3 6.9-1.7 10.2l6.1-6.1c0 .1 0 .1 0 0z"/><path d="M44.2 30.5c.2-.2.4-.6.4-.9 0-.3-.1-.6-.4-.9l-2.3-2.3c-.3-.2-.6-.4-.9-.4-.3 0-.6.1-.9.4L25.9 40.6c-.2.2-.4.6-.4.9 0 .3.1.6.4.9l2.3 2.3c.2.2.6.4.9.4.3 0 .6-.1.9-.4l14.2-14.2zM49.9 55.4h-8.5v-5h8.5v-8.9h5.2v8.9h8.5v5h-8.5v8.9h-5.2v-8.9z"/></symbol><symbol id="trumbowyg-del" viewBox="0 0 72 72"><path d="M45.8 45c0 1-.3 1.9-.9 2.8-.6.9-1.6 1.6-3 2.1s-3.1.8-5 .8c-2.1 0-4-.4-5.7-1.1-1.7-.7-2.9-1.7-3.6-2.7-.8-1.1-1.3-2.6-1.5-4.5l-.1-.8-6.7.6v.9c.1 2.8.9 5.4 2.3 7.6 1.5 2.3 3.5 4 6.1 5.1 2.6 1.1 5.7 1.6 9.4 1.6 2.9 0 5.6-.5 8-1.6 2.4-1.1 4.3-2.7 5.6-4.7 1.3-2 2-4.2 2-6.5 0-1.6-.3-3.1-.9-4.5l-.2-.6H44c0 .1 1.8 2.3 1.8 5.5zM29 28.9c-.8-.8-1.2-1.7-1.2-2.9 0-.7.1-1.3.4-1.9.3-.6.7-1.1 1.4-1.6.6-.5 1.4-.9 2.5-1.1 1.1-.3 2.4-.4 3.9-.4 2.9 0 5 .6 6.3 1.7 1.3 1.1 2.1 2.7 2.4 5.1l.1.9 6.8-.5v-.9c-.1-2.5-.8-4.7-2.1-6.7s-3.2-3.5-5.6-4.5c-2.4-1-5.1-1.5-8.1-1.5-2.8 0-5.3.5-7.6 1.4-2.3 1-4.2 2.4-5.4 4.3-1.2 1.9-1.9 3.9-1.9 6.1 0 1.7.4 3.4 1.2 4.9l.3.5h11.8c-2.3-.9-3.9-1.7-5.2-2.9zm13.3-6.2zM22.7 20.3zM13 34.1h46.1v3.4H13z"/></symbol><symbol id="trumbowyg-em" viewBox="0 0 72 72"><path d="M26 57l10.1-42h7.2L33.2 57H26z"/></symbol><symbol id="trumbowyg-fullscreen" viewBox="0 0 72 72"><path d="M25.2 7.1H7.1v17.7l6.7-6.5 10.5 10.5 4.5-4.5-10.4-10.5zM47.2 7.1l6.5 6.7-10.5 10.5 4.5 4.5 10.5-10.4 6.7 6.8V7.1zM47.7 43.2l-4.5 4.5 10.4 10.5-6.8 6.7h18.1V47.2l-6.7 6.5zM24.3 43.2L13.8 53.6l-6.7-6.8v18.1h17.7l-6.5-6.7 10.5-10.5z"/><path fill="currentColor" d="M10.7 28.8h18.1V11.2l-6.6 6.4L11.6 7.1l-4.5 4.5 10.5 10.5zM60.8 28.8l-6.4-6.6 10.5-10.6-4.5-4.5-10.5 10.5-6.7-6.9v18.1zM60.4 64.9l4.5-4.5-10.5-10.5 6.9-6.7H43.2v17.6l6.6-6.4zM11.6 64.9l10.5-10.5 6.7 6.9V43.2H11.1l6.5 6.6L7.1 60.4z"/></symbol><symbol id="trumbowyg-h1" viewBox="0 0 72 72"><path d="M6.4 14.9h7.4v16.7h19.1V14.9h7.4V57h-7.4V38H13.8v19H6.4V14.9zM47.8 22.5c1.4 0 2.8-.1 4.1-.4 1.3-.2 2.5-.6 3.6-1.2 1.1-.5 2-1.3 2.8-2.1.8-.9 1.3-1.9 1.5-3.2h5.5v41.2h-7.4v-29H47.8v-5.3z"/></symbol><symbol id="trumbowyg-h2" viewBox="0 0 72 72"><path d="M1.5 14.9h7.4v16.7H28V14.9h7.4V57H28V38H8.8v19H1.5V14.9zM70.2 56.9H42c0-3.4.9-6.4 2.5-9s3.8-4.8 6.6-6.7c1.3-1 2.7-1.9 4.2-2.9 1.5-.9 2.8-1.9 4-3 1.2-1.1 2.2-2.2 3-3.4.8-1.2 1.2-2.7 1.2-4.3 0-.7-.1-1.5-.3-2.4s-.5-1.6-1-2.4c-.5-.7-1.2-1.3-2.1-1.8-.9-.5-2.1-.7-3.5-.7-1.3 0-2.4.3-3.3.8s-1.6 1.3-2.1 2.2-.9 2-1.2 3.3c-.3 1.3-.4 2.6-.4 4.1h-6.7c0-2.3.3-4.4.9-6.3.6-1.9 1.5-3.6 2.7-5 1.2-1.4 2.7-2.5 4.4-3.3 1.7-.8 3.8-1.2 6.1-1.2 2.5 0 4.6.4 6.3 1.2 1.7.8 3.1 1.9 4.1 3.1 1 1.3 1.8 2.6 2.2 4.1.4 1.5.6 2.9.6 4.2 0 1.6-.3 3.1-.8 4.5-.5 1.3-1.2 2.6-2.1 3.7-.9 1.1-1.8 2.2-2.9 3.1-1.1.9-2.2 1.8-3.4 2.7-1.2.8-2.4 1.6-3.5 2.4-1.2.7-2.3 1.5-3.3 2.2-1 .7-1.9 1.5-2.6 2.3-.7.8-1.3 1.7-1.5 2.6h20.1v5.9z"/></symbol><symbol id="trumbowyg-h3" viewBox="0 0 72 72"><path d="M1.4 14.5h7.4v16.7h19.1V14.5h7.4v42.1h-7.4v-19H8.8v19H1.4V14.5zM53.1 32.4c1.1 0 2.2 0 3.3-.2 1.1-.2 2.1-.5 2.9-1 .9-.5 1.6-1.2 2.1-2 .5-.9.8-1.9.8-3.2 0-1.8-.6-3.2-1.8-4.2-1.2-1.1-2.7-1.6-4.6-1.6-1.2 0-2.2.2-3.1.7-.9.5-1.6 1.1-2.2 1.9-.6.8-1 1.7-1.3 2.7-.3 1-.4 2-.4 3.1h-6.7c.1-2 .5-3.9 1.1-5.6.7-1.7 1.6-3.2 2.7-4.4s2.6-2.2 4.2-2.9c1.6-.7 3.5-1.1 5.6-1.1 1.6 0 3.2.2 4.7.7 1.6.5 2.9 1.2 4.2 2.1 1.2.9 2.2 2.1 3 3.4.7 1.4 1.1 3 1.1 4.8 0 2.1-.5 3.9-1.4 5.4-.9 1.6-2.4 2.7-4.4 3.4v.1c2.4.5 4.2 1.6 5.5 3.5 1.3 1.9 2 4.1 2 6.8 0 2-.4 3.7-1.2 5.3-.8 1.6-1.8 2.9-3.2 3.9-1.3 1.1-2.9 1.9-4.7 2.5-1.8.6-3.6.9-5.6.9-2.4 0-4.5-.3-6.3-1s-3.3-1.7-4.5-2.9c-1.2-1.3-2.1-2.8-2.7-4.5-.6-1.8-1-3.7-1-5.9h6.7c-.1 2.5.5 4.6 1.9 6.3 1.3 1.7 3.3 2.5 5.9 2.5 2.2 0 4.1-.6 5.6-1.9 1.5-1.3 2.3-3.1 2.3-5.4 0-1.6-.3-2.9-.9-3.8-.6-.9-1.5-1.7-2.5-2.2-1-.5-2.2-.8-3.4-.9-1.3-.1-2.6-.2-3.9-.1v-5.2z"/></symbol><symbol id="trumbowyg-h4" viewBox="0 0 72 72"><path d="M1.5 14.9h7.4v16.7H28V14.9h7.4V57H28V38H8.9v19H1.5V14.9zM70.5 47.2h-5.3V57h-6.4v-9.8H41.2v-6.7l17.7-24.8h6.4v26.2h5.3v5.3zm-24.2-5.3h12.5V23.7h-.1L46.3 41.9z"/></symbol><symbol id="trumbowyg-horizontal-rule" viewBox="0 0 72 72"><path d="M9.1 32h54v8h-54z"/></symbol><symbol id="trumbowyg-insert-image" viewBox="0 0 72 72"><path d="M64 17v38H8V17h56m8-8H0v54h72V9z"/><path d="M17.5 22C15 22 13 24 13 26.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zM16 50h27L29.5 32zM36 36.2l8.9-8.5L60.2 50H45.9S35.6 35.9 36 36.2z"/></symbol><symbol id="trumbowyg-italic" viewBox="0 0 72 72"><path d="M26 57l10.1-42h7.2L33.2 57H26z"/></symbol><symbol id="trumbowyg-justify-center" viewBox="0 0 72 72"><path d="M9 14h54v8H9zM9 50h54v8H9zM18 32h36v8H18z"/></symbol><symbol id="trumbowyg-justify-full" viewBox="0 0 72 72"><path d="M9 14h54v8H9zM9 50h54v8H9zM9 32h54v8H9z"/></symbol><symbol id="trumbowyg-justify-left" viewBox="0 0 72 72"><path d="M9 14h54v8H9zM9 50h54v8H9zM9 32h36v8H9z"/></symbol><symbol id="trumbowyg-justify-right" viewBox="0 0 72 72"><path d="M9 14h54v8H9zM9 50h54v8H9zM27 32h36v8H27z"/></symbol><symbol id="trumbowyg-link" viewBox="0 0 72 72"><path d="M30.9 49.1l-6.7 6.7c-.8.8-1.6.9-2.1.9s-1.4-.1-2.1-.9l-5.2-5.2c-1.1-1.1-1.1-3.1 0-4.2l6.1-6.1.2-.2 6.5-6.5c-1.2-.6-2.5-.9-3.8-.9-2.3 0-4.6.9-6.3 2.6L10.8 42c-3.5 3.5-3.5 9.2 0 12.7l5.2 5.2c1.7 1.7 4 2.6 6.3 2.6s4.6-.9 6.3-2.6l6.7-6.7C38 50.5 38.6 46.3 37 43l-6.1 6.1zM38.5 22.7l6.7-6.7c.8-.8 1.6-.9 2.1-.9s1.4.1 2.1.9l5.2 5.2c1.1 1.1 1.1 3.1 0 4.2l-6.1 6.1-.2.2-6.5 6.5c1.2.6 2.5.9 3.8.9 2.3 0 4.6-.9 6.3-2.6l6.7-6.7c3.5-3.5 3.5-9.2 0-12.7l-5.2-5.2c-1.7-1.7-4-2.6-6.3-2.6s-4.6.9-6.3 2.6l-6.7 6.7c-2.7 2.7-3.3 6.9-1.7 10.2l6.1-6.1z"/><path d="M44.1 30.7c.2-.2.4-.6.4-.9 0-.3-.1-.6-.4-.9l-2.3-2.3c-.2-.2-.6-.4-.9-.4-.3 0-.6.1-.9.4L25.8 40.8c-.2.2-.4.6-.4.9 0 .3.1.6.4.9l2.3 2.3c.2.2.6.4.9.4.3 0 .6-.1.9-.4l14.2-14.2z"/></symbol><symbol id="trumbowyg-ordered-list" viewBox="0 0 72 72"><path d="M27 14h36v8H27zM27 50h36v8H27zM27 32h36v8H27zM11.8 15.8V22h1.8v-7.8h-1.5l-2.1 1 .3 1.3zM12.1 38.5l.7-.6c1.1-1 2.1-2.1 2.1-3.4 0-1.4-1-2.4-2.7-2.4-1.1 0-2 .4-2.6.8l.5 1.3c.4-.3 1-.6 1.7-.6.9 0 1.3.5 1.3 1.1 0 .9-.9 1.8-2.6 3.3l-1 .9V40H15v-1.5h-2.9zM13.3 53.9c1-.4 1.4-1 1.4-1.8 0-1.1-.9-1.9-2.6-1.9-1 0-1.9.3-2.4.6l.4 1.3c.3-.2 1-.5 1.6-.5.8 0 1.2.3 1.2.8 0 .7-.8.9-1.4.9h-.7v1.3h.7c.8 0 1.6.3 1.6 1.1 0 .6-.5 1-1.4 1-.7 0-1.5-.3-1.8-.5l-.4 1.4c.5.3 1.3.6 2.3.6 2 0 3.2-1 3.2-2.4 0-1.1-.8-1.8-1.7-1.9z"/></symbol><symbol id="trumbowyg-p" viewBox="0 0 72 72"><path d="M47.8 15.1H30.1c-4.7 0-8.5 3.7-8.5 8.4s3.7 8.4 8.4 8.4v25h7V19.8h3v37.1h4.1V19.8h3.7v-4.7z"/></symbol><symbol id="trumbowyg-redo" viewBox="0 0 72 72"><path d="M10.8 51.2c0-5.1 2.1-9.7 5.4-13.1 3.3-3.3 8-5.4 13.1-5.4H46v-12L61.3 36 45.9 51.3V39.1H29.3c-3.3 0-6.4 1.3-8.5 3.5-2.2 2.2-3.5 5.2-3.5 8.5h-6.5z"/></symbol><symbol id="trumbowyg-removeformat" viewBox="0 0 72 72"><path d="M58.2 54.6L52 48.5l3.6-3.6 6.1 6.1 6.4-6.4 3.8 3.8-6.4 6.4 6.1 6.1-3.6 3.6-6.1-6.1-6.4 6.4-3.7-3.8 6.4-6.4zM21.7 52.1H50V57H21.7zM18.8 15.2h34.1v6.4H39.5v24.2h-7.4V21.5H18.8v-6.3z"/></symbol><symbol id="trumbowyg-strikethrough" viewBox="0 0 72 72"><path d="M45.8 45c0 1-.3 1.9-.9 2.8-.6.9-1.6 1.6-3 2.1s-3.1.8-5 .8c-2.1 0-4-.4-5.7-1.1-1.7-.7-2.9-1.7-3.6-2.7-.8-1.1-1.3-2.6-1.5-4.5l-.1-.8-6.7.6v.9c.1 2.8.9 5.4 2.3 7.6 1.5 2.3 3.5 4 6.1 5.1 2.6 1.1 5.7 1.6 9.4 1.6 2.9 0 5.6-.5 8-1.6 2.4-1.1 4.3-2.7 5.6-4.7 1.3-2 2-4.2 2-6.5 0-1.6-.3-3.1-.9-4.5l-.2-.6H44c0 .1 1.8 2.3 1.8 5.5zM29 28.9c-.8-.8-1.2-1.7-1.2-2.9 0-.7.1-1.3.4-1.9.3-.6.7-1.1 1.4-1.6.6-.5 1.4-.9 2.5-1.1 1.1-.3 2.4-.4 3.9-.4 2.9 0 5 .6 6.3 1.7 1.3 1.1 2.1 2.7 2.4 5.1l.1.9 6.8-.5v-.9c-.1-2.5-.8-4.7-2.1-6.7s-3.2-3.5-5.6-4.5c-2.4-1-5.1-1.5-8.1-1.5-2.8 0-5.3.5-7.6 1.4-2.3 1-4.2 2.4-5.4 4.3-1.2 1.9-1.9 3.9-1.9 6.1 0 1.7.4 3.4 1.2 4.9l.3.5h11.8c-2.3-.9-3.9-1.7-5.2-2.9zm13.3-6.2zM22.7 20.3zM13 34.1h46.1v3.4H13z"/></symbol><symbol id="trumbowyg-strong" viewBox="0 0 72 72"><path d="M51.1 37.8c-1.1-1.4-2.5-2.5-4.2-3.3 1.2-.8 2.1-1.8 2.8-3 1-1.6 1.5-3.5 1.5-5.3 0-2-.6-4-1.7-5.8-1.1-1.8-2.8-3.2-4.8-4.1-2-.9-4.6-1.3-7.8-1.3h-16v42h16.3c2.6 0 4.8-.2 6.7-.7 1.9-.5 3.4-1.2 4.7-2.1 1.3-1 2.4-2.4 3.2-4.1.9-1.7 1.3-3.6 1.3-5.7.2-2.5-.5-4.7-2-6.6zM40.8 50.2c-.6.1-1.8.2-3.4.2h-9V38.5h8.3c2.5 0 4.4.2 5.6.6 1.2.4 2 1 2.7 2 .6.9 1 2 1 3.3 0 1.1-.2 2.1-.7 2.9-.5.9-1 1.5-1.7 1.9-.8.4-1.7.8-2.8 1zm2.6-20.4c-.5.7-1.3 1.3-2.5 1.6-.8.3-2.5.4-4.8.4h-7.7V21.6h7.1c1.4 0 2.6 0 3.6.1s1.7.2 2.2.4c1 .3 1.7.8 2.2 1.7.5.9.8 1.8.8 3-.1 1.3-.4 2.2-.9 3z"/></symbol><symbol id="trumbowyg-subscript" viewBox="0 0 72 72"><path d="M32 15h7.8L56 57.1h-7.9L44.3 46H27.4l-4 11.1h-7.6L32 15zm-2.5 25.4h12.9L36 22.3h-.2l-6.3 18.1zM58.7 59.9c.6-1.4 2-2.8 4.1-4.4 1.9-1.3 3.1-2.3 3.7-2.9.8-.9 1.3-1.9 1.3-3 0-.9-.2-1.6-.7-2.2-.5-.6-1.2-.9-2.1-.9-1.2 0-2.1.5-2.5 1.4-.3.5-.4 1.4-.5 2.5h-4c.1-1.8.4-3.2 1-4.3 1.1-2.1 3-3.1 5.8-3.1 2.2 0 3.9.6 5.2 1.8 1.3 1.2 1.9 2.8 1.9 4.8 0 1.5-.5 2.9-1.4 4.1-.6.8-1.6 1.7-3 2.6L66 57.7c-1 .7-1.7 1.2-2.1 1.6-.4.3-.7.7-1 1.1H72V64H57.8c0-1.5.3-2.8.9-4.1z"/></symbol><symbol id="trumbowyg-superscript" viewBox="0 0 72 72"><path d="M32 15h7.8L56 57.1h-7.9l-4-11.1H27.4l-4 11.1h-7.6L32 15zm-2.5 25.4h12.9L36 22.3h-.2l-6.3 18.1zM49.6 28.8c.5-1.1 1.6-2.3 3.4-3.6 1.5-1.1 2.5-1.9 3-2.4.7-.7 1-1.6 1-2.4 0-.7-.2-1.3-.6-1.8-.4-.5-1-.7-1.7-.7-1 0-1.7.4-2.1 1.1-.2.4-.3 1.1-.4 2.1H49c.1-1.5.3-2.6.8-3.5.9-1.7 2.5-2.6 4.8-2.6 1.8 0 3.2.5 4.3 1.5 1.1 1 1.6 2.3 1.6 4 0 1.3-.4 2.4-1.1 3.4-.5.7-1.3 1.4-2.4 2.2l-1.3 1c-.8.6-1.4 1-1.7 1.3-.3.3-.6.6-.8.9h7.4v3H48.8c0-1.3.3-2.4.8-3.5z"/></symbol><symbol id="trumbowyg-table" viewBox="0 0 72 72"><path d="M25.686 51.38v-6.347q0-.462-.297-.76-.298-.297-.761-.297H14.04q-.463 0-.761.297-.298.298-.298.76v6.346q0 .463.298.76.298.298.76.298h10.589q.463 0 .76-.298.298-.297.298-.76zm0-12.692v-6.346q0-.463-.297-.76-.298-.298-.761-.298H14.04q-.463 0-.761.298-.298.297-.298.76v6.346q0 .462.298.76.298.297.76.297h10.589q.463 0 .76-.297.298-.298.298-.76zm16.94 12.691v-6.346q0-.462-.297-.76-.298-.297-.761-.297H30.98q-.463 0-.76.297-.299.298-.299.76v6.346q0 .463.298.76.298.298.761.298h10.588q.463 0 .76-.298.299-.297.299-.76zm-16.94-25.383v-6.345q0-.463-.297-.76-.298-.298-.761-.298H14.04q-.463 0-.761.297-.298.298-.298.76v6.346q0 .463.298.76.298.298.76.298h10.589q.463 0 .76-.298.298-.297.298-.76zm16.94 12.692v-6.346q0-.463-.297-.76-.298-.298-.761-.298H30.98q-.463 0-.76.298-.299.297-.299.76v6.346q0 .462.298.76.298.297.761.297h10.588q.463 0 .76-.297.299-.298.299-.76zm16.94 12.691v-6.346q0-.462-.297-.76-.298-.297-.76-.297H47.92q-.463 0-.76.297-.298.298-.298.76v6.346q0 .463.297.76.298.298.761.298h10.588q.463 0 .761-.298.298-.297.298-.76zm-16.94-25.383v-6.345q0-.463-.297-.76-.298-.298-.761-.298H30.98q-.463 0-.76.297-.299.298-.299.76v6.346q0 .463.298.76.298.298.761.298h10.588q.463 0 .76-.298.299-.297.299-.76zm16.94 12.692v-6.346q0-.463-.297-.76-.298-.298-.76-.298H47.92q-.463 0-.76.298-.298.297-.298.76v6.346q0 .462.297.76.298.297.761.297h10.588q.463 0 .761-.297.298-.298.298-.76zm0-12.692v-6.345q0-.463-.297-.76-.298-.298-.76-.298H47.92q-.463 0-.76.297-.298.298-.298.76v6.346q0 .463.297.76.298.298.761.298h10.588q.463 0 .761-.298.298-.297.298-.76zm4.236-10.576v35.96q0 2.18-1.555 3.734-1.555 1.553-3.739 1.553H14.04q-2.184 0-3.739-1.553-1.555-1.553-1.555-3.735V15.42q0-2.181 1.555-3.735 1.555-1.553 3.739-1.553h44.468q2.184 0 3.739 1.553 1.555 1.554 1.555 3.735z"/></symbol><symbol id="trumbowyg-underline" viewBox="0 0 72 72"><path d="M36 35zM15.2 55.9h41.6V59H15.2zM21.1 13.9h6.4v21.2c0 1.2.1 2.5.2 3.7.1 1.3.5 2.4 1 3.4.6 1 1.4 1.8 2.6 2.5 1.1.6 2.7 1 4.8 1 2.1 0 3.7-.3 4.8-1 1.1-.6 2-1.5 2.6-2.5.6-1 .9-2.1 1-3.4.1-1.3.2-2.5.2-3.7V13.9H51v23.3c0 2.3-.4 4.4-1.1 6.1-.7 1.7-1.7 3.2-3 4.4-1.3 1.2-2.9 2-4.7 2.6-1.8.6-3.9.9-6.1.9-2.2 0-4.3-.3-6.1-.9-1.8-.6-3.4-1.5-4.7-2.6-1.3-1.2-2.3-2.6-3-4.4-.7-1.7-1.1-3.8-1.1-6.1V13.9z"/></symbol><symbol id="trumbowyg-undo" viewBox="0 0 72 72"><path d="M61.2 51.2c0-5.1-2.1-9.7-5.4-13.1-3.3-3.3-8-5.4-13.1-5.4H26.1v-12L10.8 36l15.3 15.3V39.1h16.7c3.3 0 6.4 1.3 8.5 3.5 2.2 2.2 3.5 5.2 3.5 8.5h6.4z"/></symbol><symbol id="trumbowyg-unlink" viewBox="0 0 72 72"><path d="M30.9 49.1l-6.7 6.7c-.8.8-1.6.9-2.1.9s-1.4-.1-2.1-.9l-5.2-5.2c-1.1-1.1-1.1-3.1 0-4.2l6.1-6.1.2-.2 6.5-6.5c-1.2-.6-2.5-.9-3.8-.9-2.3 0-4.6.9-6.3 2.6L10.8 42c-3.5 3.5-3.5 9.2 0 12.7l5.2 5.2c1.7 1.7 4 2.6 6.3 2.6s4.6-.9 6.3-2.6l6.7-6.7C38 50.5 38.6 46.3 37 43l-6.1 6.1zM38.5 22.7l6.7-6.7c.8-.8 1.6-.9 2.1-.9s1.4.1 2.1.9l5.2 5.2c1.1 1.1 1.1 3.1 0 4.2l-6.1 6.1-.2.2-6.5 6.5c1.2.6 2.5.9 3.8.9 2.3 0 4.6-.9 6.3-2.6l6.7-6.7c3.5-3.5 3.5-9.2 0-12.7l-5.2-5.2c-1.7-1.7-4-2.6-6.3-2.6s-4.6.9-6.3 2.6l-6.7 6.7c-2.7 2.7-3.3 6.9-1.7 10.2l6.1-6.1z"/><path d="M44.1 30.7c.2-.2.4-.6.4-.9 0-.3-.1-.6-.4-.9l-2.3-2.3c-.2-.2-.6-.4-.9-.4-.3 0-.6.1-.9.4L25.8 40.8c-.2.2-.4.6-.4.9 0 .3.1.6.4.9l2.3 2.3c.2.2.6.4.9.4.3 0 .6-.1.9-.4l14.2-14.2zM41.3 55.8v-5h22.2v5H41.3z"/></symbol><symbol id="trumbowyg-unordered-list" viewBox="0 0 72 72"><path d="M27 14h36v8H27zM27 50h36v8H27zM9 50h9v8H9zM9 32h9v8H9zM9 14h9v8H9zM27 32h36v8H27z"/></symbol><symbol id="trumbowyg-view-html" viewBox="0 0 72 72"><path fill="none" stroke="currentColor" stroke-width="8" stroke-miterlimit="10" d="M26.9 17.9L9 36.2 26.9 54M45 54l17.9-18.3L45 17.9"/></symbol><symbol id="trumbowyg-base64" viewBox="0 0 72 72"><path d="M64 17v38H8V17h56m8-8H0v54h72V9z"/><path d="M29.9 28.9c-.5-.5-1.1-.8-1.8-.8s-1.4.2-1.9.7c-.5.4-.9 1-1.2 1.6-.3.6-.5 1.3-.6 2.1-.1.7-.2 1.4-.2 1.9l.1.1c.6-.8 1.2-1.4 2-1.8.8-.4 1.7-.5 2.7-.5.9 0 1.8.2 2.6.6.8.4 1.6.9 2.2 1.5.6.6 1 1.3 1.2 2.2.3.8.4 1.6.4 2.5 0 1.1-.2 2.1-.5 3-.3.9-.8 1.7-1.5 2.4-.6.7-1.4 1.2-2.3 1.6-.9.4-1.9.6-3 .6-1.6 0-2.8-.3-3.9-.9-1-.6-1.8-1.4-2.5-2.4-.6-1-1-2.1-1.3-3.4-.2-1.3-.4-2.6-.4-3.9 0-1.3.1-2.6.4-3.8.3-1.3.8-2.4 1.4-3.5.7-1 1.5-1.9 2.5-2.5 1-.6 2.3-1 3.8-1 .9 0 1.7.1 2.5.4.8.3 1.4.6 2 1.1.6.5 1.1 1.1 1.4 1.8.4.7.6 1.5.7 2.5h-4c0-1-.3-1.6-.8-2.1zm-3.5 6.8c-.4.2-.8.5-1 .8-.3.4-.5.8-.6 1.2-.1.5-.2 1-.2 1.5s.1.9.2 1.4c.1.5.4.9.6 1.2.3.4.6.7 1 .9.4.2.9.3 1.4.3.5 0 1-.1 1.3-.3.4-.2.7-.5 1-.9.3-.4.5-.8.6-1.2.1-.5.2-.9.2-1.4 0-.5-.1-1-.2-1.4-.1-.5-.3-.9-.6-1.2-.3-.4-.6-.7-1-.9-.4-.2-.9-.3-1.4-.3-.4 0-.9.1-1.3.3zM36.3 41.3v-3.8l9-12.1H49v12.4h2.7v3.5H49v4.8h-4v-4.8h-8.7zM45 30.7l-5.3 7.2h5.4l-.1-7.2z"/></symbol><symbol id="trumbowyg-emoji" viewBox="0 0 72 72"><path d="M36.05 9C21.09 9 8.949 21.141 8.949 36.101c0 14.96 12.141 27.101 27.101 27.101 14.96 0 27.101-12.141 27.101-27.101S51.01 9 36.05 9zm9.757 15.095c2.651 0 4.418 1.767 4.418 4.418s-1.767 4.418-4.418 4.418-4.418-1.767-4.418-4.418 1.767-4.418 4.418-4.418zm-19.479 0c2.651 0 4.418 1.767 4.418 4.418s-1.767 4.418-4.418 4.418-4.418-1.767-4.418-4.418 1.767-4.418 4.418-4.418zm9.722 30.436c-14.093 0-16.261-13.009-16.261-13.009h32.522S50.143 54.531 36.05 54.531z"/></symbol><symbol id="trumbowyg-back-color" viewBox="0 0 72 72"><path d="M36.5 22.3l-6.3 18.1H43l-6.3-18.1z"/><path d="M9 8.9v54.2h54.1V8.9H9zm39.9 48.2L45 46H28.2l-3.9 11.1h-7.6L32.8 15h7.8l16.2 42.1h-7.9z"/></symbol><symbol id="trumbowyg-fore-color" viewBox="0 0 72 72"><path d="M32 15h7.8L56 57.1h-7.9l-4-11.1H27.4l-4 11.1h-7.6L32 15zm-2.5 25.4h12.9L36 22.3h-.2l-6.3 18.1z"/></symbol><symbol id="trumbowyg-insert-audio" viewBox="0 0 8 8"><path d="M3.344 0L2 2H0v4h2l1.344 2H4V0h-.656zM5 1v1c.152 0 .313.026.469.063H5.5c.86.215 1.5.995 1.5 1.938a1.99 1.99 0 0 1-2 2.001v1a2.988 2.988 0 0 0 3-3 2.988 2.988 0 0 0-3-3zm0 2v2l.25-.031C5.683 4.851 6 4.462 6 4c0-.446-.325-.819-.75-.938v-.031h-.031L5 3z"/></symbol><symbol id="trumbowyg-noembed" viewBox="0 0 72 72"><path d="M31.5 33.6V25l11 11-11 11v-8.8z"/><path d="M64 17v38H8V17h56m8-8H0v54h72V9z"/></symbol><symbol id="trumbowyg-preformatted" viewBox="0 0 72 72"><path d="M10.3 33.5c.4 0 .9-.1 1.5-.2s1.2-.3 1.8-.7c.6-.3 1.1-.8 1.5-1.3.4-.5.6-1.3.6-2.1V17.1c0-1.4.3-2.6.8-3.6s1.2-1.9 2-2.5c.8-.7 1.6-1.2 2.5-1.5.9-.3 1.6-.5 2.2-.5h5.3v5.3h-3.2c-.7 0-1.3.1-1.8.4-.4.3-.8.6-1 1-.2.4-.4.9-.4 1.3-.1.5-.1.9-.1 1.4v11.4c0 1.2-.2 2.1-.7 2.9-.5.8-1 1.4-1.7 1.8-.6.4-1.3.8-2 1-.7.2-1.3.3-1.7.4v.1c.5 0 1 .1 1.7.3.7.2 1.3.5 2 .9.6.5 1.2 1.1 1.7 1.9.5.8.7 2 .7 3.4v11.1c0 .4 0 .9.1 1.4.1.5.2.9.4 1.3s.6.7 1 1c.4.3 1 .4 1.8.4h3.2V63h-5.3c-.6 0-1.4-.2-2.2-.5-.9-.3-1.7-.8-2.5-1.5s-1.4-1.5-2-2.5c-.5-1-.8-2.2-.8-3.6V43.5c0-.9-.2-1.7-.6-2.3-.4-.6-.9-1.1-1.5-1.5-.6-.4-1.2-.6-1.8-.7-.6-.1-1.1-.2-1.5-.2v-5.3zM61.8 38.7c-.4 0-1 .1-1.6.2-.6.1-1.2.4-1.8.7-.6.3-1.1.7-1.5 1.3-.4.5-.6 1.3-.6 2.1v12.1c0 1.4-.3 2.6-.8 3.6s-1.2 1.9-2 2.5c-.8.7-1.6 1.2-2.5 1.5-.9.3-1.6.5-2.2.5h-5.3v-5.3h3.2c.7 0 1.3-.1 1.8-.4.4-.3.8-.6 1-1 .2-.4.4-.9.4-1.3.1-.5.1-.9.1-1.4V42.3c0-1.2.2-2.1.7-2.9.5-.8 1-1.4 1.7-1.8.6-.4 1.3-.8 2-1 .7-.2 1.3-.3 1.7-.4v-.1c-.5 0-1-.1-1.7-.3-.7-.2-1.3-.5-2-.9-.6-.4-1.2-1.1-1.7-1.9-.5-.8-.7-2-.7-3.4V18.5c0-.4 0-.9-.1-1.4-.1-.5-.2-.9-.4-1.3s-.6-.7-1-1c-.4-.3-1-.4-1.8-.4h-3.2V9.1h5.3c.6 0 1.4.2 2.2.5.9.3 1.7.8 2.5 1.5s1.4 1.5 2 2.5c.5 1 .8 2.2.8 3.6v11.6c0 .9.2 1.7.6 2.3.4.6.9 1.1 1.5 1.5.6.4 1.2.6 1.8.7.6.1 1.2.2 1.6.2v5.2z"/></symbol><symbol id="trumbowyg-upload" viewBox="0 0 72 72"><path d="M64 27v28H8V27H0v36h72V27h-8z"/><path d="M32.1 6.7h8v33.6h-8z"/><path d="M48 35.9L36 49.6 24 36h24z"/></symbol></svg> |
/quickload/css/trumbowyg/sass/trumbowyg.scss |
---|
@@ -0,0 +1,786 @@ |
/** |
* Trumbowyg v2.5.1 - A lightweight WYSIWYG editor |
* Default stylesheet for Trumbowyg editor |
* ------------------------ |
* @link http://alex-d.github.io/Trumbowyg |
* @license MIT |
* @author Alexandre Demode (Alex-D) |
* Twitter : @AlexandreDemode |
* Website : alex-d.fr |
*/ |
$light-color: #ecf0f1 !default; |
$dark-color: #222 !default; |
$modal-submit-color: #2ecc71 !default; |
$modal-reset-color: #EEE !default; |
$transition-duration: 150ms !default; |
#trumbowyg-icons { |
overflow: hidden; |
visibility: hidden; |
height: 0; |
width: 0; |
svg { |
height: 0; |
width: 0; |
} |
} |
.trumbowyg-box { |
*, |
*::before, |
*::after { |
box-sizing: border-box; |
} |
svg { |
width: 17px; |
height: 100%; |
fill: $dark-color; |
} |
} |
.trumbowyg-box, |
.trumbowyg-editor { |
display: block; |
position: relative; |
border: 1px solid #DDD; |
width: 100%; |
min-height: 300px; |
margin: 17px auto; |
} |
.trumbowyg-box .trumbowyg-editor { |
margin: 0 auto; |
} |
.trumbowyg-box.trumbowyg-fullscreen { |
background: #FEFEFE; |
border: none !important; |
} |
.trumbowyg-editor, |
.trumbowyg-textarea { |
position: relative; |
box-sizing: border-box; |
padding: 20px; |
min-height: 300px; |
width: 100%; |
border-style: none; |
resize: none; |
outline: none; |
overflow: auto; |
} |
.trumbowyg-box-blur .trumbowyg-editor { |
*, |
&::before { |
color: transparent !important; |
text-shadow: 0 0 7px #333; |
@media screen and (min-width: 0 \0 |
) { |
color: rgba(200, 200, 200, 0.6) !important; |
} |
@supports (-ms-accelerator:true) { |
color: rgba(200, 200, 200, 0.6) !important; |
} |
} |
img, |
hr { |
opacity: 0.2; |
} |
} |
.trumbowyg-textarea { |
position: relative; |
display: block; |
overflow: auto; |
border: none; |
white-space: normal; |
font-size: 14px; |
font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif; |
line-height: 18px; |
} |
.trumbowyg-box.trumbowyg-editor-visible { |
.trumbowyg-textarea { |
height: 1px !important; |
width: 25%; |
min-height: 0 !important; |
padding: 0 !important; |
background: none; |
opacity: 0 !important; |
} |
} |
.trumbowyg-box.trumbowyg-editor-hidden { |
.trumbowyg-textarea { |
display: block; |
} |
.trumbowyg-editor { |
display: none; |
} |
} |
.trumbowyg-box.trumbowyg-disabled { |
.trumbowyg-textarea { |
opacity: 0.8; |
background: none; |
} |
} |
.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before { |
content: attr(placeholder); |
color: #999; |
pointer-events: none; |
} |
.trumbowyg-button-pane { |
display: flex; |
flex-flow: row wrap; |
width: 100%; |
min-height: 36px; |
background: $light-color; |
border-bottom: 1px solid darken($light-color, 7%); |
margin: 0; |
padding: 0 5px; |
list-style-type: none; |
line-height: 10px; |
backface-visibility: hidden; |
&::after { |
content: " "; |
display: block; |
position: absolute; |
top: 36px; |
left: 0; |
right: 0; |
width: 100%; |
height: 1px; |
background: darken($light-color, 7%); |
} |
.trumbowyg-button-group { |
display: flex; |
flex-flow: row wrap; |
.trumbowyg-fullscreen-button svg { |
color: transparent; |
} |
&:not(:empty) + .trumbowyg-button-group::before { |
content: " "; |
display: block; |
width: 1px; |
background: darken($light-color, 7%); |
margin: 0 5px; |
height: 35px; |
} |
} |
button { |
display: block; |
position: relative; |
width: 35px; |
height: 35px; |
padding: 1px 6px !important; |
margin-bottom: 1px; |
overflow: hidden; |
border: none; |
cursor: pointer; |
background: none; |
transition: background-color $transition-duration, opacity $transition-duration; |
&.trumbowyg-textual-button { |
width: auto; |
line-height: 35px; |
} |
} |
&.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), |
.trumbowyg-disabled & button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { |
opacity: 0.2; |
cursor: default; |
} |
&.trumbowyg-disable, |
.trumbowyg-disabled & { |
.trumbowyg-button-group::before { |
background: darken($light-color, 3%); |
} |
} |
button:not(.trumbowyg-disable):hover, |
button:not(.trumbowyg-disable):focus, |
button.trumbowyg-active { |
background-color: #FFF; |
outline: none; |
} |
.trumbowyg-open-dropdown { |
&::after { |
display: block; |
content: " "; |
position: absolute; |
top: 25px; |
right: 3px; |
height: 0; |
width: 0; |
border: 3px solid transparent; |
border-top-color: #555; |
} |
&.trumbowyg-textual-button { |
padding-left: 10px !important; |
padding-right: 18px !important; |
&::after { |
top: 17px; |
right: 7px; |
} |
} |
} |
.trumbowyg-right { |
margin-left: auto; |
&::before { |
display: none !important; |
} |
} |
} |
.trumbowyg-dropdown { |
width: 200px; |
border: 1px solid $light-color; |
padding: 5px 0; |
border-top: none; |
background: #FFF; |
margin-left: -1px; |
box-shadow: rgba(0, 0, 0, .1) 0 2px 3px; |
button { |
display: block; |
width: 100%; |
height: 35px; |
line-height: 35px; |
text-decoration: none; |
background: #FFF; |
padding: 0 10px; |
color: #333 !important; |
border: none; |
cursor: pointer; |
text-align: left; |
font-size: 15px; |
transition: all $transition-duration; |
&:hover, |
&:focus { |
background: $light-color; |
} |
svg { |
float: left; |
margin-right: 14px; |
} |
} |
} |
/* Modal box */ |
.trumbowyg-modal { |
position: absolute; |
top: 0; |
left: 50%; |
transform: translateX(-50%); |
max-width: 520px; |
width: 100%; |
height: 350px; |
z-index: 11; |
overflow: hidden; |
backface-visibility: hidden; |
} |
.trumbowyg-modal-box { |
position: absolute; |
top: 0; |
left: 50%; |
transform: translateX(-50%); |
max-width: 500px; |
width: calc(100% - 20px); |
padding-bottom: 45px; |
z-index: 1; |
background-color: #FFF; |
text-align: center; |
font-size: 14px; |
box-shadow: rgba(0, 0, 0, .2) 0 2px 3px; |
backface-visibility: hidden; |
.trumbowyg-modal-title { |
font-size: 24px; |
font-weight: bold; |
margin: 0 0 20px; |
padding: 15px 0 13px; |
display: block; |
border-bottom: 1px solid #EEE; |
color: #333; |
background: lighten($light-color, 5%); |
} |
.trumbowyg-progress { |
width: 100%; |
height: 3px; |
position: absolute; |
top: 58px; |
.trumbowyg-progress-bar { |
background: #2BC06A; |
height: 100%; |
transition: width $transition-duration linear; |
} |
} |
label { |
display: block; |
position: relative; |
margin: 15px 12px; |
height: 29px; |
line-height: 29px; |
overflow: hidden; |
.trumbowyg-input-infos { |
display: block; |
text-align: left; |
height: 25px; |
line-height: 25px; |
transition: all 150ms; |
span { |
display: block; |
color: darken($light-color, 45%); |
background-color: lighten($light-color, 5%); |
border: 1px solid #DEDEDE; |
padding: 0 7px; |
width: 150px; |
} |
span.trumbowyg-msg-error { |
color: #e74c3c; |
} |
} |
&.trumbowyg-input-error { |
input, |
textarea { |
border: 1px solid #e74c3c; |
} |
.trumbowyg-input-infos { |
margin-top: -27px; |
} |
} |
input { |
position: absolute; |
top: 0; |
right: 0; |
height: 27px; |
line-height: 27px; |
border: 1px solid #DEDEDE; |
background: #fff; |
font-size: 14px; |
max-width: 330px; |
width: 70%; |
padding: 0 7px; |
transition: all $transition-duration; |
&:hover, |
&:focus { |
outline: none; |
border: 1px solid #95a5a6; |
} |
&:focus { |
background: lighten($light-color, 5%); |
} |
} |
} |
.error { |
margin-top: 25px; |
display: block; |
color: red; |
} |
.trumbowyg-modal-button { |
position: absolute; |
bottom: 10px; |
right: 0; |
text-decoration: none; |
color: #FFF; |
display: block; |
width: 100px; |
height: 35px; |
line-height: 33px; |
margin: 0 10px; |
background-color: #333; |
border: none; |
cursor: pointer; |
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; |
font-size: 16px; |
transition: all $transition-duration; |
&.trumbowyg-modal-submit { |
right: 110px; |
background: darken($modal-submit-color, 3%); |
&:hover, |
&:focus { |
background: lighten($modal-submit-color, 5%); |
outline: none; |
} |
&:active { |
background: darken($modal-submit-color, 10%); |
} |
} |
&.trumbowyg-modal-reset { |
color: #555; |
background: darken($modal-reset-color, 3%); |
&:hover, |
&:focus { |
background: lighten($modal-reset-color, 5%); |
outline: none; |
} |
&:active { |
background: darken($modal-reset-color, 10%); |
} |
} |
} |
} |
.trumbowyg-overlay { |
position: absolute; |
background-color: rgba(255, 255, 255, 0.5); |
width: 100%; |
left: 0; |
display: none; |
z-index: 10; |
} |
/** |
* Fullscreen |
*/ |
body.trumbowyg-body-fullscreen { |
overflow: hidden; |
} |
.trumbowyg-fullscreen { |
position: fixed; |
top: 0; |
left: 0; |
width: 100%; |
height: 100%; |
margin: 0; |
padding: 0; |
z-index: 99999; |
&.trumbowyg-box, |
.trumbowyg-editor { |
border: none; |
} |
.trumbowyg-editor, |
.trumbowyg-textarea { |
height: calc(100% - 37px) !important; |
overflow: auto; |
} |
.trumbowyg-overlay { |
height: 100% !important; |
} |
.trumbowyg-button-group .trumbowyg-fullscreen-button svg { |
color: $dark-color; |
fill: transparent; |
} |
} |
.trumbowyg-editor { |
object, |
embed, |
video, |
img { |
max-width: 100%; |
} |
video, |
img { |
height: auto; |
} |
img { |
cursor: move; |
} |
/* |
* lset for resetCss option |
*/ |
&.trumbowyg-reset-css { |
background: #FEFEFE !important; |
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; |
font-size: 14px !important; |
line-height: 1.45em !important; |
white-space: normal !important; |
color: #333; |
a { |
color: #15c !important; |
text-decoration: underline !important; |
} |
div, |
p, |
ul, |
ol, |
blockquote { |
box-shadow: none !important; |
background: none !important; |
margin: 0 !important; |
margin-bottom: 15px !important; |
line-height: 1.4em !important; |
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; |
font-size: 14px !important; |
border: none; |
} |
iframe, |
object, |
hr { |
margin-bottom: 15px !important; |
} |
blockquote { |
margin-left: 32px !important; |
font-style: italic !important; |
color: #555; |
} |
ul, |
ol { |
padding-left: 20px !important; |
} |
ul ul, |
ol ol, |
ul ol, |
ol ul { |
border: none; |
margin: 2px !important; |
padding: 0 !important; |
padding-left: 24px !important; |
} |
hr { |
display: block; |
height: 1px; |
border: none; |
border-top: 1px solid #CCC; |
} |
h1, |
h2, |
h3, |
h4 { |
color: #111; |
background: none; |
margin: 0 !important; |
padding: 0 !important; |
font-weight: bold; |
} |
h1 { |
font-size: 32px !important; |
line-height: 38px !important; |
margin-bottom: 20px !important; |
} |
h2 { |
font-size: 26px !important; |
line-height: 34px !important; |
margin-bottom: 15px !important; |
} |
h3 { |
font-size: 22px !important; |
line-height: 28px !important; |
margin-bottom: 7px !important; |
} |
h4 { |
font-size: 16px !important; |
line-height: 22px !important; |
margin-bottom: 7px !important; |
} |
} |
} |
/* |
* Dark theme |
*/ |
.trumbowyg-dark { |
.trumbowyg-textarea { |
background: #111; |
color: #ddd; |
} |
.trumbowyg-box { |
border: 1px solid lighten($dark-color, 7%); |
&.trumbowyg-fullscreen { |
background: #111; |
} |
&.trumbowyg-box-blur .trumbowyg-editor { |
*, |
&::before { |
text-shadow: 0 0 7px #ccc; |
@media screen and (min-width: 0 \0 |
) { |
color: rgba(20, 20, 20, 0.6) !important; |
} |
@supports (-ms-accelerator:true) { |
color: rgba(20, 20, 20, 0.6) !important; |
} |
} |
} |
svg { |
fill: $light-color; |
color: $light-color; |
} |
} |
.trumbowyg-button-pane { |
background-color: $dark-color; |
border-bottom-color: lighten($dark-color, 7%); |
&::after { |
background: lighten($dark-color, 7%); |
} |
.trumbowyg-button-group:not(:empty) { |
&::before { |
background-color: lighten($dark-color, 7%); |
} |
.trumbowyg-fullscreen-button svg { |
color: transparent; |
} |
} |
&.trumbowyg-disable { |
.trumbowyg-button-group::before { |
background-color: lighten($dark-color, 3%); |
} |
} |
button:not(.trumbowyg-disable):hover, |
button:not(.trumbowyg-disable):focus, |
button.trumbowyg-active { |
background-color: #333; |
} |
.trumbowyg-open-dropdown::after { |
border-top-color: #fff; |
} |
} |
.trumbowyg-fullscreen { |
.trumbowyg-button-group .trumbowyg-fullscreen-button svg { |
color: $light-color; |
fill: transparent; |
} |
} |
.trumbowyg-dropdown { |
border-color: $dark-color; |
background: #333; |
box-shadow: rgba(0, 0, 0, .3) 0 2px 3px; |
button { |
background: #333; |
color: #fff !important; |
&:hover, |
&:focus { |
background: $dark-color; |
} |
} |
} |
// Modal box |
.trumbowyg-modal-box { |
background-color: $dark-color; |
.trumbowyg-modal-title { |
border-bottom: 1px solid #555; |
color: #fff; |
background: lighten($dark-color, 10%); |
} |
label { |
display: block; |
position: relative; |
margin: 15px 12px; |
height: 27px; |
line-height: 27px; |
overflow: hidden; |
.trumbowyg-input-infos { |
span { |
color: #eee; |
background-color: lighten($dark-color, 5%); |
border-color: $dark-color; |
} |
span.trumbowyg-msg-error { |
color: #e74c3c; |
} |
} |
&.trumbowyg-input-error { |
input, |
textarea { |
border-color: #e74c3c; |
} |
} |
input { |
border-color: $dark-color; |
color: #eee; |
background: #333; |
&:hover, |
&:focus { |
border-color: lighten($dark-color, 25%); |
} |
&:focus { |
background-color: lighten($dark-color, 5%); |
} |
} |
} |
.trumbowyg-modal-button { |
&.trumbowyg-modal-submit { |
background: darken($modal-submit-color, 20%); |
&:hover, |
&:focus { |
background: darken($modal-submit-color, 10%); |
} |
&:active { |
background: darken($modal-submit-color, 25%); |
} |
} |
&.trumbowyg-modal-reset { |
background: #333; |
color: #ccc; |
&:hover, |
&:focus { |
background: #444; |
} |
&:active { |
background: #111; |
} |
} |
} |
} |
.trumbowyg-overlay { |
background-color: rgba(15, 15, 15, 0.6); |
} |
} |
/quickload/css/trumbowyg/trumbowyg.css |
---|
@@ -0,0 +1,584 @@ |
/** |
* Trumbowyg v2.5.1 - A lightweight WYSIWYG editor |
* Default stylesheet for Trumbowyg editor |
* ------------------------ |
* @link http://alex-d.github.io/Trumbowyg |
* @license MIT |
* @author Alexandre Demode (Alex-D) |
* Twitter : @AlexandreDemode |
* Website : alex-d.fr |
*/ |
#trumbowyg-icons { |
overflow: hidden; |
visibility: hidden; |
height: 0; |
width: 0; } |
#trumbowyg-icons svg { |
height: 0; |
width: 0; } |
.trumbowyg-box *, |
.trumbowyg-box *::before, |
.trumbowyg-box *::after { |
box-sizing: border-box; } |
.trumbowyg-box svg { |
width: 17px; |
height: 100%; |
fill: #222; } |
.trumbowyg-box, |
.trumbowyg-editor { |
display: block; |
position: relative; |
border: 1px solid #DDD; |
width: 100%; |
min-height: 300px; |
margin: 17px auto; } |
.trumbowyg-box .trumbowyg-editor { |
margin: 0 auto; } |
.trumbowyg-box.trumbowyg-fullscreen { |
background: #FEFEFE; |
border: none !important; } |
.trumbowyg-editor, |
.trumbowyg-textarea { |
position: relative; |
box-sizing: border-box; |
padding: 20px; |
min-height: 300px; |
width: 100%; |
border-style: none; |
resize: none; |
outline: none; |
overflow: auto; } |
.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { |
color: transparent !important; |
text-shadow: 0 0 7px #333; } |
@media screen and (min-width: 0 \0 ) { |
.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { |
color: rgba(200, 200, 200, 0.6) !important; } } |
@supports (-ms-accelerator: true) { |
.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { |
color: rgba(200, 200, 200, 0.6) !important; } } |
.trumbowyg-box-blur .trumbowyg-editor img, |
.trumbowyg-box-blur .trumbowyg-editor hr { |
opacity: 0.2; } |
.trumbowyg-textarea { |
position: relative; |
display: block; |
overflow: auto; |
border: none; |
white-space: normal; |
font-size: 14px; |
font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif; |
line-height: 18px; } |
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { |
height: 1px !important; |
width: 25%; |
min-height: 0 !important; |
padding: 0 !important; |
background: none; |
opacity: 0 !important; } |
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { |
display: block; } |
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { |
display: none; } |
.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea { |
opacity: 0.8; |
background: none; } |
.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before { |
content: attr(placeholder); |
color: #999; |
pointer-events: none; } |
.trumbowyg-button-pane { |
display: -webkit-box; |
display: -ms-flexbox; |
display: flex; |
-ms-flex-flow: row wrap; |
flex-flow: row wrap; |
width: 100%; |
min-height: 36px; |
background: #ecf0f1; |
border-bottom: 1px solid #d7e0e2; |
margin: 0; |
padding: 0 5px; |
list-style-type: none; |
line-height: 10px; |
-webkit-backface-visibility: hidden; |
backface-visibility: hidden; } |
.trumbowyg-button-pane::after { |
content: " "; |
display: block; |
position: absolute; |
top: 36px; |
left: 0; |
right: 0; |
width: 100%; |
height: 1px; |
background: #d7e0e2; } |
.trumbowyg-button-pane .trumbowyg-button-group { |
display: -webkit-box; |
display: -ms-flexbox; |
display: flex; |
-ms-flex-flow: row wrap; |
flex-flow: row wrap; } |
.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg { |
color: transparent; } |
.trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before { |
content: " "; |
display: block; |
width: 1px; |
background: #d7e0e2; |
margin: 0 5px; |
height: 35px; } |
.trumbowyg-button-pane button { |
display: block; |
position: relative; |
width: 35px; |
height: 35px; |
padding: 1px 6px !important; |
margin-bottom: 1px; |
overflow: hidden; |
border: none; |
cursor: pointer; |
background: none; |
-webkit-transition: background-color 150ms, opacity 150ms; |
transition: background-color 150ms, opacity 150ms; } |
.trumbowyg-button-pane button.trumbowyg-textual-button { |
width: auto; |
line-height: 35px; } |
.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), |
.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { |
opacity: 0.2; |
cursor: default; } |
.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, |
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before { |
background: #e3e9eb; } |
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover, |
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus, |
.trumbowyg-button-pane button.trumbowyg-active { |
background-color: #FFF; |
outline: none; } |
.trumbowyg-button-pane .trumbowyg-open-dropdown::after { |
display: block; |
content: " "; |
position: absolute; |
top: 25px; |
right: 3px; |
height: 0; |
width: 0; |
border: 3px solid transparent; |
border-top-color: #555; } |
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button { |
padding-left: 10px !important; |
padding-right: 18px !important; } |
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after { |
top: 17px; |
right: 7px; } |
.trumbowyg-button-pane .trumbowyg-right { |
margin-left: auto; } |
.trumbowyg-button-pane .trumbowyg-right::before { |
display: none !important; } |
.trumbowyg-dropdown { |
width: 200px; |
border: 1px solid #ecf0f1; |
padding: 5px 0; |
border-top: none; |
background: #FFF; |
margin-left: -1px; |
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; } |
.trumbowyg-dropdown button { |
display: block; |
width: 100%; |
height: 35px; |
line-height: 35px; |
text-decoration: none; |
background: #FFF; |
padding: 0 10px; |
color: #333 !important; |
border: none; |
cursor: pointer; |
text-align: left; |
font-size: 15px; |
-webkit-transition: all 150ms; |
transition: all 150ms; } |
.trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus { |
background: #ecf0f1; } |
.trumbowyg-dropdown button svg { |
float: left; |
margin-right: 14px; } |
/* Modal box */ |
.trumbowyg-modal { |
position: absolute; |
top: 0; |
left: 50%; |
-webkit-transform: translateX(-50%); |
transform: translateX(-50%); |
max-width: 520px; |
width: 100%; |
height: 350px; |
z-index: 11; |
overflow: hidden; |
-webkit-backface-visibility: hidden; |
backface-visibility: hidden; } |
.trumbowyg-modal-box { |
position: absolute; |
top: 0; |
left: 50%; |
-webkit-transform: translateX(-50%); |
transform: translateX(-50%); |
max-width: 500px; |
width: calc(100% - 20px); |
padding-bottom: 45px; |
z-index: 1; |
background-color: #FFF; |
text-align: center; |
font-size: 14px; |
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px; |
-webkit-backface-visibility: hidden; |
backface-visibility: hidden; } |
.trumbowyg-modal-box .trumbowyg-modal-title { |
font-size: 24px; |
font-weight: bold; |
margin: 0 0 20px; |
padding: 15px 0 13px; |
display: block; |
border-bottom: 1px solid #EEE; |
color: #333; |
background: #fbfcfc; } |
.trumbowyg-modal-box .trumbowyg-progress { |
width: 100%; |
height: 3px; |
position: absolute; |
top: 58px; } |
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { |
background: #2BC06A; |
height: 100%; |
-webkit-transition: width 150ms linear; |
transition: width 150ms linear; } |
.trumbowyg-modal-box label { |
display: block; |
position: relative; |
margin: 15px 12px; |
height: 29px; |
line-height: 29px; |
overflow: hidden; } |
.trumbowyg-modal-box label .trumbowyg-input-infos { |
display: block; |
text-align: left; |
height: 25px; |
line-height: 25px; |
-webkit-transition: all 150ms; |
transition: all 150ms; } |
.trumbowyg-modal-box label .trumbowyg-input-infos span { |
display: block; |
color: #69878f; |
background-color: #fbfcfc; |
border: 1px solid #DEDEDE; |
padding: 0 7px; |
width: 150px; } |
.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { |
color: #e74c3c; } |
.trumbowyg-modal-box label.trumbowyg-input-error input, |
.trumbowyg-modal-box label.trumbowyg-input-error textarea { |
border: 1px solid #e74c3c; } |
.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos { |
margin-top: -27px; } |
.trumbowyg-modal-box label input { |
position: absolute; |
top: 0; |
right: 0; |
height: 27px; |
line-height: 27px; |
border: 1px solid #DEDEDE; |
background: #fff; |
font-size: 14px; |
max-width: 330px; |
width: 70%; |
padding: 0 7px; |
-webkit-transition: all 150ms; |
transition: all 150ms; } |
.trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus { |
outline: none; |
border: 1px solid #95a5a6; } |
.trumbowyg-modal-box label input:focus { |
background: #fbfcfc; } |
.trumbowyg-modal-box .error { |
margin-top: 25px; |
display: block; |
color: red; } |
.trumbowyg-modal-box .trumbowyg-modal-button { |
position: absolute; |
bottom: 10px; |
right: 0; |
text-decoration: none; |
color: #FFF; |
display: block; |
width: 100px; |
height: 35px; |
line-height: 33px; |
margin: 0 10px; |
background-color: #333; |
border: none; |
cursor: pointer; |
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; |
font-size: 16px; |
-webkit-transition: all 150ms; |
transition: all 150ms; } |
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { |
right: 110px; |
background: #2bc06a; } |
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { |
background: #40d47e; |
outline: none; } |
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { |
background: #25a25a; } |
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { |
color: #555; |
background: #e6e6e6; } |
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { |
background: #fbfbfb; |
outline: none; } |
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { |
background: #d5d5d5; } |
.trumbowyg-overlay { |
position: absolute; |
background-color: rgba(255, 255, 255, 0.5); |
width: 100%; |
left: 0; |
display: none; |
z-index: 10; } |
/** |
* Fullscreen |
*/ |
body.trumbowyg-body-fullscreen { |
overflow: hidden; } |
.trumbowyg-fullscreen { |
position: fixed; |
top: 0; |
left: 0; |
width: 100%; |
height: 100%; |
margin: 0; |
padding: 0; |
z-index: 99999; } |
.trumbowyg-fullscreen.trumbowyg-box, |
.trumbowyg-fullscreen .trumbowyg-editor { |
border: none; } |
.trumbowyg-fullscreen .trumbowyg-editor, |
.trumbowyg-fullscreen .trumbowyg-textarea { |
height: calc(100% - 37px) !important; |
overflow: auto; } |
.trumbowyg-fullscreen .trumbowyg-overlay { |
height: 100% !important; } |
.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { |
color: #222; |
fill: transparent; } |
.trumbowyg-editor { |
/* |
* lset for resetCss option |
*/ } |
.trumbowyg-editor object, |
.trumbowyg-editor embed, |
.trumbowyg-editor video, |
.trumbowyg-editor img { |
max-width: 100%; } |
.trumbowyg-editor video, |
.trumbowyg-editor img { |
height: auto; } |
.trumbowyg-editor img { |
cursor: move; } |
.trumbowyg-editor.trumbowyg-reset-css { |
background: #FEFEFE !important; |
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; |
font-size: 14px !important; |
line-height: 1.45em !important; |
white-space: normal !important; |
color: #333; } |
.trumbowyg-editor.trumbowyg-reset-css a { |
color: #15c !important; |
text-decoration: underline !important; } |
.trumbowyg-editor.trumbowyg-reset-css div, |
.trumbowyg-editor.trumbowyg-reset-css p, |
.trumbowyg-editor.trumbowyg-reset-css ul, |
.trumbowyg-editor.trumbowyg-reset-css ol, |
.trumbowyg-editor.trumbowyg-reset-css blockquote { |
box-shadow: none !important; |
background: none !important; |
margin: 0 !important; |
margin-bottom: 15px !important; |
line-height: 1.4em !important; |
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; |
font-size: 14px !important; |
border: none; } |
.trumbowyg-editor.trumbowyg-reset-css iframe, |
.trumbowyg-editor.trumbowyg-reset-css object, |
.trumbowyg-editor.trumbowyg-reset-css hr { |
margin-bottom: 15px !important; } |
.trumbowyg-editor.trumbowyg-reset-css blockquote { |
margin-left: 32px !important; |
font-style: italic !important; |
color: #555; } |
.trumbowyg-editor.trumbowyg-reset-css ul, |
.trumbowyg-editor.trumbowyg-reset-css ol { |
padding-left: 20px !important; } |
.trumbowyg-editor.trumbowyg-reset-css ul ul, |
.trumbowyg-editor.trumbowyg-reset-css ol ol, |
.trumbowyg-editor.trumbowyg-reset-css ul ol, |
.trumbowyg-editor.trumbowyg-reset-css ol ul { |
border: none; |
margin: 2px !important; |
padding: 0 !important; |
padding-left: 24px !important; } |
.trumbowyg-editor.trumbowyg-reset-css hr { |
display: block; |
height: 1px; |
border: none; |
border-top: 1px solid #CCC; } |
.trumbowyg-editor.trumbowyg-reset-css h1, |
.trumbowyg-editor.trumbowyg-reset-css h2, |
.trumbowyg-editor.trumbowyg-reset-css h3, |
.trumbowyg-editor.trumbowyg-reset-css h4 { |
color: #111; |
background: none; |
margin: 0 !important; |
padding: 0 !important; |
font-weight: bold; } |
.trumbowyg-editor.trumbowyg-reset-css h1 { |
font-size: 32px !important; |
line-height: 38px !important; |
margin-bottom: 20px !important; } |
.trumbowyg-editor.trumbowyg-reset-css h2 { |
font-size: 26px !important; |
line-height: 34px !important; |
margin-bottom: 15px !important; } |
.trumbowyg-editor.trumbowyg-reset-css h3 { |
font-size: 22px !important; |
line-height: 28px !important; |
margin-bottom: 7px !important; } |
.trumbowyg-editor.trumbowyg-reset-css h4 { |
font-size: 16px !important; |
line-height: 22px !important; |
margin-bottom: 7px !important; } |
/* |
* Dark theme |
*/ |
.trumbowyg-dark .trumbowyg-textarea { |
background: #111; |
color: #ddd; } |
.trumbowyg-dark .trumbowyg-box { |
border: 1px solid #343434; } |
.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen { |
background: #111; } |
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { |
text-shadow: 0 0 7px #ccc; } |
@media screen and (min-width: 0 \0 ) { |
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { |
color: rgba(20, 20, 20, 0.6) !important; } } |
@supports (-ms-accelerator: true) { |
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { |
color: rgba(20, 20, 20, 0.6) !important; } } |
.trumbowyg-dark .trumbowyg-box svg { |
fill: #ecf0f1; |
color: #ecf0f1; } |
.trumbowyg-dark .trumbowyg-button-pane { |
background-color: #222; |
border-bottom-color: #343434; } |
.trumbowyg-dark .trumbowyg-button-pane::after { |
background: #343434; } |
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before { |
background-color: #343434; } |
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg { |
color: transparent; } |
.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before { |
background-color: #2a2a2a; } |
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, |
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, |
.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active { |
background-color: #333; } |
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after { |
border-top-color: #fff; } |
.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { |
color: #ecf0f1; |
fill: transparent; } |
.trumbowyg-dark .trumbowyg-dropdown { |
border-color: #222; |
background: #333; |
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; } |
.trumbowyg-dark .trumbowyg-dropdown button { |
background: #333; |
color: #fff !important; } |
.trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus { |
background: #222; } |
.trumbowyg-dark .trumbowyg-modal-box { |
background-color: #222; } |
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title { |
border-bottom: 1px solid #555; |
color: #fff; |
background: #3c3c3c; } |
.trumbowyg-dark .trumbowyg-modal-box label { |
display: block; |
position: relative; |
margin: 15px 12px; |
height: 27px; |
line-height: 27px; |
overflow: hidden; } |
.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span { |
color: #eee; |
background-color: #2f2f2f; |
border-color: #222; } |
.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { |
color: #e74c3c; } |
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input, |
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea { |
border-color: #e74c3c; } |
.trumbowyg-dark .trumbowyg-modal-box label input { |
border-color: #222; |
color: #eee; |
background: #333; } |
.trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus { |
border-color: #626262; } |
.trumbowyg-dark .trumbowyg-modal-box label input:focus { |
background-color: #2f2f2f; } |
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { |
background: #1b7943; } |
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { |
background: #25a25a; } |
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { |
background: #176437; } |
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { |
background: #333; |
color: #ccc; } |
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { |
background: #444; } |
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { |
background: #111; } |
.trumbowyg-dark .trumbowyg-overlay { |
background-color: rgba(15, 15, 15, 0.6); } |
/quickload/css/trumbowyg/trumbowyg.min.css |
---|
@@ -0,0 +1,2 @@ |
/** Trumbowyg v2.5.1 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */ |
#trumbowyg-icons,#trumbowyg-icons svg{height:0;width:0}#trumbowyg-icons{overflow:hidden;visibility:hidden}.trumbowyg-box *,.trumbowyg-box ::after,.trumbowyg-box ::before{box-sizing:border-box}.trumbowyg-box svg{width:17px;height:100%;fill:#222}.trumbowyg-box,.trumbowyg-editor{display:block;position:relative;border:1px solid #DDD;width:100%;min-height:300px;margin:17px auto}.trumbowyg-box .trumbowyg-editor{margin:0 auto}.trumbowyg-box.trumbowyg-fullscreen{background:#FEFEFE;border:none!important}.trumbowyg-editor,.trumbowyg-textarea{position:relative;box-sizing:border-box;padding:20px;min-height:300px;width:100%;border-style:none;resize:none;outline:0;overflow:auto}.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:transparent!important;text-shadow:0 0 7px #333}@media screen and (min-width:0 \0){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(200,200,200,.6)!important}}@supports (-ms-accelerator:true){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(200,200,200,.6)!important}}.trumbowyg-box-blur .trumbowyg-editor hr,.trumbowyg-box-blur .trumbowyg-editor img{opacity:.2}.trumbowyg-textarea{position:relative;display:block;overflow:auto;border:none;white-space:normal;font-size:14px;font-family:Inconsolata,Consolas,Courier,"Courier New",sans-serif;line-height:18px}.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea{height:1px!important;width:25%;min-height:0!important;padding:0!important;background:0 0;opacity:0!important}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea{display:block}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor{display:none}.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea{opacity:.8;background:0 0}.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before{content:attr(placeholder);color:#999;pointer-events:none}.trumbowyg-button-pane{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;width:100%;min-height:36px;background:#ecf0f1;border-bottom:1px solid #d7e0e2;margin:0;padding:0 5px;list-style-type:none;line-height:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-button-pane::after{content:" ";display:block;position:absolute;top:36px;left:0;right:0;width:100%;height:1px;background:#d7e0e2}.trumbowyg-button-pane .trumbowyg-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-button-pane .trumbowyg-button-group:not(:empty)+.trumbowyg-button-group::before{content:" ";display:block;width:1px;background:#d7e0e2;margin:0 5px;height:35px}.trumbowyg-button-pane button{display:block;position:relative;width:35px;height:35px;padding:1px 6px!important;margin-bottom:1px;overflow:hidden;border:none;cursor:pointer;background:0 0;-webkit-transition:background-color 150ms,opacity 150ms;transition:background-color 150ms,opacity 150ms}.trumbowyg-button-pane button.trumbowyg-textual-button{width:auto;line-height:35px}.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button){opacity:.2;cursor:default}.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before{background:#e3e9eb}.trumbowyg-button-pane button.trumbowyg-active,.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-button-pane button:not(.trumbowyg-disable):hover{background-color:#FFF;outline:0}.trumbowyg-button-pane .trumbowyg-open-dropdown::after{display:block;content:" ";position:absolute;top:25px;right:3px;height:0;width:0;border:3px solid transparent;border-top-color:#555}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button{padding-left:10px!important;padding-right:18px!important}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after{top:17px;right:7px}.trumbowyg-button-pane .trumbowyg-right{margin-left:auto}.trumbowyg-button-pane .trumbowyg-right::before{display:none!important}.trumbowyg-dropdown{width:200px;border:1px solid #ecf0f1;padding:5px 0;border-top:none;background:#FFF;margin-left:-1px;box-shadow:rgba(0,0,0,.1) 0 2px 3px}.trumbowyg-dropdown button{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;background:#FFF;padding:0 10px;color:#333!important;border:none;cursor:pointer;text-align:left;font-size:15px;-webkit-transition:all 150ms;transition:all 150ms}.trumbowyg-dropdown button:focus,.trumbowyg-dropdown button:hover{background:#ecf0f1}.trumbowyg-dropdown button svg{float:left;margin-right:14px}.trumbowyg-modal{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:520px;width:100%;height:350px;z-index:11;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:500px;width:calc(100% - 20px);padding-bottom:45px;z-index:1;background-color:#FFF;text-align:center;font-size:14px;box-shadow:rgba(0,0,0,.2) 0 2px 3px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box .trumbowyg-modal-title{font-size:24px;font-weight:700;margin:0 0 20px;padding:15px 0 13px;display:block;border-bottom:1px solid #EEE;color:#333;background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-progress{width:100%;height:3px;position:absolute;top:58px}.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar{background:#2BC06A;height:100%;-webkit-transition:width 150ms linear;transition:width 150ms linear}.trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:29px;line-height:29px;overflow:hidden}.trumbowyg-modal-box label .trumbowyg-input-infos{display:block;text-align:left;height:25px;line-height:25px;-webkit-transition:all 150ms;transition:all 150ms}.trumbowyg-modal-box label .trumbowyg-input-infos span{display:block;color:#69878f;background-color:#fbfcfc;border:1px solid #DEDEDE;padding:0 7px;width:150px}.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-modal-box label.trumbowyg-input-error textarea{border:1px solid #e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos{margin-top:-27px}.trumbowyg-modal-box label input{position:absolute;top:0;right:0;height:27px;line-height:27px;border:1px solid #DEDEDE;background:#fff;font-size:14px;max-width:330px;width:70%;padding:0 7px;-webkit-transition:all 150ms;transition:all 150ms}.trumbowyg-modal-box label input:focus,.trumbowyg-modal-box label input:hover{outline:0;border:1px solid #95a5a6}.trumbowyg-modal-box label input:focus{background:#fbfcfc}.trumbowyg-modal-box .error{margin-top:25px;display:block;color:red}.trumbowyg-modal-box .trumbowyg-modal-button{position:absolute;bottom:10px;right:0;text-decoration:none;color:#FFF;display:block;width:100px;height:35px;line-height:33px;margin:0 10px;background-color:#333;border:none;cursor:pointer;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif;font-size:16px;-webkit-transition:all 150ms;transition:all 150ms}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{right:110px;background:#2bc06a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#40d47e;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#25a25a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color:#555;background:#e6e6e6}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#fbfbfb;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#d5d5d5}.trumbowyg-overlay{position:absolute;background-color:rgba(255,255,255,.5);width:100%;left:0;display:none;z-index:10}body.trumbowyg-body-fullscreen{overflow:hidden}.trumbowyg-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:99999}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen.trumbowyg-box{border:none}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen .trumbowyg-textarea{height:calc(100% - 37px)!important;overflow:auto}.trumbowyg-fullscreen .trumbowyg-overlay{height:100%!important}.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:#222;fill:transparent}.trumbowyg-editor embed,.trumbowyg-editor img,.trumbowyg-editor object,.trumbowyg-editor video{max-width:100%}.trumbowyg-editor img,.trumbowyg-editor video{height:auto}.trumbowyg-editor img{cursor:move}.trumbowyg-editor.trumbowyg-reset-css{background:#FEFEFE!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;line-height:1.45em!important;white-space:normal!important;color:#333}.trumbowyg-editor.trumbowyg-reset-css a{color:#15c!important;text-decoration:underline!important}.trumbowyg-editor.trumbowyg-reset-css blockquote,.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul{box-shadow:none!important;background:0 0!important;margin:0 0 15px!important;line-height:1.4em!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;border:none}.trumbowyg-editor.trumbowyg-reset-css hr,.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object{margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css blockquote{margin-left:32px!important;font-style:italic!important;color:#555}.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css ul{padding-left:20px!important}.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ol ul,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ul ul{border:none;margin:2px!important;padding:0 0 0 24px!important}.trumbowyg-editor.trumbowyg-reset-css hr{display:block;height:1px;border:none;border-top:1px solid #CCC}.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4{color:#111;background:0 0;margin:0!important;padding:0!important;font-weight:700}.trumbowyg-editor.trumbowyg-reset-css h1{font-size:32px!important;line-height:38px!important;margin-bottom:20px!important}.trumbowyg-editor.trumbowyg-reset-css h2{font-size:26px!important;line-height:34px!important;margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css h3{font-size:22px!important;line-height:28px!important;margin-bottom:7px!important}.trumbowyg-editor.trumbowyg-reset-css h4{font-size:16px!important;line-height:22px!important;margin-bottom:7px!important}.trumbowyg-dark .trumbowyg-textarea{background:#111;color:#ddd}.trumbowyg-dark .trumbowyg-box{border:1px solid #343434}.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen{background:#111}.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{text-shadow:0 0 7px #ccc}@media screen and (min-width:0 \0){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(20,20,20,.6)!important}}@supports (-ms-accelerator:true){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(20,20,20,.6)!important}}.trumbowyg-dark .trumbowyg-box svg{fill:#ecf0f1;color:#ecf0f1}.trumbowyg-dark .trumbowyg-button-pane{background-color:#222;border-bottom-color:#343434}.trumbowyg-dark .trumbowyg-button-pane::after{background:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before{background-color:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before{background-color:#2a2a2a}.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover{background-color:#333}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after{border-top-color:#fff}.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:#ecf0f1;fill:transparent}.trumbowyg-dark .trumbowyg-dropdown{border-color:#222;background:#333;box-shadow:rgba(0,0,0,.3) 0 2px 3px}.trumbowyg-dark .trumbowyg-dropdown button{background:#333;color:#fff!important}.trumbowyg-dark .trumbowyg-dropdown button:focus,.trumbowyg-dark .trumbowyg-dropdown button:hover{background:#222}.trumbowyg-dark .trumbowyg-modal-box{background-color:#222}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title{border-bottom:1px solid #555;color:#fff;background:#3c3c3c}.trumbowyg-dark .trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span{color:#eee;background-color:#2f2f2f;border-color:#222}.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea{border-color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box label input{border-color:#222;color:#eee;background:#333}.trumbowyg-dark .trumbowyg-modal-box label input:focus,.trumbowyg-dark .trumbowyg-modal-box label input:hover{border-color:#626262}.trumbowyg-dark .trumbowyg-modal-box label input:focus{background-color:#2f2f2f}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{background:#1b7943}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#25a25a}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#176437}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{background:#333;color:#ccc}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#444}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#111}.trumbowyg-dark .trumbowyg-overlay{background-color:rgba(15,15,15,.6)} |