Просмотр файла public/assets/css/markitup/markitup.css

Размер файла: 3.78Kb
  1. /* -------------------------------------------------------------------
  2. // markItUp! Universal MarkUp Engine, JQuery plugin
  3. // By Jay Salvat - http://markitup.jaysalvat.com/
  4. // ------------------------------------------------------------------*/
  5. .markItUp * {
  6. margin:0; padding:0;
  7. outline:none;
  8. }
  9. .markItUp a:link,
  10. .markItUp a:visited {
  11. #color:#000;
  12. text-decoration:none;
  13. border: none;
  14. }
  15. .markItUpContainer {
  16. font:11px Verdana, Arial, Helvetica, sans-serif;
  17. }
  18. .markItUpEditor {
  19. padding:5px;
  20. clear:both;
  21. display:block;
  22. overflow:auto;
  23. }
  24. .markItUpPreviewFrame {
  25. padding:5px 0;
  26. overflow:auto;
  27. background-color:#FFFFFF;
  28. width:99.9%;
  29. margin:5px 0;
  30. border: 2px solid #ced4da;
  31. border-radius: 4px;
  32. }
  33.  
  34. /***************************************************************************************/
  35. /* first row of buttons */
  36. .markItUpHeader ul li {
  37. list-style:none;
  38. float:left;
  39. position:relative;
  40. }
  41. .markItUpHeader ul li:hover > ul {
  42. display:block;
  43. }
  44. .markItUpHeader ul .markItUpDropMenu {
  45. background: transparent url(/assets/css/markitup/images/menu.png) no-repeat 115% 50%;
  46. padding-right: 5px;
  47. }
  48. .markItUpHeader ul .markItUpDropMenu li {
  49. margin-right:0;
  50. }
  51. /* next rows of buttons */
  52. .markItUpHeader ul ul {
  53. display:none;
  54. position:absolute;
  55. top:18px; left:0;
  56. background: #fff;
  57. border:1px solid #ccc;
  58. border-radius: 5px;
  59. }
  60. .markItUpHeader ul ul li {
  61. float:none;
  62. border-bottom:1px solid #ccc;
  63. }
  64. .markItUpHeader ul ul .markItUpDropMenu {
  65. background:#FFF url(/assets/css/markitup/images/submenu.png) no-repeat 100% 50%;
  66. }
  67. .markItUpHeader ul .markItUpSeparator {
  68. margin:0 5px;
  69. width:1px;
  70. height:16px;
  71. overflow:hidden;
  72. background-color:#CCC;
  73. text-indent: -10000px;
  74. }
  75. .markItUpHeader ul ul .markItUpSeparator {
  76. width:auto; height:1px;
  77. margin:0;
  78. }
  79. /* next rows of buttons */
  80. .markItUpHeader ul ul ul {
  81. position:absolute;
  82. top:-1px; left:150px;
  83. }
  84. .markItUpHeader ul ul ul li {
  85. float:none;
  86. }
  87. .markItUpHeader ul a {
  88. display:inline-block;
  89. background-repeat:no-repeat;
  90. padding:3px;
  91. }
  92. .markItUpHeader ul ul a {
  93. display:block;
  94. color: #333;
  95. font-size: 12px;
  96. text-indent:0;
  97. width:100px;
  98. padding: 2px 5px;
  99. background-position:2px 50%;
  100. }
  101. .markItUpHeader ul ul a:hover {
  102. color: #bbb;
  103. }
  104.  
  105. /* ------------------------------------------------------------------- */
  106. .markItUp .markItUpButton a {
  107. font-size: 15px;
  108. cursor: pointer;
  109. color: #333;
  110. }
  111. .markItUp .bb-color ul {
  112. width:80px;
  113. padding:1px;
  114. }
  115. .markItUp .bb-color li {
  116. border:1px solid white;
  117. width:25px;
  118. height:25px;
  119. overflow:hidden;
  120. padding:0; margin:0;
  121. float:left;
  122. }
  123. .markItUp .bb-color ul a {
  124. width:25px;
  125. height:25px;
  126. text-indent:-10000px;
  127. }
  128.  
  129. .markItUp .bb-color .col1-1 a {
  130. background: #ffd700;
  131. }
  132. .markItUp .bb-color .col1-2 a {
  133. background: #ffa500;
  134. }
  135. .markItUp .bb-color .col1-3 a {
  136. background: #ff0000;
  137. }
  138.  
  139. .markItUp .bb-color .col2-1 a {
  140. background: #0000ff;
  141. }
  142. .markItUp .bb-color .col2-2 a {
  143. background: #800080;
  144. }
  145. .markItUp .bb-color .col2-3 a {
  146. background: #00cc00;
  147. }
  148.  
  149. .markItUp .bb-color .col3-1 a {
  150. background: #ff00ff;
  151. }
  152. .markItUp .bb-color .col3-2 a {
  153. background: #808080;
  154. }
  155. .markItUp .bb-color .col3-3 a {
  156. background: #00ffff;
  157. }
  158.  
  159. .markItUp .bb-sticker a {
  160. background: transparent url(/assets/css/markitup/images/menu.png) no-repeat 115% 50%;
  161. padding-right: 7px;
  162. }
  163. .markItUp .bb-cutpage a {
  164. display: none;
  165. }
  166. .cut .bb-cutpage a {
  167. display: block;
  168. }
  169.  
  170. @media (max-width: 768px) {
  171. .markItUpHeader ul {
  172. display: flex;
  173. flex-wrap: nowrap;
  174. overflow-y: hidden;
  175. white-space: nowrap;
  176. padding-bottom: 3px;
  177. }
  178.  
  179. .markItUpDropMenu ul {
  180. display: none !important;
  181. }
  182. }