joywok-material-components/lib/jweditor/style/index.css

<h1 align="center"> Joywok Material Components </h1>

@-webkit-keyframes audioPlaying {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 1600px;
  }
}
@keyframes audioPlaying {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 1600px;
  }
}
.cke_top {
  border-bottom: none;
  background-color: transparent !important;
}
.cke_top a.cke_button_on:hover {
  border: 1px #bcbcbc solid !important;
}
.cke_top a.cke_button_on:focus {
  border: 1px #bcbcbc solid !important;
}

.cke_dialog_footer a:hover {
  border: 1px #bcbcbc solid !important;
}
.cke_dialog_footer a:focus {
  border: 1px #bcbcbc solid !important;
}

.jwck-lang > div {
  width: 100%;
}
.jwck-lang > div::before {
  border-bottom: none !important;
}
.jwck-lang > div::after {
  border-bottom: none !important;
}

.cke_button__insertimage span {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAACoElEQVRYR9WXT0gVURTGvzPzRMgWQX9EgqRNbstHEBGkb+4dE3zQxkVERFbQKiJoG7TPRbTsH0S4NyjFd+Y1i+phadZGqJB2KRS9yOL5xnlzYkzhJflmRmWkC7MY7jnf95sz9865Q9jiQVvsjyUAy7JaTdPsEJFUgGq12mKlUpkqlUoVsizrABG9AdCScjWmmLmTlFIDAO4B+ApgJiWILICMYRitpLW+ICJ3ROSR4zhn0gBQSpUB7PB9v+3/AOjp6WmrVqtl13UXNqNCiSqglBoCcEpEyqZp9o2Njb3cKERsgO7u7qxpmhN1hk+YuS81ANu29wdB8BGAuWz6kJnPpgYQGimlLgK4QkThFr1UKBQ+pwoQ16yrqyvjum4AILwajthrIEpoZb63t7fZ87wXRDTHzHkA0ih30wG01rdE5PKy6TVmvpkagG3b+SAIhoE/jQ2AJyLHHMd5vRZE4gporQ+KyHZmfl4vmsvl9hqG8Q7AzlVmM/Pz853j4+M//gWRCCBs1UQUmrSISNZxnA+haH9/v1kulx0Ax9d40iFmPr1RgLBbPgVwIhQSkcnZ2dmj09PTntb6uojciFioA8z8YHVM7ApYlnWViAbrBUQkvB8momLYUiMAfmUymezo6Oj7+rhYAEqpQwBKAJpXmQQi8o2IdsXcpm+bmpqOjIyMVFfiIwFs226p1WqTRNQR0yQq7DYzr2zT8Ova+Dygtb4rIuejVBPMCxGdLBQKj8OchgCWZR0molcJxGOFisic4zhtkQBhgG3bezzPM2Ipxw9acF33eyyA+Jrri/zrFSilzgG4D+AngC/rk0yc1Q7A8H1/N+VyuXYimkiwrRK7rZHwjJlzSw0kn89vq1ar+zZLOUrH9/3FYrH4KTw7pPIr1gjoNyldLbEnRpyXAAAAAElFTkSuQmCC);
  background-position: 0 0 !important;
  background-size: contain;
}

.cke_button__insertaudio span {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACz0lEQVRIS+2WS2jUYBDH/5NkW3ZFDILYBU8iisVbrbAu1nQ3aV2or4vUF4IInhQRtHjTi1Q9ePEm0oLopSpafGAzKej2JBa9+ADx0uKjVnFPdmFJRr6SlrWP3bSsPYi5JZmZ37y/j7DEDy0xDxWBjuPcFJEOAFpEx74B2MfMr+aTnxdoWVaDYRhfIoLKxa4w89kFA3O53JpSqTS6COBVZj79HzgrA/9OSi3LMmOx2EkAI8Vi8VE+nx9X4f61CFtbWzfouv5eQTRN2z4wMPC8lsBMJrNF07QWAEVmvka2bW8E8FZBRKTF87x8LYGO43SJSLeI/PQ8byVls9nVRPRVQYhot+u6/bUEZrPZbiLqAvCRmdepTaPZtv0LQD2Ac8zcXWNgPxHtBPCMma3J1Wbb9lMAbQBeMnOz+tbe3p70ff/zIjbN9GpTDWkYxicACQDnmfnCFPAogBthHfd6nnc/dOQuEXWISNTlPR4EwZ7BwcEXof5lAGcABAA2MfO7SaBlWYZhGG8ArAfwg4hSrut+WER00yqO4+wSkXsAdAC3mPnQZJ9MSTiOkxYRT9VSRL5rmnbEdd3HC4WGzp8AcAlADMCoiDR7njf2B1C9OI6zX0R6AdSFoCEiuhMEgRqbwnxwwzDI9/1VADYDOBBmSomPEdEO13VfT+nOOg8zmUyLpmk9ANYuNLoZ8kMADjLzSPn3OQ/gxsbGumQyeYyIOgFsDesQha/GywXQw8wP5lKoeqfJ5XL1ExMTyVgsZoqIkl8B4JSu6xd93y8po7quB0EQjJumOdbX1+dX8qwqsFw5nU4vj8fjamZTqramaXZWA8yERwa2tbUtC4LgCYBtZUZuM/PhcM6ipLzyrW3KQiqViicSiYdElJnlMVGv67pqcUgUYtUIVQ1LpZJqgPYKBq8z8/Eo0KrApqamhGmaDdW8LxQKo8PDw5NNVLOmqWYsyv/fv+FCLBLGYpcAAAAASUVORK5CYII=);
  background-position: 0 0 !important;
  background-size: contain;
}

.cke_button__insertvideo span {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAABXklEQVRIS+2WP0vDQBjGn+dsxFGQIriJk4uzuBh6bwPZrTgoRQe/hKujX8BBRFDxz+DmYBLsJPpZOgtC8E7eQqGEVouk6aA3BXKX53dP3rvnJaY8qPqtVmum2+32nssYnU7nE4Af51sUkVtlAFAaAIAPAO00Te9GQVhrT4wxa7TWOpJlivc0vfeXWZbtDQOw1h6SPNV36sBYVo1jZ2HOVZqmu8V11loh+QggqBxARFYBvACY74NV5kAcx/U8z98ALA+6UglAGIZzQRBk3vuN4i+pAkAL/ZrkzrA6mjhAFEVbzrn7UUU8cQAROQBw9g/wdx1oNBorxhg9/wtTOQUq2mw2N733TwBmp3EP9DSjKGo7586LqTvxYzi4YxE5BnBU+VU8IKgbvgGwXXkY9QU1F2q12jOA9X4ca/tkfpH33y75oSFZBPBKsq6WXADQoCgT4p3kfpIkD6MotTcgufQFJjal7dB6+lAAAAAASUVORK5CYII=);
  background-position: 0 1.5px !important;
  background-size: contain;
}

.insertImageInput, .insertAudioInput, .insertVideoInput, .cke_button__createplaceholder {
  display: none !important;
}

.cke_top {
  border-color: #e7e7e7 #e7e7e7 transparent #e7e7e7 !important;
  background-color: #e7e7e7 transparent transparent transparent !important;
}

.cke_contents {
  border-color: transparent #e7e7e7 #e7e7e7 #e7e7e7 !important;
  padding: 0 7px 7px 7px !important;
}

.jwck-lang-bg {
  height: 28px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-bottom: none;
  padding-left: 15px;
  overflow: hidden;
}
.jwck-lang-bg .jwck-lang {
  max-width: 100px;
}
.jwck-lang-bg .jwck-lang svg {
  width: .8em;
  height: .8em;
  top: calc(50% - 12px);
}
.jwck-lang-bg > div > div > div > div {
  color: #494949;
  font-size: 14px;
  padding: 5px 0 7px;
}
.jwck-lang-bg > div > div > div > div:focus {
  min-height: 1em !important;
  background-color: #fff;
}

.jwedtoolbar {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-bottom: none;
  padding: 0 5px;
}

.jwck-plugin-items {
  background-color: #fff;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 5px 20px 10px;
}

.jwck-plugin-items-w {
  overflow: hidden;
}

.jwck-plugin-item {
  float: left;
  padding: 8px 15px;
  background-color: #f1f1f1;
  font-size: 12px;
  color: #494949;
  cursor: pointer;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jwck-plugin-item:hover {
  background-color: #ededed;
}

.cke_chrome {
  border-color: transparent #e7e7e7 #e7e7e7 #e7e7e7 !important;
  border-top: none !important;
  width: inherit !important;
}

.jwck-plugin-items-sel {
  margin-top: 30px;
  overflow: hidden;
}

.jwck-plugin-items-sel-item {
  position: relative;
  float: left;
  padding: 6px 22px 6px 15px;
  background-color: #f1f1f1;
  font-size: 12px;
  color: #494949;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.jwck-plugin-items-sel-item del {
  position: absolute;
  width: 20px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.jwck-plugin-items-sel-item del::before, .jwck-plugin-items-sel-item del::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 11px;
  width: 0;
  height: 8px;
  border-left: 1px solid #777;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.jwck-plugin-items-sel-item del::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.transing-prog {
  position: absolute;
  left: 0;
  top: 4px;
  right: 0;
}

.cke_button_label {
  display: none;
}

.jwck-hide {
  display: none;
}

.cke_button__emojipanel {
  display: none !important;
}