@import 'active_admin/mixins';
@import 'active_admin/editor/wysiwyg';

.active_admin_editor {
    width: 76%;
    float: left;

    textarea {
        width: 100%;
        font-family: Georgia;
        font-size: 1.3em;
        height: 700px;
        line-height: 1.5em;
    }

    .active_admin_editor_toolbar {
        position: relative;
        margin-bottom: 8px;

        /* Formatting Buttons */
        [data-wysihtml5-command],
        [data-wysihtml5-action="change_view"] {
          text-decoration: none;
          background: #fff;
          color: #000;
          padding: 4px 6px;
          margin: 0 2px 2px 0;
          border: 1px solid #C9D0D6;
          border-radius: 4px;

          &.wysihtml5-command-active {
            @include gradient(#eee, #f9f9f9);
          }
        }

        &.wysihtml5-commands-disabled [data-wysihtml5-command] {
          opacity: 0.5;
        }

        &.wysihtml5-commands-disabled [data-wysihtml5-action="change_view"] {
          @include gradient(#eee, #f9f9f9);
        }

        [data-wysihtml5-command="bold"] {
          font-weight: bold;
        }

        [data-wysihtml5-command="italic"] {
          font-style: italic;
        }

        [data-wysihtml5-command="createLink"] span {
          border-bottom: 1px solid #38678B;
        }

        /* Dialog Window */
        [data-wysihtml5-dialog] {
            position: absolute;
            top: 35px;
            left: 10px;
            width: 600px;
            background: #fff;
            padding: 20px;
            border: 1px solid #c9d0d6;

            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;

            -moz-box-shadow: 0 0 5px #ccc;
            -webkit-box-shadow: 0 0 5px #ccc;
            box-shadow: 0 0 5px #ccc;

            label {
                clear: both;
                display: block;
                margin: 10px 0;
            }

            input {
                width: 400px;
                border: 1px solid #c9d0d6;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                font-size: 0.95em;
                font-family: Helvetica, Arial, sans-serif;
                outline: none;
                padding: 8px 10px 7px;
            }

            .asset_scale_selection {
              clear: both;
              @include clearfix;

              label {
                clear: none;
                display: block;
                float: left;
                width: auto;
                margin-right: 20px;

                input {
                  width: auto;
                }
              }
            }

            .assets_container {
              clear: both;
              @include clearfix;
              margin: 10px 0;
              padding: 20px 0;

              .asset {
                float: left;
                margin: 5px;
                line-height: 0;
                border: 3px solid #ddd;

                &.active {
                  border-color: #999;
                }

                img {
                  cursor: pointer;
                }
              }

              a.upload {
                display: block;
                float: right;
                margin-right: 20px;
              }
            }

            .action-group {
                padding-top: 20px;
                clear: both;
            }

            [data-wysihtml5-dialog-action] {
                cursor: pointer;
            }
        }

        .button.quicksave {
            float: right;
            margin-top: -5px;
            margin-right: -20px;
            position: relative;
            top: -5px;
        }
    }
}