Edit

Editing: _cropit.scss

#avatarCropModalContainer {

#imageCropperContainer {

margin: 0 auto;
        text-align: center;

> * {
            margin: 0 auto;
        }

.cropit-preview, .cropit-tools {
            direction: ltr;
        }

.cropit-preview {
            background-color: #f9f9f9;
            background-size: cover;
            border: 1px solid #ccc;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;
            margin-top: 7px;
            margin-bottom: 15px;
            text-align: center;
            z-index: 99;
            overflow: hidden;
            direction: ltr;
        }

.cropit-preview-image {

}

.cropit-preview-image-container {
            cursor: move;

}

.rotate-cw, .rotate-ccw {
            font-size: 1.3em;
        }

.image-size-label {
            margin-top: 10px;
        }

.cropit-image-zoom-input {
            display: inline-block;
            width: 120px;
        }

.cropit-image-input {
            display: none;
        }

.cropit-preview-background {
            opacity: .2;
            z-index: 33;
        }

}
}

#coverCropperContainer {
    width: 100%;

> .cropit-preview {
        background-color: transparent;
        background-size: cover;
        height: 300px;
        direction: ltr;
    }

.cropit-preview-image {
    }

.cropit-preview-image-container {
        cursor: move;
    }

.cropit-image-input {
        display: none;
    }

div.buttons {
        text-align: left;
        margin: 5px 0 5px 15px;

.rtl & {
            text-align: right;
        }
    }
}

Back