You are here

Home » API reference » TinyMCE 7

visualblocks.css in TinyMCE 7 

.mce-visualblocks p {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
}

.mce-visualblocks h1 {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
}

.mce-visualblocks h2 {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
}

.mce-visualblocks h3 {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
}

.mce-visualblocks h4 {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
}

.mce-visualblocks h5 {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
}

.mce-visualblocks h6 {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
}

.mce-visualblocks div {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
}

.mce-visualblocks section {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin: 0 0 1em 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
}

.mce-visualblocks article {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin: 0 0 1em 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
}

.mce-visualblocks blockquote {
	padding-top: 10px;
	border: 1px dashed #BBB;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
}

.mce-visualblocks address {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin: 0 0 1em 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
}

.mce-visualblocks pre {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin-left: 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
}

.mce-visualblocks figure {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin: 0 0 1em 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
}

.mce-visualblocks hgroup {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin: 0 0 1em 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
}

.mce-visualblocks aside {
	padding-top: 10px;
	border: 1px dashed #BBB;
	margin: 0 0 1em 3px;
	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
}

.mce-visualblocks figcaption {
	border: 1px dashed #BBB;
}

File

lib/tinymce/plugins/visualblocks/css/visualblocks.css
View source 
  1. .mce-visualblocks p {

  2. 	padding-top: 10px;

  3. 	border: 1px dashed #BBB;

  4. 	margin-left: 3px;

  5. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);

  6. }

  7. 

  8. .mce-visualblocks h1 {

  9. 	padding-top: 10px;

  10. 	border: 1px dashed #BBB;

  11. 	margin-left: 3px;

  12. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);

  13. }

  14. 

  15. .mce-visualblocks h2 {

  16. 	padding-top: 10px;

  17. 	border: 1px dashed #BBB;

  18. 	margin-left: 3px;

  19. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);

  20. }

  21. 

  22. .mce-visualblocks h3 {

  23. 	padding-top: 10px;

  24. 	border: 1px dashed #BBB;

  25. 	margin-left: 3px;

  26. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);

  27. }

  28. 

  29. .mce-visualblocks h4 {

  30. 	padding-top: 10px;

  31. 	border: 1px dashed #BBB;

  32. 	margin-left: 3px;

  33. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);

  34. }

  35. 

  36. .mce-visualblocks h5 {

  37. 	padding-top: 10px;

  38. 	border: 1px dashed #BBB;

  39. 	margin-left: 3px;

  40. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);

  41. }

  42. 

  43. .mce-visualblocks h6 {

  44. 	padding-top: 10px;

  45. 	border: 1px dashed #BBB;

  46. 	margin-left: 3px;

  47. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);

  48. }

  49. 

  50. .mce-visualblocks div {

  51. 	padding-top: 10px;

  52. 	border: 1px dashed #BBB;

  53. 	margin-left: 3px;

  54. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);

  55. }

  56. 

  57. .mce-visualblocks section {

  58. 	padding-top: 10px;

  59. 	border: 1px dashed #BBB;

  60. 	margin: 0 0 1em 3px;

  61. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);

  62. }

  63. 

  64. .mce-visualblocks article {

  65. 	padding-top: 10px;

  66. 	border: 1px dashed #BBB;

  67. 	margin: 0 0 1em 3px;

  68. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);

  69. }

  70. 

  71. .mce-visualblocks blockquote {

  72. 	padding-top: 10px;

  73. 	border: 1px dashed #BBB;

  74. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);

  75. }

  76. 

  77. .mce-visualblocks address {

  78. 	padding-top: 10px;

  79. 	border: 1px dashed #BBB;

  80. 	margin: 0 0 1em 3px;

  81. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);

  82. }

  83. 

  84. .mce-visualblocks pre {

  85. 	padding-top: 10px;

  86. 	border: 1px dashed #BBB;

  87. 	margin-left: 3px;

  88. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);

  89. }

  90. 

  91. .mce-visualblocks figure {

  92. 	padding-top: 10px;

  93. 	border: 1px dashed #BBB;

  94. 	margin: 0 0 1em 3px;

  95. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);

  96. }

  97. 

  98. .mce-visualblocks hgroup {

  99. 	padding-top: 10px;

  100. 	border: 1px dashed #BBB;

  101. 	margin: 0 0 1em 3px;

  102. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);

  103. }

  104. 

  105. .mce-visualblocks aside {

  106. 	padding-top: 10px;

  107. 	border: 1px dashed #BBB;

  108. 	margin: 0 0 1em 3px;

  109. 	background: transparent no-repeat url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);

  110. }

  111. 

  112. .mce-visualblocks figcaption {

  113. 	border: 1px dashed #BBB;

  114. }