sonata_formatter_css.css 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  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. margin:5px 0 5px 0;
  16. }
  17. .markItUpContainer {
  18. font:11px Verdana, Arial, Helvetica, sans-serif;
  19. }
  20. .markItUpEditor {
  21. font:12px 'Courier New', Courier, monospace;
  22. padding:5px;
  23. height:320px;
  24. clear:both; display:block;
  25. line-height:18px;
  26. overflow:auto;
  27. }
  28. .markItUpPreviewFrame {
  29. overflow:auto;
  30. background-color:#FFFFFF;
  31. width:99.9%;
  32. height:350px;
  33. margin:5px 0;
  34. }
  35. .markItUpFooter {
  36. width:100%;
  37. }
  38. .markItUpResizeHandle {
  39. overflow:hidden;
  40. width:22px; height:5px;
  41. margin-left:auto;
  42. margin-right:auto;
  43. background-image:url(../bundles/sonataformatter/markitup/skins/sonata/images/handle.png);
  44. cursor:n-resize;
  45. }
  46. .markItUpHeader {
  47. width: 100%;
  48. display: block;
  49. position: relative;
  50. }
  51. textarea.markItUpEditor {
  52. clear: both;
  53. display: block !important;
  54. position: relative;
  55. }
  56. /***************************************************************************************/
  57. /* first row of buttons */
  58. .markItUpHeader ul li {
  59. list-style:none;
  60. float:left;
  61. position:relative;
  62. }
  63. .markItUpHeader ul li:hover > ul{
  64. display:block;
  65. }
  66. .markItUpHeader ul .markItUpDropMenu {
  67. background:transparent url(../bundles/sonataformatter/markitup/skins/sonata/images/menu.png) no-repeat 115% 50%;
  68. margin-right:5px;
  69. }
  70. .markItUpHeader ul .markItUpDropMenu li {
  71. margin-right:0px;
  72. }
  73. /* next rows of buttons */
  74. .markItUpHeader ul ul {
  75. display:none;
  76. position:absolute;
  77. top:18px; left:0px;
  78. background:#FFF;
  79. border:1px solid #000;
  80. }
  81. .markItUpHeader ul ul li {
  82. float:none;
  83. border-bottom:1px solid #000;
  84. }
  85. .markItUpHeader ul ul .markItUpDropMenu {
  86. background:#FFF url(../bundles/sonataformatter/markitup/skins/sonata/images/submenu.png) no-repeat 100% 50%;
  87. }
  88. .markItUpHeader ul .markItUpSeparator {
  89. margin:0 10px;
  90. width:1px;
  91. height:16px;
  92. overflow:hidden;
  93. background-color:#CCC;
  94. }
  95. .markItUpHeader ul ul .markItUpSeparator {
  96. width:auto; height:1px;
  97. margin:0px;
  98. }
  99. /* next rows of buttons */
  100. .markItUpHeader ul ul ul {
  101. position:absolute;
  102. top:-1px; left:150px;
  103. }
  104. .markItUpHeader ul ul ul li {
  105. float:none;
  106. }
  107. .markItUpHeader ul a {
  108. display:block;
  109. width:16px; height:16px;
  110. text-indent:-10000px;
  111. background-repeat:no-repeat;
  112. padding:3px;
  113. margin:0px;
  114. }
  115. .markItUpHeader ul ul a {
  116. display:block;
  117. padding-left:0px;
  118. text-indent:0;
  119. width:120px;
  120. padding:5px 5px 5px 25px;
  121. background-position:2px 50%;
  122. }
  123. .markItUpHeader ul ul a:hover {
  124. color:#FFF;
  125. background-color:#000;
  126. }
  127. /* -------------------------------------------------------------------
  128. // markItUp!
  129. // By Jay Salvat - http://markitup.jaysalvat.com/
  130. // ------------------------------------------------------------------*/
  131. .markItUp.markdown .markItUpButton1 a {
  132. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/h1.png);
  133. }
  134. .markItUp.markdown .markItUpButton2 a {
  135. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/h2.png);
  136. }
  137. .markItUp.markdown .markItUpButton3 a {
  138. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/h3.png);
  139. }
  140. .markItUp.markdown .markItUpButton4 a {
  141. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/h4.png);
  142. }
  143. .markItUp.markdown .markItUpButton5 a {
  144. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/h5.png);
  145. }
  146. .markItUp.markdown .markItUpButton6 a {
  147. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/h6.png);
  148. }
  149. .markItUp.markdown .markItUpButton7 a {
  150. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/bold.png);
  151. }
  152. .markItUp.markdown .markItUpButton8 a {
  153. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/italic.png);
  154. }
  155. .markItUp.markdown .markItUpButton9 a {
  156. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/list-bullet.png);
  157. }
  158. .markItUp.markdown .markItUpButton10 a {
  159. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/list-numeric.png);
  160. }
  161. .markItUp.markdown .markItUpButton11 a {
  162. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/picture.png);
  163. }
  164. .markItUp.markdown .markItUpButton12 a {
  165. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/link.png);
  166. }
  167. .markItUp.markdown .markItUpButton13 a {
  168. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/quotes.png);
  169. }
  170. .markItUp.markdown .markItUpButton14 a {
  171. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/code.png);
  172. }
  173. .markItUp.markdown .preview a {
  174. background-image:url(../bundles/sonataformatter/markitup/sets/markdown/images/preview.png);
  175. }
  176. /* -------------------------------------------------------------------
  177. // markItUp!
  178. // By Jay Salvat - http://markitup.jaysalvat.com/
  179. // ------------------------------------------------------------------*/
  180. .markItUp.html .markItUpButton1 a {
  181. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/h1.png);
  182. }
  183. .markItUp.html .markItUpButton2 a {
  184. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/h2.png);
  185. }
  186. .markItUp.html .markItUpButton3 a {
  187. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/h3.png);
  188. }
  189. .markItUp.html .markItUpButton4 a {
  190. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/h4.png);
  191. }
  192. .markItUp.html .markItUpButton5 a {
  193. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/h5.png);
  194. }
  195. .markItUp.html .markItUpButton6 a {
  196. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/h6.png);
  197. }
  198. .markItUp.html .markItUpButton7 a {
  199. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/paragraph.png);
  200. }
  201. .markItUp.html .markItUpButton8 a {
  202. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/bold.png);
  203. }
  204. .markItUp.html .markItUpButton9 a {
  205. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/italic.png);
  206. }
  207. .markItUp.html .markItUpButton10 a {
  208. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/stroke.png);
  209. }
  210. .markItUp.html .markItUpButton11 a {
  211. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/list-bullet.png);
  212. }
  213. .markItUp.html .markItUpButton12 a {
  214. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/list-numeric.png);
  215. }
  216. .markItUp.html .markItUpButton13 a {
  217. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/list-item.png);
  218. }
  219. .markItUp.html .markItUpButton14 a {
  220. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/picture.png);
  221. }
  222. .markItUp.html .markItUpButton15 a {
  223. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/link.png);
  224. }
  225. .markItUp.html .clean a {
  226. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/clean.png);
  227. }
  228. .markItUp.html .preview a {
  229. background-image:url(../bundles/sonataformatter/markitup/sets/html/images/preview.png);
  230. }
  231. /* -------------------------------------------------------------------
  232. // markItUp!
  233. // By Jay Salvat - http://markitup.jaysalvat.com/
  234. // ------------------------------------------------------------------*/
  235. .markItUp.textile .markItUpButton1 a {
  236. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/h1.png);
  237. }
  238. .markItUp.textile .markItUpButton2 a {
  239. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/h2.png);
  240. }
  241. .markItUp.textile .markItUpButton3 a {
  242. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/h3.png);
  243. }
  244. .markItUp.textile .markItUpButton4 a {
  245. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/h4.png);
  246. }
  247. .markItUp.textile .markItUpButton5 a {
  248. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/h5.png);
  249. }
  250. .markItUp.textile .markItUpButton6 a {
  251. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/h6.png);
  252. }
  253. .markItUp.textile .markItUpButton7 a {
  254. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/paragraph.png);
  255. }
  256. .markItUp.textile .markItUpButton8 a {
  257. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/bold.png);
  258. }
  259. .markItUp.textile .markItUpButton9 a {
  260. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/italic.png);
  261. }
  262. .markItUp.textile .markItUpButton10 a {
  263. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/stroke.png);
  264. }
  265. .markItUp.textile .markItUpButton11 a {
  266. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/list-bullet.png);
  267. }
  268. .markItUp.textile .markItUpButton12 a {
  269. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/list-numeric.png);
  270. }
  271. .markItUp.textile .markItUpButton13 a {
  272. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/picture.png);
  273. }
  274. .markItUp.textile .markItUpButton14 a {
  275. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/link.png);
  276. }
  277. .markItUp.textile .markItUpButton15 a {
  278. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/quotes.png);
  279. }
  280. .markItUp.textile .markItUpButton16 a {
  281. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/code.png);
  282. }
  283. .markItUp.textile .preview a {
  284. background-image:url(../bundles/sonataformatter/markitup/sets/textile/images/preview.png);
  285. }