﻿
/* ===================================================
 * style.wysiwyg.css
 * ===================================================
 * Contains all styles that can be displayed in the
 * WYSIWYG editor, e.g. font color, size and weight.
 * 
 * Also contains the styles for the localized text-
 * area, which represents the editor.
 * =================================================== */

/* Sets black as default color for the WYSIWYG editor */
.input-localized-textarea textarea {
    color: #000;
    height: 300px;
}

/* Fix for Internet Exporer, which does not correctly render the width of the frame */
.input-localized-textarea .textarea-frame {
    margin-right: 10px;
}

.wysihtml5-sandbox {
    margin-right: 50px !important;
}

/* Sets the position of the localized text popover */
.input-localized-textarea .inline-popover {
    margin-left: 243px;
}
.input-localized-textarea .inline-popover .popover {
    top: -10px;
}

/* Represents the active style of elements in the WYSIWYG editor */
.wysihtml5-command-active {
    outline: 0;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

/* Enables font color in the WYSIWYG editor */
.x_wysiwyg-color-normal,
.wysiwyg-color-normal {
}
.x_wysiwyg-color-muted,
.wysiwyg-color-muted {
    color: #999999;
}
.x_wysiwyg-color-text-warning,
.wysiwyg-color-text-warning {
    color: #c09853;
}
.x_wysiwyg-color-text-error,
.wysiwyg-color-text-error {
    color: #b94a48;
}
.x_wysiwyg-color-text-info,
.wysiwyg-color-text-info {
    color: #3a87ad;
}
.x_wysiwyg-color-text-success,
.wysiwyg-color-text-success {
    color: #468847;
}

/* Enables text alignment */
.x_wysiwyg-text-align-left,
.wysiwyg-text-align-left {
    text-align: left;
}
.x_wysiwyg-text-align-center,
.wysiwyg-text-align-center {
    text-align: center;
}
.x_wysiwyg-text-align-right,
.wysiwyg-text-align-right {
    text-align: right;
}