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 max-height: 100%; 11} 12 13/*____________ toolbar ____________*/ 14 15.dokuwiki div.toolbar { 16 display: inline-block; 17 margin-bottom: .5em; 18} 19#draft__status { 20 float: right; 21 color: @ini_text_alt; 22 background-color: inherit; 23} 24[dir=rtl] #draft__status { 25 float: left; 26} 27#tool__bar { 28 float: left; 29} 30[dir=rtl] #tool__bar { 31 float: right; 32} 33 34/* buttons inside of toolbar */ 35.dokuwiki div.toolbar button.toolbutton { 36} 37/* picker popups (outside of .dokuwiki) */ 38div.picker { 39 width: 300px; 40 border: 1px solid @ini_border; 41 background-color: @ini_background_alt; 42 color: inherit; 43} 44/* picker for headlines */ 45div.picker.pk_hl { 46 width: auto; 47} 48 49/* buttons inside of picker */ 50div.picker button.pickerbutton, 51div.picker button.toolbutton { 52 padding: .1em .35em; 53 border-width: 0; 54} 55 56/*____________ edit textarea ____________*/ 57 58.dokuwiki textarea.edit { 59 width: 100%; 60 margin-bottom: .5em; 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.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