.ckeditor-html-box {
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 12px;
    /* Text color */
    color: #333;
    /* Remove the background color to make it transparent */
    background-color: #fff;
    .cke_editable {
        font-size: 13px;
        line-height: 1.6;
        /* Fix for missing scrollbars with RTL texts. (#10488) */
        word-wrap: break-word;
    }
    blockquote {
        font-style: italic;
        font-family: Georgia, Times, "Times New Roman", serif;
        padding: 2px 0;
        border-style: solid;
        border-color: #ccc;
        border-width: 0;
        padding-left: 20px !important;
        padding-right: 8px !important;
        border-left-width: 5px !important;
        margin: 20px 40px;
    }
    a {
        color: #0782C1;
    }
    ol,
    ul,
    dl {
        /* IE7: reset rtl list margin. (#7334) */
        *margin-right: 0px;
        /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
        padding: 0 40px;
    }
    ul,li{
        list-style: initial;
    }
    ol,li{
        list-style: decimal;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal;
        line-height: 1.2;
    }
    hr {
        border: 0px;
        border-top: 1px solid #ccc;
    }
    img {
        max-width: 100%;
        &.right {
            border: 1px solid #ccc;
            float: right;
            margin-left: 15px;
            padding: 5px;
        }
        &.left {
            border: 1px solid #ccc;
            float: left;
            margin-right: 15px;
            padding: 5px;
        }
    }
    pre {
        white-space: pre-wrap;
        /* CSS 2.1 */
        word-wrap: break-word;
        /* IE7 */
        -moz-tab-size: 4;
        tab-size: 4;
    }
    .marker {
        background-color: Yellow;
    }
    span[lang] {
        font-style: italic;
    }
    figure {
        text-align: center;
        outline: solid 1px #ccc;
        background: rgba(0, 0, 0, 0.05);
        padding: 10px;
        margin: 10px 20px;
        display: inline-block;
        >figcaption {
            text-align: center;
            display: block;
            /* For IE8 */
        }
    }
    a>img {
        padding: 1px;
        margin: 1px;
        border: none;
        outline: 1px solid #0782C1;
    }
    /* Widget Styles */
    .code-featured {
        border: 5px solid red;
    }
    .math-featured {
        padding: 20px;
        box-shadow: 0 0 2px rgba(200, 0, 0, 1);
        background-color: rgba(255, 0, 0, 0.05);
        margin: 10px;
    }
    .image-clean {
        border: 0;
        background: none;
        padding: 0;
        >figcaption {
            font-size: .9em;
            text-align: right;
        }
    }
    .image-grayscale {
        background-color: white;
        color: #666;
        img {
            filter: grayscale(100%);
        }
    }
    img.image-grayscale {
        filter: grayscale(100%);
    }
    .embed-240p {
        max-width: 426px;
        max-height: 240px;
        margin: 0 auto;
    }
    .embed-360p {
        max-width: 640px;
        max-height: 360px;
        margin: 0 auto;
    }
    .embed-480p {
        max-width: 854px;
        max-height: 480px;
        margin: 0 auto;
    }
    .embed-720p {
        max-width: 1280px;
        max-height: 720px;
        margin: 0 auto;
    }
    .embed-1080p {
        max-width: 1920px;
        max-height: 1080px;
        margin: 0 auto;
    }
}