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; } } }
Save
Back