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