_edit.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. /**
  2. * This file provides styles for the edit view (?do=edit), preview
  3. * and section edit buttons.
  4. */
  5. /* edit view
  6. ********************************************************************/
  7. .dokuwiki div.editBox {
  8. }
  9. /*____________ toolbar ____________*/
  10. .dokuwiki div.toolbar {
  11. display: inline-block;
  12. margin-bottom: .5em;
  13. }
  14. #draft__status {
  15. float: right;
  16. color: @ini_text_alt;
  17. background-color: inherit;
  18. }
  19. [dir=rtl] #draft__status {
  20. float: left;
  21. }
  22. #tool__bar {
  23. float: left;
  24. }
  25. [dir=rtl] #tool__bar {
  26. float: right;
  27. }
  28. /* buttons inside of toolbar */
  29. .dokuwiki div.toolbar button.toolbutton {
  30. }
  31. /* picker popups (outside of .dokuwiki) */
  32. div.picker {
  33. width: 300px;
  34. border: 1px solid @ini_border;
  35. background-color: @ini_background_alt;
  36. color: inherit;
  37. }
  38. /* picker for headlines */
  39. div.picker.pk_hl {
  40. width: auto;
  41. }
  42. /* buttons inside of picker */
  43. div.picker button.pickerbutton,
  44. div.picker button.toolbutton {
  45. padding: .1em .35em;
  46. border-width: 0;
  47. }
  48. /*____________ edit textarea ____________*/
  49. .dokuwiki textarea.edit {
  50. width: 100%;
  51. margin-bottom: .5em;
  52. resize: vertical;
  53. }
  54. /*____________ below the textarea ____________*/
  55. .dokuwiki div.editBar {
  56. overflow: hidden;
  57. margin-bottom: .5em;
  58. }
  59. /* size and wrap controls */
  60. #size__ctl {
  61. float: right;
  62. }
  63. [dir=rtl] #size__ctl {
  64. float: left;
  65. }
  66. #size__ctl img {
  67. cursor: pointer;
  68. }
  69. /* edit buttons */
  70. .dokuwiki .editBar .editButtons {
  71. display: inline;
  72. margin-right: 1em;
  73. }
  74. [dir=rtl] .dokuwiki .editBar .editButtons {
  75. margin-right: 0;
  76. margin-left: 1em;
  77. }
  78. .dokuwiki .editBar .editButtons button {
  79. }
  80. /* summary input and minor changes checkbox */
  81. .dokuwiki .editBar .summary {
  82. display: inline;
  83. }
  84. .dokuwiki .editBar .summary label {
  85. vertical-align: middle;
  86. white-space: nowrap;
  87. }
  88. .dokuwiki .editBar .summary label span {
  89. vertical-align: middle;
  90. }
  91. .dokuwiki .editBar .summary input {
  92. }
  93. /* change background colour if summary is missing */
  94. .dokuwiki .editBar .summary input.missing {
  95. color: @ini_text;
  96. background-color: #ffcccc;
  97. }
  98. /* preview
  99. ********************************************************************/
  100. .dokuwiki div.preview {
  101. border: dotted @ini_border;
  102. border-width: .2em 0;
  103. padding: 1.4em 0;
  104. margin-bottom: 1.4em;
  105. }
  106. /* section edit buttons
  107. ********************************************************************/
  108. .dokuwiki .secedit {
  109. float: right;
  110. margin-top: -1.4em;
  111. }
  112. [dir=rtl] .dokuwiki .secedit {
  113. float: left;
  114. }
  115. .dokuwiki .secedit button {
  116. font-size: 75%;
  117. }
  118. /* style for section highlighting */
  119. .dokuwiki div.section_highlight {
  120. margin: 0 -1em; /* negative side margin = side padding + side border */
  121. padding: 0 .5em;
  122. border: solid @ini_background_alt;
  123. border-width: 0 .5em;
  124. }