You are here

panopoly-wysiwyg.css in Panopoly WYSIWYG 7

/**
 * TinyMCE WYSIWYG styling
 */

body.mceContentBody {
  height: auto !important;
  background: none #FFF;
}

body.mceContentBody ol li,
body.mceContentBody ul li {
  list-style-position: inside;
}

table.mceToolbar td {
   display: inline-block;
}
table.mceLayout {
  font-size: 1em;
}

.cirkuitSkin table.mceToolbar {
  width: auto;
}

.o2k7Skin table.mceLayout .mceListBox {
  padding-left: 0;
}

.o2k7Skin table.mceLayout .mceOpen {
  height: 24px;
}

.cirkuitSkin td.mceIframeContainer {
  border-bottom: 0;
}

.cirkuitSkin table tbody {
  width: auto;
}

.mceStatusbar > div {
  display: none;
}

/**
 * Markitup! Styling
 */
div .markItUp {
  width: 100%;
}

div .markItUpHeader {
  background-color: #DFDFDF;
  height: 28px;
  padding-top: 1px;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

div .markItUpHeader ul {
  margin: 0;
  padding: 0;
}

div .markItUpHeader ul li {
  border: 1px solid #CCC;
  background-color: #EEE;
  border-radius: 4px;
  margin-left: 2px;
  margin-top: 2px;
}

div .markItUpHeader ul a {
  margin: 2px 4px;
  padding: 0;
}

div .markItUpHeader ul .markItUpSeparator {
  margin-top: 4px;
}

#markItUpEdit-body-und-0-value, 
#markItUpEdit-body-und-1-value, 
#markItUpEdit-body-und-2-value, 
#markItUpEdit-body-und-3-value, 
#markItUpEdit-body-und-4-value, 
#markItUpEdit-body-und-5-value, 
#markItUpEdit-body-und-6-value, 
#markItUpEdit-body-und-7-value, 
#markItUpEdit-body-und-8-value, 
#markItUpEdit-body-und-9-value {
  margin-bottom: 0;
}

.markItUpFooter {
  display: none;
}

/**
 * WYSIWYG Toggle Styling
 */
#modalContent div.ctools-modal-content .format-toggle label,
.format-toggle label {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  font-weight: 400;
  display: block;
  width: auto;
}

div.ctools-modal-content .format-toggle,
.format-toggle {
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
}

File

panopoly-wysiwyg.css
View source
  1. /**
  2. * TinyMCE WYSIWYG styling
  3. */
  4. body.mceContentBody {
  5. height: auto !important;
  6. background: none #FFF;
  7. }
  8. body.mceContentBody ol li,
  9. body.mceContentBody ul li {
  10. list-style-position: inside;
  11. }
  12. table.mceToolbar td {
  13. display: inline-block;
  14. }
  15. table.mceLayout {
  16. font-size: 1em;
  17. }
  18. .cirkuitSkin table.mceToolbar {
  19. width: auto;
  20. }
  21. .o2k7Skin table.mceLayout .mceListBox {
  22. padding-left: 0;
  23. }
  24. .o2k7Skin table.mceLayout .mceOpen {
  25. height: 24px;
  26. }
  27. .cirkuitSkin td.mceIframeContainer {
  28. border-bottom: 0;
  29. }
  30. .cirkuitSkin table tbody {
  31. width: auto;
  32. }
  33. .mceStatusbar > div {
  34. display: none;
  35. }
  36. /**
  37. * Markitup! Styling
  38. */
  39. div .markItUp {
  40. width: 100%;
  41. }
  42. div .markItUpHeader {
  43. background-color: #DFDFDF;
  44. height: 28px;
  45. padding-top: 1px;
  46. border-top: 1px solid #CCC;
  47. border-right: 1px solid #CCC;
  48. border-left: 1px solid #CCC;
  49. }
  50. div .markItUpHeader ul {
  51. margin: 0;
  52. padding: 0;
  53. }
  54. div .markItUpHeader ul li {
  55. border: 1px solid #CCC;
  56. background-color: #EEE;
  57. border-radius: 4px;
  58. margin-left: 2px;
  59. margin-top: 2px;
  60. }
  61. div .markItUpHeader ul a {
  62. margin: 2px 4px;
  63. padding: 0;
  64. }
  65. div .markItUpHeader ul .markItUpSeparator {
  66. margin-top: 4px;
  67. }
  68. #markItUpEdit-body-und-0-value,
  69. #markItUpEdit-body-und-1-value,
  70. #markItUpEdit-body-und-2-value,
  71. #markItUpEdit-body-und-3-value,
  72. #markItUpEdit-body-und-4-value,
  73. #markItUpEdit-body-und-5-value,
  74. #markItUpEdit-body-und-6-value,
  75. #markItUpEdit-body-und-7-value,
  76. #markItUpEdit-body-und-8-value,
  77. #markItUpEdit-body-und-9-value {
  78. margin-bottom: 0;
  79. }
  80. .markItUpFooter {
  81. display: none;
  82. }
  83. /**
  84. * WYSIWYG Toggle Styling
  85. */
  86. #modalContent div.ctools-modal-content .format-toggle label,
  87. .format-toggle label {
  88. float: left;
  89. margin-right: 5px;
  90. margin-top: 2px;
  91. font-weight: 400;
  92. display: block;
  93. width: auto;
  94. }
  95. div.ctools-modal-content .format-toggle,
  96. .format-toggle {
  97. float: right;
  98. margin-top: 5px;
  99. margin-bottom: 5px;
  100. }