_edit.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  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. background-color: transparent !important;
  31. }
  32. /* picker popups (outside of .dokuwiki) */
  33. div.picker {
  34. width: 300px;
  35. border: 1px solid @ini_border;
  36. background-color: @ini_background_alt;
  37. color: inherit;
  38. }
  39. /* picker for headlines */
  40. div.picker.pk_hl {
  41. width: auto;
  42. }
  43. /* buttons inside of picker */
  44. div.picker button.pickerbutton,
  45. div.picker button.toolbutton {
  46. padding: .1em .35em;
  47. border-width: 0;
  48. background-color: transparent !important;
  49. }
  50. /*____________ edit textarea ____________*/
  51. .dokuwiki textarea.edit {
  52. width: 100%;
  53. margin-bottom: .5em;
  54. resize: vertical;
  55. }
  56. /*____________ below the textarea ____________*/
  57. .dokuwiki div.editBar {
  58. overflow: hidden;
  59. margin-bottom: .5em;
  60. }
  61. /* size and wrap controls */
  62. #size__ctl {
  63. float: right;
  64. }
  65. [dir=rtl] #size__ctl {
  66. float: left;
  67. }
  68. #size__ctl img {
  69. cursor: pointer;
  70. }
  71. /* edit buttons */
  72. .dokuwiki .editBar .editButtons {
  73. display: inline;
  74. margin-right: 1em;
  75. }
  76. [dir=rtl] .dokuwiki .editBar .editButtons {
  77. margin-right: 0;
  78. margin-left: 1em;
  79. }
  80. .dokuwiki .editBar .editButtons button {
  81. }
  82. /* summary input and minor changes checkbox */
  83. .dokuwiki .editBar .summary {
  84. display: inline;
  85. }
  86. .dokuwiki .editBar .summary label {
  87. vertical-align: middle;
  88. white-space: nowrap;
  89. }
  90. .dokuwiki .editBar .summary label span {
  91. vertical-align: middle;
  92. }
  93. .dokuwiki .editBar .summary input {
  94. }
  95. /* change background colour if summary is missing */
  96. .dokuwiki .editBar .summary input.missing {
  97. color: @ini_text;
  98. background-color: #ffcccc;
  99. }
  100. /* preview
  101. ********************************************************************/
  102. .dokuwiki div.preview {
  103. border: dotted @ini_border;
  104. border-width: .2em 0;
  105. padding: 1.4em 0;
  106. margin-bottom: 1.4em;
  107. }
  108. /* section edit buttons
  109. ********************************************************************/
  110. .dokuwiki .secedit {
  111. float: right;
  112. margin-top: -1.4em;
  113. }
  114. [dir=rtl] .dokuwiki .secedit {
  115. float: left;
  116. }
  117. .dokuwiki .secedit button {
  118. font-size: 75%;
  119. }
  120. /* style for section highlighting */
  121. .dokuwiki div.section_highlight {
  122. margin: 0 -1em; /* negative side margin = side padding + side border */
  123. padding: 0 .5em;
  124. border: solid @ini_background_alt;
  125. border-width: 0 .5em;
  126. }