vanilla-image-cropper
Version:
A lightweight javascript imagecropper
2 lines (1 loc) • 3.52 kB
CSS
body{background-color:#484c84;text-align:left;padding:100px 100px 0}.imgc-handles-el[class*='imgc-handles-el-0-']{border-radius:8px;width:12px;height:12px;border-color:#fff;background:#fff}.imgc-handles-el-0-0{top:-8px;left:-8px}.imgc-handles-el-0-1{top:-8px;right:-8px}.imgc-handles-el-0-2{right:-8px;bottom:-8px}.imgc-handles-el-0-3{left:-8px;bottom:-8px}.imgc-content,.imgc-overlay{border-radius:10px;overflow:hidden}.hljs{padding:8px 10px;background:#0d0e19;width:100%;margin:0 auto;border-radius:10px;text-align:left;font-family:"Droid Sans",sans-serif;letter-spacing:.01em;color:#dadada}.hljs .hljs-string{color:#deb86d}.hljs .hljs-keyword,.hljs .hljs-selector-tag,.hljs .hljs-name,.hljs .hljs-selector-id,.hljs .hljs-selector-class{color:#75d9fc}.docs-header{margin-bottom:50px}.docs-header .docs-header-lbl{font-family:"Crimson Text",serif;color:#fff;font-size:30pt;letter-spacing:1pt}.docs-header .docs-header-lbl .docs-header-lbl-highlight{color:#76ddff}.docs-header .docs-header-info{font-size:12pt;font-family:"Droid Sans",sans-serif;color:#eceefb;font-weight:100;letter-spacing:.3pt;width:500px;display:block;line-height:1.6em;margin:30px 0 0}.docs-content .docs-content-code{font-size:10pt}.docs-content .docs-content-el{border-radius:0;padding:0 0 20px}.docs-content .docs-content-el .docs-content-el-header{font-family:"Droid Sans",sans-serif;font-size:10.5pt;letter-spacing:2pt;text-transform:uppercase;color:#8a8db5;margin-top:20px}.docs-content .docs-content-el .docs-content-el-example{padding:100px 0}.docs-content .docs-content-el .docs-content-el-example:first-of-type{padding-top:50px}.docs-content .docs-content-el .docs-content-el-example-preview,.docs-content .docs-content-el .docs-content-el-example-description{width:40%;display:inline-block}.docs-content .docs-content-el .docs-content-el-example-preview{margin:0 0 0 10%}.docs-content .docs-content-el .docs-content-el-example-description{margin:0 10% 0 0;float:left}.docs-content .docs-content-el p{font-size:11pt;font-family:"Droid Sans",sans-serif;color:#eceefb;font-weight:100;letter-spacing:.3pt;line-height:1.6em;margin-bottom:2em}.docs-footer{margin:40px 0}.docs-footer .docs-disclaimer{font-family:"Droid Sans",sans-serif;color:#7b7fb7;font-size:10pt}.docs-footer .docs-disclaimer .docs-disclaimer-author{color:#9c9fc9;text-decoration:none}.install .docs-content-el-header{margin-bottom:20px}.install-section{font-size:0}.install-section-header{display:inline-block;width:auto;height:30px;vertical-align:top;line-height:30px;font-size:9pt;color:#fff;font-family:"Droid Sans",sans-serif;letter-spacing:1pt;background-color:#373961;padding:0 10px;border-top-left-radius:10px;border-bottom-left-radius:10px}.install-section-code{display:inline-block;width:300px;vertical-align:top;margin-bottom:10px}.install-section-code .js{border-top-left-radius:0;border-bottom-left-radius:0;height:30px;box-sizing:border-box}.list{padding:10px 20px}.list-el{font-family:"Droid Sans",sans-serif;font-size:10pt}.list-el:not(.list-el-header):not(:last-of-type){padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #313458}.list-el.list-el-header{margin-bottom:20px;text-transform:uppercase}.list-el.list-el-header .list-el-title{color:#8a8db5;font-weight:400;font-size:.9em;letter-spacing:.1em}.list-el .list-el-title{color:#76ddff;font-weight:400;display:inline-block;width:100px;letter-spacing:.075em;font-size:1.1em}.list-el .list-el-description{color:#eceefb;font-weight:100;letter-spacing:.05em;font-style:italic;font-size:1em}