Visual Render & Editor from WP TinyMCE on Codestar Framework Shortcodes - Stylesheet

gistfile1.css

.wpview-wrap {
  width: 95%;
  margin: 15px auto;
  padding: 0;
  border: none;
}

.wpview-wrap[data-mce-selected],
.wpview-wrap:hover {
  border: none;
}

.wpview-wrap.wp-mce-view-show-toolbar .toolbar {
    display: block;
}

.visual-shortcode {
  background-color: #2ea2cc;
  color: #fff;
  font-size: 13px;
  font-family: Arial, sans-serif;
  text-transform: capitalize;
  padding: 6px 0 5px 0;
}

.visual-shortcode span {
  padding: 0 9px;
}

.wpview-wrap[data-mce-selected] .visual-shortcode,
.visual-shortcode:hover {
  background-color: #ea5340;
}

.loading-placeholder {
  height: 32px;
}