.color-picker,.color-picker .color-button{border:1px solid #f2f2f2;background-color:#fff}.color-picker{position:fixed;top:25%;left:0;z-index:999;padding:30px;-webkit-transition:all .35s;-o-transition:all .35s;-moz-transition:all .35s;transition:all .35s;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.color-picker.active{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.color-picker .color-button{width:40px;height:40px;border-left:none;position:absolute;top:20px;right:-40px;color:#333;font-size:16px;cursor:pointer}.color-picker .color-button i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.color-picker .color-container .list-color span{display:inline-block;width:30px;height:25px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-right:5px;cursor:pointer}.color-picker .color-container .list-color span:last-child{margin-right:0}.color-picker .color-container .list-color span.blue{background:#4272d7}.color-picker .color-container .list-color span.red{background:#fa4251}.color-picker .color-container .list-color span.green{background:#63c76a}.color-picker .color-container .list-color span.yellow{background:#ffe048}.color-picker .color-container .list-color span.orange{background:#f39c12}