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    margin-bottom: .5em;
16}
17#draft__status {
18    float: right;
19    color: var(--text_alt, #999);
20    background-color: inherit;
21}
22[dir=rtl] #draft__status {
23    float: left;
24}
25#tool__bar {
26    float: left;
27}
28[dir=rtl] #tool__bar {
29    float: right;
30}
31
32/* buttons inside of toolbar */
33.dokuwiki div.toolbar button.toolbutton {
34    background-color: #eee;
35}
36/* picker popups (outside of .dokuwiki) */
37div.picker {
38    width: 300px;
39    border: 1px solid var(--border, #ccc);
40    background-color: #eee;
41    color: inherit;
42}
43/* picker for headlines */
44div.picker.pk_hl {
45    width: auto;
46}
47
48/* buttons inside of picker */
49div.picker button.pickerbutton,
50div.picker button.toolbutton {
51    padding: .1em .35em;
52    border-width: 0;
53    background-color: #eee;
54    color: black;
55}
56
57/*____________ edit textarea ____________*/
58
59.dokuwiki textarea.edit {
60    width: 100%;
61    margin-bottom: .5em;
62}
63
64/*____________ below the textarea ____________*/
65
66.dokuwiki div.editBar {
67    overflow: hidden;
68    margin-bottom: .5em;
69}
70
71/* size and wrap controls */
72#size__ctl {
73    float: right;
74}
75[dir=rtl] #size__ctl {
76    float: left;
77}
78#size__ctl img {
79    cursor: pointer;
80}
81
82/* edit buttons */
83.dokuwiki .editBar .editButtons {
84    display: inline;
85    margin-right: 1em;
86}
87[dir=rtl] .dokuwiki .editBar .editButtons {
88    margin-right: 0;
89    margin-left: 1em;
90}
91.dokuwiki .editBar .editButtons button {
92}
93
94/* summary input and minor changes checkbox */
95.dokuwiki .editBar .summary {
96    display: inline;
97}
98.dokuwiki .editBar .summary label {
99    vertical-align: middle;
100    white-space: nowrap;
101}
102.dokuwiki .editBar .summary label span {
103    vertical-align: middle;
104}
105.dokuwiki .editBar .summary input {
106}
107/* change background colour if summary is missing */
108.dokuwiki .editBar .summary input.missing {
109    color: var(--text, #333);
110    background-color: #ffcccc;
111}
112
113/* preview
114********************************************************************/
115
116.dokuwiki div.preview {
117    border: dotted var(--border, #ccc);
118    border-width: .2em 0;
119    padding: 1.4em 0;
120    margin-bottom: 1.4em;
121}
122
123/* section edit buttons
124********************************************************************/
125
126.dokuwiki .secedit {
127    float: right;
128    margin-top: -1.4em;
129}
130[dir=rtl] .dokuwiki .secedit {
131    float: left;
132}
133.dokuwiki .secedit button {
134    font-size: 75%;
135    margin-top: 1.3em;
136}
137
138/* style for section highlighting */
139.dokuwiki div.section_highlight {
140    margin: 0 -1em; /* negative side margin = side padding + side border */
141    padding: 0 .5em;
142    border: solid var(--background_neu, #ddd);
143    border-width: 0 .5em;
144}
145