1/**
2 * This file provides styles for the edit view (?do=edit), preview
3 * and section edit buttons.
4 */
5
6/* edit view
7********************************************************************/
8
9.dokuwiki div.editBox {
10}
11
12/*____________ toolbar ____________*/
13
14.dokuwiki div.toolbar {
15    display: inline-block;
16    margin-bottom: .5em;
17}
18#draft__status {
19    float: right;
20    color: var(--color-dark-1);
21    background-color: inherit;
22    font-style: italic;
23    font-size: 90%;
24    padding-top: 0.4rem;
25}
26[dir=rtl] #draft__status {
27    float: left;
28}
29#tool__bar {
30    float: left;
31}
32[dir=rtl] #tool__bar {
33    float: right;
34}
35
36/* buttons inside of toolbar */
37.dokuwiki div.toolbar button.toolbutton {
38}
39/* picker popups (outside of .dokuwiki) */
40div.picker {
41    width: 300px;
42    border: 1px solid @ini_border;
43    background-color: @ini_background_alt;
44    color: inherit;
45}
46/* picker for headlines */
47div.picker.pk_hl {
48    width: auto;
49}
50
51/* buttons inside of picker */
52div.picker button.pickerbutton,
53div.picker button.toolbutton {
54    padding: .1em .35em;
55    border: solid 1px @ini_border;
56    background-color: var(--color-dark-6);
57}
58
59div.picker {
60    background-color: var(--color-dark-7);
61    padding: 0.25rem;
62    border-radius: 0.25rem;
63}
64
65div.picker button.pickerbutton:hover,
66div.picker button.toolbutton:hover {
67    background-color: var(--color-dark-5);
68}
69
70/*____________ edit textarea ____________*/
71
72.dokuwiki textarea.edit {
73    width: 100%;
74    margin-bottom: .5em;
75    resize: vertical;
76}
77
78.dokuwiki textarea.edit:focus,
79.dokuwiki textarea.edit:active {
80    outline: none;
81}
82
83/*____________ below the textarea ____________*/
84
85.dokuwiki div.editBar {
86    overflow: hidden;
87    margin-bottom: .5em;
88}
89
90#edbtn__save {
91    margin: 0;
92    margin-right: 0.5rem;
93}
94
95#edbtn__preview {
96    color: var(--color-blue-4);
97    background-color: transparent;
98    border: solid 1px var(--color-blue-4);
99    margin-right: 0.5rem;
100}
101
102#edbtn__preview:hover {
103    background-color: rgba(77,171,247,.05);
104}
105
106button[name="do[cancel]"] {
107    color: var(--color-gray-4);
108    background-color: transparent;
109    border-color: transparent;
110}
111
112button[name="do[cancel]"]:hover {
113    background-color: hsla(210,7%,56%,.2);
114}
115
116/* size and wrap controls */
117#size__ctl {
118    float: right;
119}
120[dir=rtl] #size__ctl {
121    float: left;
122}
123#size__ctl img {
124    cursor: pointer;
125    margin-left: 0.25rem;
126}
127
128#size__ctl img[src="/lib/images/larger.gif"],
129#size__ctl img[src="/lib/images/smaller.gif"],
130#size__ctl img[src="/lib/images/wrap.gif"] {
131    border: solid 1px transparent;
132    border-radius: 0.25rem;
133    padding: .25rem .35rem;
134    width: 1rem;
135}
136
137#size__ctl img[src="/lib/images/larger.gif"]:hover,
138#size__ctl img[src="/lib/images/smaller.gif"]:hover,
139#size__ctl img[src="/lib/images/wrap.gif"]:hover {
140    background-color: var(--color-dark-6);
141}
142
143/* edit buttons */
144.dokuwiki .editBar .editButtons {
145    display: inline;
146    margin-right: 1rem;
147}
148[dir=rtl] .dokuwiki .editBar .editButtons {
149    margin-right: 0;
150    margin-left: 1em;
151}
152.dokuwiki .editBar .editButtons button {
153}
154
155/* summary input and minor changes checkbox */
156.dokuwiki .editBar .summary {
157    display: inline;
158}
159.dokuwiki .editBar .summary label {
160    vertical-align: middle;
161    white-space: nowrap;
162}
163.dokuwiki .editBar .summary label span {
164    vertical-align: middle;
165}
166.dokuwiki .editBar .summary input {
167    padding: 0.3125rem 0.5rem;
168}
169.dokuwiki .editBar .summary input:focus {
170    outline: none;
171}
172/* change background colour if summary is missing */
173.dokuwiki .editBar .summary input.missing {
174    color: @ini_text;
175    border-color: var(--color-red-8);
176}
177
178/* preview
179********************************************************************/
180
181.dokuwiki div.preview {
182    border: solid 0px @ini_border;
183    border-top-width: 1px;
184    padding: 1.4em 0;
185    margin-bottom: 1.4em;
186}
187
188.dokuwiki.hasSidebar div.preview {
189    border: 0px !important;
190    border-top: solid 1px @ini_border !important;
191}
192
193/* section edit buttons
194********************************************************************/
195
196.dokuwiki .secedit {
197    float: right;
198    margin-top: -1.5em;
199}
200[dir=rtl] .dokuwiki .secedit {
201    float: left;
202}
203.dokuwiki .secedit button {
204    font-size: 75%;
205    padding: 0.25rem;
206    border-top-right-radius: 0;
207    border-top-left-radius: 0;
208    background-color: var(--color-gray-8);
209    border-color: var(--color-gray-8);
210    font-weight: bold;
211}
212
213.dokuwiki .secedit button:hover {
214    background-color: var(--color-gray-7);
215    border-color: var(--color-gray-7);
216}
217
218/* style for section highlighting */
219.dokuwiki div.section_highlight {
220    margin: 0 -1em; /* negative side margin = side padding + side border */
221    padding: 0 .5em;
222    border: solid @ini_background_alt;
223    border-width: 0 .5em;
224    background-color: @ini_background_alt;
225}
226
227
228/* Toolbar icons */
229#picker2 button {
230    color: var(--color-dark-1);
231}
232
233button[title="Level 1 Headline [1]"],
234button[title="Level 2 Headline [2]"],
235button[title="Level 3 Headline [3]"],
236button[title="Level 4 Headline [4]"],
237button[title="Level 5 Headline [5]"],
238#picker2 button,
239#picker3 button {
240    min-height: 1.625rem;
241    min-width: 1.625rem;
242}
243
244button[title="Bold Text [B]"],
245button[title="Italic Text [I]"],
246button[title="Underlined Text [U]"],
247button[title="Monospaced Text [M]"],
248button[title="Strike-through Text [D]"],
249button[title="Same Level Headline [8]"],
250button[title="Lower Headline [9]"],
251button[title="Higher Headline [0]"],
252button[title="Select Headline"],
253button[title="Internal Link [L]"],
254button[title="External Link"],
255button[title="Ordered List Item [-]"],
256button[title="Unordered List Item [.]"],
257button[title="Horizontal Rule"],
258button[title="Add Images and other files (opens in a new window)"],
259button[title="Smileys"],
260button[title="Special Chars"],
261button[title="Insert Signature [Y]"],
262button[title="Insert a new table"],
263button[title="Wrap Plugin"],
264button[title="Level 1 Headline [1]"],
265button[title="Level 2 Headline [2]"],
266button[title="Level 3 Headline [3]"],
267button[title="Level 4 Headline [4]"],
268button[title="Level 5 Headline [5]"],
269button[title="columns"],
270button[title="simple centered box"],
271button[title="info box"],
272button[title="tip box"],
273button[title="important box"],
274button[title="alert box"],
275button[title="help box"],
276button[title="download box"],
277button[title="todo box"],
278button[title="clear floats"],
279button[title="especially emphasised"],
280button[title="highlighted"],
281button[title="less significant"] {
282    position: relative;
283}
284button[title="Bold Text [B]"] img,
285button[title="Italic Text [I]"] img,
286button[title="Underlined Text [U]"] img,
287button[title="Monospaced Text [M]"] img,
288button[title="Strike-through Text [D]"] img,
289button[title="Same Level Headline [8]"] img,
290button[title="Lower Headline [9]"] img,
291button[title="Higher Headline [0]"] img,
292button[title="Select Headline"] img,
293button[title="Internal Link [L]"] img,
294button[title="External Link"] img,
295button[title="Ordered List Item [-]"] img,
296button[title="Unordered List Item [.]"] img,
297button[title="Horizontal Rule"] img,
298button[title="Add Images and other files (opens in a new window)"] img,
299button[title="Smileys"] img,
300button[title="Special Chars"] img,
301button[title="Insert Signature [Y]"] img,
302button[title="Insert a new table"] img,
303button[title="Wrap Plugin"] img,
304button[title="Level 1 Headline [1]"] img,
305button[title="Level 2 Headline [2]"] img,
306button[title="Level 3 Headline [3]"] img,
307button[title="Level 4 Headline [4]"] img,
308button[title="Level 5 Headline [5]"] img,
309button[title="columns"] img,
310button[title="simple centered box"] img,
311button[title="info box"] img,
312button[title="tip box"] img,
313button[title="important box"] img,
314button[title="alert box"] img,
315button[title="help box"] img,
316button[title="download box"] img,
317button[title="todo box"] img,
318button[title="clear floats"] img,
319button[title="especially emphasised"] img,
320button[title="highlighted"] img,
321button[title="less significant"] img {
322    display: none;
323}
324
325button[title="Bold Text [B]"]::before,
326button[title="Italic Text [I]"]::before,
327button[title="Underlined Text [U]"]::before,
328button[title="Monospaced Text [M]"]::before,
329button[title="Strike-through Text [D]"]::before,
330button[title="Same Level Headline [8]"]::before,
331button[title="Lower Headline [9]"]::before,
332button[title="Higher Headline [0]"]::before,
333button[title="Select Headline"]::before,
334button[title="Internal Link [L]"]::before,
335button[title="External Link"]::before,
336button[title="Ordered List Item [-]"]::before,
337button[title="Unordered List Item [.]"]::before,
338button[title="Horizontal Rule"]::before,
339button[title="Add Images and other files (opens in a new window)"]::before,
340button[title="Smileys"]::before,
341button[title="Special Chars"]::before,
342button[title="Insert Signature [Y]"]::before,
343button[title="Insert a new table"]::before,
344button[title="Wrap Plugin"]::before,
345button[title="Level 1 Headline [1]"]::before,
346button[title="Level 2 Headline [2]"]::before,
347button[title="Level 3 Headline [3]"]::before,
348button[title="Level 4 Headline [4]"]::before,
349button[title="Level 5 Headline [5]"]::before,
350button[title="columns"]::before,
351button[title="simple centered box"]::before,
352button[title="info box"]::before,
353button[title="tip box"]::before,
354button[title="important box"]::before,
355button[title="alert box"]::before,
356button[title="help box"]::before,
357button[title="download box"]::before,
358button[title="todo box"]::before,
359button[title="clear floats"]::before,
360button[title="especially emphasised"]::before,
361button[title="highlighted"]::before,
362button[title="less significant"]::before {
363    position: absolute;
364    top: 0.1875rem;
365    left: 0.1875rem;
366}
367
368button[title="Bold Text [B]"]::before {
369    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bold" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" /><path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" /></svg>');
370}
371
372button[title="Italic Text [I]"]::before {
373    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-italic" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 5l6 0" /><path d="M7 19l6 0" /><path d="M14 5l-4 14" /></svg>');
374}
375
376button[title="Underlined Text [U]"]::before {
377    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-underline" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 5v5a5 5 0 0 0 10 0v-5" /><path d="M5 19h14" /></svg>');
378}
379
380button[title="Monospaced Text [M]"]::before {
381    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-code" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 8l-4 4l4 4" /><path d="M17 8l4 4l-4 4" /><path d="M14 4l-4 16" /></svg>');
382}
383
384button[title="Strike-through Text [D]"]::before {
385    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-strikethrough" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5" /></svg>');
386}
387
388button[title="Same Level Headline [8]"]::before {
389    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-heading" width="14" height="14" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12h10" /><path d="M7 5v14" /><path d="M17 5v14" /><path d="M15 19h4" /><path d="M15 5h4" /><path d="M5 19h4" /><path d="M5 5h4" /></svg>');
390    top: 0.3125rem;
391    left: 0.4rem;
392}
393
394button[title="Same Level Headline [8]"]::after {
395    position: absolute;
396    top: 0.1875rem;
397    left: -0.25rem;
398    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-minus-vertical" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 5v14" /></svg>');
399}
400
401button[title="Lower Headline [9]"]::before {
402    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-right" width="14" height="14" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>');
403    top: 0.3125rem;
404    left: -0.125rem;
405}
406
407button[title="Lower Headline [9]"]::after {
408    position: absolute;
409    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-heading" width="14" height="14" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12h10" /><path d="M7 5v14" /><path d="M17 5v14" /><path d="M15 19h4" /><path d="M15 5h4" /><path d="M5 19h4" /><path d="M5 5h4" /></svg>');
410    top: 0.3125rem;
411    left: 0.5rem;
412}
413
414button[title="Higher Headline [0]"]::before {
415    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-left" width="14" height="14" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>');
416    top: 0.3125rem;
417    right: -0.5rem;
418}
419
420button[title="Higher Headline [0]"]::after {
421    position: absolute;
422    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-heading" width="14" height="14" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12h10" /><path d="M7 5v14" /><path d="M17 5v14" /><path d="M15 19h4" /><path d="M15 5h4" /><path d="M5 19h4" /><path d="M5 5h4" /></svg>');
423    top: 0.3125rem;
424    right: 0.5rem;
425}
426
427button[title="Select Headline"]::before {
428    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-heading" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 12h10" /><path d="M7 5v14" /><path d="M17 5v14" /><path d="M15 19h4" /><path d="M15 5h4" /><path d="M5 19h4" /><path d="M5 5h4" /></svg>');
429}
430
431button[title="Internal Link [L]"]::before {
432    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 15l6 -6" /><path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464" /><path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463" /></svg>');
433}
434
435button[title="External Link"]::before {
436    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-external-link" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6" /><path d="M11 13l9 -9" /><path d="M15 4h5v5" /></svg>');
437}
438
439button[title="Ordered List Item [-]"]::before {
440    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list-numbers" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 6h9" /><path d="M11 12h9" /><path d="M12 18h8" /><path d="M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" /><path d="M6 10v-6l-2 2" /></svg>');
441}
442
443button[title="Unordered List Item [.]"]::before {
444    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l11 0" /><path d="M9 12l11 0" /><path d="M9 18l11 0" /><path d="M5 6l0 .01" /><path d="M5 12l0 .01" /><path d="M5 18l0 .01" /></svg>');
445}
446
447button[title="Horizontal Rule"]::before {
448    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-separator-horizontal" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12l16 0" /><path d="M8 8l4 -4l4 4" /><path d="M16 16l-4 4l-4 -4" /></svg>');
449}
450
451button[title="Add Images and other files (opens in a new window)"]::before {
452    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-photo" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8h.01" /><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z" /><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" /><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" /></svg>');
453}
454
455button[title="Smileys"]::before {
456    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mood-smile-beam" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 1 1 0 -18a9 9 0 0 1 0 18z" /><path d="M10 10c-.5 -1 -2.5 -1 -3 0" /><path d="M17 10c-.5 -1 -2.5 -1 -3 0" /><path d="M14.5 15a3.5 3.5 0 0 1 -5 0" /></svg>');
457}
458
459button[title="Special Chars"]::before {
460    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-omega" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19h5v-1a7.35 7.35 0 1 1 6 0v1h5" /></svg>');
461}
462
463button[title="Insert Signature [Y]"]::before {
464    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-signature" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 17c3.333 -3.333 5 -6 5 -8c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 4.877 2.5 6c1.5 2 2.5 2.5 3.5 1l2 -3c.333 2.667 1.333 4 3 4c.53 0 2.639 -2 3 -2c.517 0 1.517 .667 3 2" /></svg>');
465}
466
467button[title="Insert a new table"]::before {
468    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-table-plus" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" /><path d="M3 10h18" /><path d="M10 3v18" /><path d="M16 19h6" /><path d="M19 16v6" /></svg>');
469}
470
471button[title="Wrap Plugin"]::before {
472    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-box-seam" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l8 4.5v9l-8 4.5l-8 -4.5v-9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M8.2 9.8l7.6 -4.6" /><path d="M12 12v9" /><path d="M12 12l-8 -4.5" /></svg>');
473}
474
475button[title="Level 1 Headline [1]"]::before {
476    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-h-1" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 18v-8l-2 2" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>');
477}
478
479button[title="Level 2 Headline [2]"]::before {
480    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-h-2" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>');
481}
482
483button[title="Level 3 Headline [3]"]::before {
484    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-h-3" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 14a2 2 0 1 0 -2 -2" /><path d="M17 16a2 2 0 1 0 2 -2" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>');
485}
486
487button[title="Level 4 Headline [4]"]::before {
488    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-h-4" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 18v-8l-4 6h5" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>');
489}
490
491button[title="Level 5 Headline [5]"]::before {
492    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-h-5" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 18h2a2 2 0 1 0 0 -4h-2v-4h4" /><path d="M4 6v12" /><path d="M12 6v12" /><path d="M11 18h2" /><path d="M3 18h2" /><path d="M4 12h8" /><path d="M3 6h2" /><path d="M11 6h2" /></svg>');
493}
494
495button[title="columns"]::before {
496    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-columns" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6l5.5 0" /><path d="M4 10l5.5 0" /><path d="M4 14l5.5 0" /><path d="M4 18l5.5 0" /><path d="M14.5 6l5.5 0" /><path d="M14.5 10l5.5 0" /><path d="M14.5 14l5.5 0" /><path d="M14.5 18l5.5 0" /></svg>');
497}
498
499button[title="simple centered box"]::before {
500    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-box" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /></svg>');
501}
502
503button[title="info box"]::before {
504    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-info-circle" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%2374c0fc" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M12 9h.01" /><path d="M11 12h1v4h1" /></svg>');
505}
506
507button[title="tip box"]::before {
508    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bulb" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23ffe066" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><path d="M9.7 17l4.6 0" /></svg>');
509}
510
511button[title="important box"]::before {
512    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-triangle" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23ffc078" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 9v4" /><path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z" /><path d="M12 16h.01" /></svg>');
513}
514
515button[title="alert box"]::before {
516    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-octagon" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23ffa8a8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.802 2.165l5.575 2.389c.48 .206 .863 .589 1.07 1.07l2.388 5.574c.22 .512 .22 1.092 0 1.604l-2.389 5.575c-.206 .48 -.589 .863 -1.07 1.07l-5.574 2.388c-.512 .22 -1.092 .22 -1.604 0l-5.575 -2.389a2.036 2.036 0 0 1 -1.07 -1.07l-2.388 -5.574a2.036 2.036 0 0 1 0 -1.604l2.389 -5.575c.206 -.48 .589 -.863 1.07 -1.07l5.574 -2.388a2.036 2.036 0 0 1 1.604 0z" /><path d="M12 8v4" /><path d="M12 16h.01" /></svg>');
517}
518
519button[title="help box"]::before {
520    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-help" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23e599f7" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 17l0 .01" /><path d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4" /></svg>');
521}
522
523button[title="download box"]::before {
524    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-download" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%238ce99a" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /><path d="M7 11l5 5l5 -5" /><path d="M12 4l0 12" /></svg>');
525}
526
527button[title="todo box"]::before {
528    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-traffic-cone" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%2366d9e8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20l16 0" /><path d="M9.4 10l5.2 0" /><path d="M7.8 15l8.4 0" /><path d="M6 20l5 -15h2l5 15" /></svg>');
529}
530
531button[title="clear floats"]::before {
532    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-clear-all" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 6h12" /><path d="M6 12h12" /><path d="M4 18h12" /></svg>');
533}
534
535button[title="especially emphasised"]::before {
536    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-emphasis" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 5h-8v10h8m-1 -5h-7" /><path d="M6 20l0 .01" /><path d="M10 20l0 .01" /><path d="M14 20l0 .01" /><path d="M18 20l0 .01" /></svg>');
537}
538
539button[title="highlighted"]::before {
540    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-highlight" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" /><path d="M12.5 5.5l4 4" /><path d="M4.5 13.5l4 4" /><path d="M21 15v4h-8l4 -4z" /></svg>');
541}
542
543button[title="less significant"]::before {
544    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-subscript" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23b8b8b8" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l8 10m-8 0l8 -10" /><path d="M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" /></svg>');
545}