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 15#draft__status { 16 float: right; 17 color: @ini_text_alt; 18 background-color: inherit; 19} 20[dir=rtl] #draft__status { 21 float: left; 22} 23#tool__bar { 24 float: left; 25} 26[dir=rtl] #tool__bar { 27 float: right; 28} 29 30/* buttons inside of toolbar */ 31.dokuwiki div.toolbar button.toolbutton { 32} 33 34.dokuwiki div.toolbar { 35 margin-bottom: .5em; 36 37 button.toolbutton { 38 border-radius: 0; 39 border-left-width: 0; 40 padding: .1em .35em; 41 } 42 43 button.toolbutton:first-child { 44 border-top-left-radius: 4px; 45 border-bottom-left-radius: 4px; 46 border-left-width: 1px; 47 } 48 49 button.toolbutton:last-child { 50 border-top-right-radius: 4px; 51 border-bottom-right-radius: 4px; 52 } 53} 54 55[dir=rtl] .dokuwiki div.toolbar { 56 button.toolbutton:last-child { 57 border-top-left-radius: 4px; 58 border-bottom-left-radius: 4px; 59 border-top-right-radius: 0; 60 border-bottom-right-radius: 0; 61 border-left-width: 1px; 62 } 63 64 button.toolbutton:first-child { 65 border-top-left-radius: 0; 66 border-bottom-left-radius: 0; 67 border-top-right-radius: 4px; 68 border-bottom-right-radius: 4px; 69 border-left-width: 0; 70 border-right-width: 1px; 71 } 72} 73/* picker popups (outside of .dokuwiki) */ 74div.picker { 75 width: 300px; 76 border: 1px solid @ini_border; 77 background-color: @ini_neutral4; 78 color: inherit; 79} 80/* picker for headlines */ 81div.picker.pk_hl { 82 width: auto; 83} 84 85/* buttons inside of picker */ 86div.picker button.pickerbutton, 87div.picker button.toolbutton { 88 padding: .1em .35em; 89 border-width: 0; 90} 91 92/*____________ edit textarea ____________*/ 93 94#wiki__text { 95 width: 100% !important; 96 margin-bottom: .5em; 97 min-height: 70vh; 98} 99 100.dokuwiki textarea.edit { 101 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 102} 103 104/*____________ below the textarea ____________*/ 105 106.dokuwiki div.editBar { 107 overflow: hidden; 108 margin-bottom: .5em; 109} 110 111/* size and wrap controls */ 112#size__ctl { 113 float: right; 114} 115[dir=rtl] #size__ctl { 116 float: left; 117} 118#size__ctl img { 119 cursor: pointer; 120} 121 122/* edit buttons */ 123.dokuwiki .editBar .editButtons { 124 display: inline; 125 margin-right: 1em; 126} 127[dir=rtl] .dokuwiki .editBar .editButtons { 128 margin-right: 0; 129 margin-left: 1em; 130} 131.dokuwiki .editBar .editButtons button { 132} 133 134/* summary input and minor changes checkbox */ 135.dokuwiki .editBar .summary { 136 display: inline; 137} 138.dokuwiki .editBar .summary label { 139 vertical-align: middle; 140 white-space: nowrap; 141} 142.dokuwiki .editBar .summary label span { 143 vertical-align: middle; 144} 145.dokuwiki .editBar .summary input { 146} 147/* change background colour if summary is missing */ 148.dokuwiki .editBar .summary input.missing { 149 color: @ini_text; 150 background-color: #ffcccc; 151} 152 153/* preview 154********************************************************************/ 155 156.dokuwiki div.preview { 157 border: dotted @ini_border; 158 border-width: .2em 0; 159 padding: 1.4em 0; 160 margin: 0 -2em; 161 padding: 0 2em; 162 width: 80vw; 163 display: block; 164} 165 166.dokuwiki div.preview div.pad { 167 padding: 1.556em 0 2em; 168} 169 170/* section edit buttons 171********************************************************************/ 172 173.dokuwiki .secedit { 174 float: right; 175 margin-top: -1.4em; 176} 177[dir=rtl] .dokuwiki .secedit { 178 float: left; 179} 180.dokuwiki .secedit button { 181 font-size: 75%; 182} 183 184/* style for section highlighting */ 185.dokuwiki div.section_highlight { 186 margin: 0 -1em; /* negative side margin = side padding + side border */ 187 padding: 0 .5em; 188 border: solid @ini_background_alt; 189 border-width: 0 .5em; 190} 191/* 192.dokuwiki div.section_highlight { 193 margin: 0 -2em; 194 padding: 0 1em; 195 border-width: 0 1em; 196}*/ 197 198