sonata_formatter_css_style_1.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  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. }