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 overflow: hidden; 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 img { 78 cursor: pointer; 79} 80 81/* edit buttons */ 82.dokuwiki .editBar .editButtons { 83 display: inline; 84 margin-right: 1em; 85} 86[dir=rtl] .dokuwiki .editBar .editButtons { 87 margin-right: 0; 88 margin-left: 1em; 89} 90.dokuwiki .editBar .editButtons button { 91} 92 93/* summary input and minor changes checkbox */ 94.dokuwiki .editBar .summary { 95 display: inline; 96} 97.dokuwiki .editBar .summary label { 98 vertical-align: middle; 99 white-space: nowrap; 100} 101.dokuwiki .editBar .summary label span { 102 vertical-align: middle; 103} 104.dokuwiki .editBar .summary input { 105} 106/* change background colour if summary is missing */ 107.dokuwiki .editBar .summary input.missing { 108 color: @ini_text; 109 background-color: #ffcccc; 110} 111 112/* preview 113********************************************************************/ 114 115.dokuwiki div.preview { 116 border: dotted @ini_border; 117 border-width: .2em 0; 118 padding: 1.4em 0; 119 margin-bottom: 1.4em; 120} 121 122/* section edit buttons 123********************************************************************/ 124 125.dokuwiki .secedit { 126 float: right; 127 margin-top: -1.4em; 128} 129[dir=rtl] .dokuwiki .secedit { 130 float: left; 131} 132.dokuwiki .secedit button { 133 font-size: 75%; 134} 135 136/* style for section highlighting */ 137.dokuwiki div.section_highlight { 138 margin: 0 -1em; /* negative side margin = side padding + side border */ 139 padding: 0 .5em; 140 border: solid @ini_background_alt; 141 border-width: 0 .5em; 142} 143