/wp-content/plugins/magic-fields-2/field_types/markdown_editor_field/markitup.css

https://bitbucket.org/rossberenson/michael-karas · CSS · 213 lines · 188 code · 7 blank · 18 comment · 0 complexity · d6fd2308ff69f5ee9560080942ff5043 MD5 · raw file

  1. /* -------------------------------------------------------------------
  2. // markItUp! Universal MarkUp Engine, JQuery plugin
  3. // By Jay Salvat - http://markitup.jaysalvat.com/
  4. // ------------------------------------------------------------------*/
  5. .markItUp * {
  6. margin:0px; padding:0px;
  7. outline:none;
  8. }
  9. .markItUp a:link,
  10. .markItUp a:visited {
  11. color:#000;
  12. text-decoration:none;
  13. }
  14. .markItUp {
  15. width: 99%;
  16. /* margin:5px 0 5px 0; */
  17. }
  18. .markItUpContainer {
  19. /* border:1px solid #3C769D; */
  20. background:#FFF /* url(images/bg-container.png) repeat-x top left */;
  21. padding:5px 5px 2px 5px;
  22. /* font:11px Verdana, Arial, Helvetica, sans-serif; */
  23. border:1px solid #efefef;
  24. -moz-border-radius: 5px;
  25. -webkit-border-radius: 5px;
  26. }
  27. .markItUpEditor {
  28. font:12px 'Courier New', Courier, monospace;
  29. padding:5px 5px 10px 5px;
  30. margin: 0 0 5px 0;
  31. /* border:3px solid #3C769D; */
  32. width: 99%;
  33. height:200px;
  34. /* background-image:url(images/bg-editor.png); */
  35. background-repeat:no-repeat;
  36. clear:both; display:block;
  37. line-height:18px;
  38. overflow:auto;
  39. }
  40. .markItUpPreviewFrame {
  41. overflow:auto;
  42. background-color:#FFFFFF;
  43. border:1px solid #3C769D;
  44. width:99.9%;
  45. height:300px;
  46. margin:5px 0;
  47. }
  48. .markItUpFooter {
  49. width:100%;
  50. cursor:n-resize;
  51. }
  52. .markItUpResizeHandle {
  53. overflow:hidden;
  54. width:22px; height:5px;
  55. margin-left:auto;
  56. margin-right:auto;
  57. background-image:url(images/handle.png);
  58. cursor:n-resize;
  59. }
  60. /***************************************************************************************/
  61. /* first row of buttons */
  62. .markItUpHeader ul li {
  63. list-style:none;
  64. float:left;
  65. position:relative;
  66. }
  67. .markItUpHeader ul li ul{
  68. display:none;
  69. }
  70. .markItUpHeader ul li:hover > ul{
  71. display:block;
  72. }
  73. .markItUpHeader ul .markItUpDropMenu {
  74. background:transparent url(images/menu.png) no-repeat 115% 50%;
  75. margin-right:5px;
  76. }
  77. .markItUpHeader ul .markItUpDropMenu li {
  78. margin-right:0px;
  79. }
  80. .markItUpHeader ul .markItUpSeparator {
  81. margin:0 10px;
  82. width:1px;
  83. height:16px;
  84. overflow:hidden;
  85. background-color:#CCC;
  86. }
  87. .markItUpHeader ul ul .markItUpSeparator {
  88. width:auto; height:1px;
  89. margin:0px;
  90. }
  91. /* next rows of buttons */
  92. .markItUpHeader ul ul {
  93. display:none;
  94. position:absolute;
  95. top:18px; left:0px;
  96. background:#F5F5F5;
  97. border:1px solid #3C769D;
  98. height:inherit;
  99. }
  100. .markItUpHeader ul ul li {
  101. float:none;
  102. border-bottom:1px solid #3C769D;
  103. }
  104. .markItUpHeader ul ul .markItUpDropMenu {
  105. background:#F5F5F5 url(images/submenu.png) no-repeat 100% 50%;
  106. }
  107. /* next rows of buttons */
  108. .markItUpHeader ul ul ul {
  109. position:absolute;
  110. top:-1px; left:150px;
  111. }
  112. .markItUpHeader ul ul ul li {
  113. float:none;
  114. }
  115. .markItUpHeader ul a {
  116. display:block;
  117. width:16px; height:16px;
  118. text-indent:-10000px;
  119. background-repeat:no-repeat;
  120. padding:3px;
  121. margin:0px;
  122. }
  123. .markItUpHeader ul ul a {
  124. display:block;
  125. padding-left:0px;
  126. text-indent:0;
  127. width:120px;
  128. padding:5px 5px 5px 25px;
  129. background-position:2px 50%;
  130. }
  131. .markItUpHeader ul ul a:hover {
  132. color:#FFF;
  133. background-color:#3C769D;
  134. }
  135. /***************************************************************************************/
  136. .html .markItUpEditor {
  137. background-image:url(images/bg-editor-html.png);
  138. }
  139. .markdown .markItUpEditor {
  140. background-image:url(images/bg-editor-markdown.png);
  141. }
  142. .textile .markItUpEditor {
  143. background-image:url(images/bg-editor-textile.png);
  144. }
  145. .bbcode .markItUpEditor {
  146. background-image:url(images/bg-editor-bbcode.png);
  147. }
  148. .wiki .markItUpEditor,
  149. .dotclear .markItUpEditor {
  150. background-image:url(images/bg-editor-wiki.png);
  151. }
  152. /* -------------------------------------------------------------------
  153. // markItUp!
  154. // By Jay Salvat - http://markitup.jaysalvat.com/
  155. // ------------------------------------------------------------------*/
  156. .markItUp .markItUpButton1 a {
  157. background-image:url(images/h1.png);
  158. }
  159. .markItUp .markItUpButton2 a {
  160. background-image:url(images/h2.png);
  161. }
  162. .markItUp .markItUpButton3 a {
  163. background-image:url(images/h3.png);
  164. }
  165. .markItUp .markItUpButton4 a {
  166. background-image:url(images/h4.png);
  167. }
  168. .markItUp .markItUpButton5 a {
  169. background-image:url(images/h5.png);
  170. }
  171. .markItUp .markItUpButton6 a {
  172. background-image:url(images/h6.png);
  173. }
  174. .markItUp .markItUpButton7 a {
  175. background-image:url(images/paragraph.png);
  176. }
  177. .markItUp .markItUpButton8 a {
  178. background-image:url(images/bold.png);
  179. }
  180. .markItUp .markItUpButton9 a {
  181. background-image:url(images/italic.png);
  182. }
  183. .markItUp .markItUpButton10 a {
  184. background-image:url(images/stroke.png);
  185. }
  186. .markItUp .markItUpButton11 a {
  187. background-image:url(images/list-bullet.png);
  188. }
  189. .markItUp .markItUpButton12 a {
  190. background-image:url(images/list-numeric.png);
  191. }
  192. .markItUp .markItUpButton13 a {
  193. background-image:url(images/list-item.png);
  194. }
  195. .markItUp .markItUpButton14 a {
  196. background-image:url(images/picture.png);
  197. }
  198. .markItUp .markItUpButton15 a {
  199. background-image:url(images/link.png);
  200. }
  201. .markItUp .clean a {
  202. background-image:url(images/clean.png);
  203. }
  204. .markItUp .preview a {
  205. background-image:url(images/preview.png);
  206. }