xref: /dokuwiki/lib/tpl/dokuwiki/css/_edit.css (revision 89ca7b9a9dcac7938793c1fbc9abd2ff76ccb9fd) 
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: @ini_text_alt;
21    background-color: inherit;
22}
23[dir=rtl] #draft__status {
24    float: left;
25}
26#tool__bar {
27    float: left;
28}
29[dir=rtl] #tool__bar {
30    float: right;
31}
32
33/* buttons inside of toolbar */
34.dokuwiki div.toolbar button.toolbutton {
35}
36/* picker popups (outside of .dokuwiki) */
37div.picker {
38    width: 300px;
39    border: 1px solid @ini_border;
40    background-color: @ini_background_alt;
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}
54
55/*____________ edit textarea ____________*/
56
57.dokuwiki textarea.edit {
58    width: 100%;
59    margin-bottom: .5em;
60    resize: vertical;
61}
62
63/*____________ below the textarea ____________*/
64
65.dokuwiki div.editBar {
66    display: flow-root;
67    margin-bottom: .5em;
68}
69
70/* size and wrap controls */
71#size__ctl {
72    float: right;
73}
74[dir=rtl] #size__ctl {
75    float: left;
76}
77#size__ctl button {
78    border: 0;
79    background: none;
80    padding: 0;
81    cursor: pointer;
82}
83
84/* edit buttons */
85.dokuwiki .editBar .editButtons {
86    display: inline;
87    margin-right: 1em;
88}
89[dir=rtl] .dokuwiki .editBar .editButtons {
90    margin-right: 0;
91    margin-left: 1em;
92}
93.dokuwiki .editBar .editButtons button {
94}
95
96/* summary input and minor changes checkbox */
97.dokuwiki .editBar .summary {
98    display: inline;
99}
100.dokuwiki .editBar .summary label {
101    vertical-align: middle;
102    white-space: nowrap;
103}
104.dokuwiki .editBar .summary label span {
105    vertical-align: middle;
106}
107.dokuwiki .editBar .summary input {
108}
109/* change background colour if summary is missing */
110.dokuwiki .editBar .summary input.missing {
111    color: @ini_text;
112    background-color: #ffcccc;
113}
114
115/* preview
116********************************************************************/
117
118.dokuwiki div.preview {
119    border: dotted @ini_border;
120    border-width: .2em 0;
121    padding: 1.4em 0;
122    margin-bottom: 1.4em;
123}
124
125/* section edit buttons
126********************************************************************/
127
128.dokuwiki .secedit {
129    float: right;
130    margin-top: -1.4em;
131}
132[dir=rtl] .dokuwiki .secedit {
133    float: left;
134}
135.dokuwiki .secedit button {
136    font-size: 75%;
137}
138
139/* style for section highlighting */
140.dokuwiki div.section_highlight {
141    margin: 0 -1em; /* negative side margin = side padding + side border */
142    padding: 0 .5em;
143    border: solid @ini_background_alt;
144    border-width: 0 .5em;
145}
146
147/* make sure that focus outlines are rendered above other content */
148.dokuwiki .toolbutton:focus-visible,
149.dokuwiki .editBar :focus-visible {
150    position: relative;
151    z-index: 1;
152}
153