NN2023032801/m/eleditor/layout/base.css

@charset "gb2312";
/**
* Title: Eleditor Òƶ¯¶Ë¸»Îı¾±à¼­Æ÷
* Site: https://eleditor.fixel.cn
* Author: Try
*/
.Eleditor-scrollLocked{height:100%}

.Eleditor-wrap.Eleditor-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}

.Eleditor-loading{display:none;position:absolute;padding:15px;background:rgba(255,255,255,.9);z-index:999;width:100%;height:100%}

.Eleditor-loading p{font-size:12px;color:#666;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}

.Eleditor-loading p:before{content:'';width:25px;height:25px;margin:0 auto;background:url(../img/1.gif) no-repeat center top;background-size:100%;display:inline-block;vertical-align:middle;margin-right:10px}

.Eleditor-wrap ul{list-style:none}

.Eleditor-area,.Eleditor-area *,.Eleditor-wrap,.Eleditor-wrap *{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}

.Eleditor-area .Eleditor-active{background:#cce0f2!important;padding:2%!important}

.Eleditor-video-area video{width: 100%;}

.Eleditor-iframe-area,.Eleditor-video-area,.Eleditor-audio-area{position:relative;width:100%;box-sizing:border-box}

.Eleditor-iframe-area iframe{width:100%}

.Eleditor-iframe-area:before,.Eleditor-video-area:before,.Eleditor-audio-area:before{position:absolute;content:'';width:100%;opacity:0;height:100%;top:0;left:0;display:block;z-index:1}

.Eleditor-controller{background:#fff;position:absolute;box-sizing:border-box;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);left:50%;display:none;margin-top:5px;box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);border-bottom:1px solid #e1e1e1;border-radius:3px;-webkit-border-radius:3px;background:linear-gradient(top,rgb(255,255,255) 29%,rgb(248,248,248) 74%);background:-o-linear-gradient(top,rgb(255,255,255) 29%,rgb(248,248,248) 74%);background:-moz-linear-gradient(top,rgb(255,255,255) 29%,rgb(248,248,248) 74%);background:-webkit-linear-gradient(top,rgb(255,255,255) 29%,rgb(248,248,248) 74%)}

.Eleditor-controller ul{margin-bottom:2.5%}

.Eleditor-controller ul:after{content:'';display:block;height:0;clear:both}

.Eleditor-controller ul li{float:left;display:inline-block;width:30%;margin:2% 0 0 2.5%;height:42px;border-radius:3px;-webkit-border-radius:3px;line-height:42px;padding-left:10%;box-sizing:border-box;font-size:14px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;white-space:nowrap;position:relative}

.Eleditor-controller ul li.Eleditor-undo{display:none}

.Eleditor-controller ul li:before{background-size:100%;background-repeat:no-repeat}
	
	.Eleditor-controller ul li:before{content:'';position:absolute;left:8px;top:12px;width:15px;height:15px;display:block;background-image:url(../img/2.png)}
	
	.Eleditor-controller ul li.Eleditor-insertText:before{background-image:url(../img/3.png)}
	
	.Eleditor-controller ul li.Eleditor-insertImage:before{background-image:url(../img/4.png)}
	
	.Eleditor-controller ul li.Eleditor-undo:before{background-image:url(../img/5.png)}
	
	.Eleditor-controller ul li div[id^='rt_rt_']{top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
	
	.Eleditor-controller ul li.Eleditor-insertLink:before{background-image:url(../img/9.png)}
	
	.Eleditor-controller ul li.Eleditor-insertHr:before{background-image:url(../img/10.png)}
	
	.Eleditor-controller ul li.Eleditor-delete:before{background-image:url(../img/7.png)}
	
	.Eleditor-controller ul li.Eleditor-cancel:before{background-image:url(../img/8.png)}
	
	.Eleditor-controller ul li.Eleditor-editText:before{background-image:url(../img/11.png)}
	
	@media screen and (max-width:300px){
	.Eleditor-controller ul li{width:30%;text-align:center;padding-left:0;font-size:12px}
	.Eleditor-controller ul li:before{display:none}
	}
	
	.Eleditor-textEditor{display:none;width:100%;height:100%;background:#fff;position:fixed;left:0;top:0}
	
	.Eleditor-textEditor-colors,.Eleditor-textEditor-fontsizes,.Eleditor-textEditor-lineheight,.Eleditor-textEditor-linedecorations{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1}
	
	.Eleditor-textEditor-modulePane{margin:10px 8px;border-bottom:1px solid #ccc;padding-bottom:10px}
	
	.Eleditor-textEditor-linedecorations .Eleditor-textEditor-modulePane{margin-bottom:0}
	
	.Eleditor-textEditor-linedecorations ul li{text-align:center;display:block;color:#555;font-size:14px;letter-spacing:2px;padding:20px 0;border-bottom:1px solid #eee}
	
	.Eleditor-textEditor-colors ul:after{content:'';display:block;clear:both;height:0}
	
	.Eleditor-textEditor-colors ul li{float:left;text-align:center;width:20%;margin-bottom:10px}
	
	.Eleditor-textEditor-colors ul li span{width:40px;height:40px;display:inline-block;border-radius:3px;cursor:pointer;position:relative}
	
	.Eleditor-textEditor-colors ul li span.transparent:after,.Eleditor-textEditor-colors ul li span.transparent:before{position:absolute;background:#dedede;content:'';transform:rotate(45deg);-webkit-transform:rotate(45deg)}
	
	.Eleditor-textEditor-colors ul li span.transparent:after{width:1px;height:100%;left:50%;top:0}
	
	.Eleditor-textEditor-colors ul li span.transparent:before{width:100%;height:1px;left:0;top:50%}
	
	.Eleditor-textEditor-fontsizes ul li,.Eleditor-textEditor-lineheight ul li{text-align:center;color:#333;font-size:14px;line-height:30px}
	
	.Eleditor-textStyle{display:flex;display:-webkit-flex;position:relative;border-bottom:1px solid #eee;overflow-x:auto;overflow-y:hidden;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1)}
	
	.Eleditor-textStyle .Eleditor-textStyle-item{flex:1;-webkit-flex:1;padding:10px 0}
	
	.Eleditor-textStyle .Eleditor-textStyle-item div{width:24px;height:24px;position:relative;margin:auto}
	
	.Eleditor-textStyle .Eleditor-textStyle-item div:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:block;background-size:20px;background-position:center;background-repeat:no-repeat}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-active{background-color:#FFE69F!important;padding:0;border:1px solid #DCAC6C;border-radius:2px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-bold:before{background-image:url(../img/12.png)}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-color:before{background-image:url(../img/13.png);background-size:16px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-color:before{background-position:center 3px;background-size:15px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-color span{display:block;width:18px;height:1px;background:#333;position:absolute;bottom:2px;left:4px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-linedecoration:before{background-image:url(../img/14.png);background-size:18px;background-position:center 3px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-bgColor:before{background-image:url(../img15.png);background-position:center 3px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-fontSize:before{background-image:url(../img/5.png);background-size:22px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-lineHeight:before{background-image:url(../img/16.png)}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-alignLeft:before{background-image:url(../img/17.png);background-size:25px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-alignCenter:before{background-image:url(../img/18.png);background-size:25px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-alignRight:before{background-image:url(../img/19.png);background-size:25px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item .Eleditor-textStyle-upImg:before{background-image:url(../img/20.png);background-size:22px}
	
	.Eleditor-textStyle .Eleditor-textStyle-item-upImg{position:relative}
	
	.Eleditor-textStyle .Eleditor-textStyle-item-upImg-disabled{display:none}
	
	.Eleditor-textStyle .Eleditor-webUploader-btn>:not(.webuploader-pick){transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);top:50%!important;left:50%!important;opacity:0}
	
	.Eleditor-textStyle .Eleditor-webUploader-btn>:not(.webuploader-pick) label{position:absolute;top:0;left:0;width:100%;height:100%}
	
	.Eleditor-textEditor-formats{position:absolute;right:-60px;bottom:20%;border-radius:50%;-webkit-border-radius:50%;width:100px;height:100px;box-shadow:0 0 5px rgba(0,0,0,.1);background:#fff;z-index:1}
	
	.Eleditor-textEditor-formats div{background-repeat:no-repeat;width:100%;height:32px;background-position-x:12px;background-position-y:center;position:absolute}
	
	.Eleditor-textEditor-formats .Eleditor-textEditor-format{background-image:url(../img/21.png);background-size:20px;border-bottom:1px solid #F5F5F5;top:15px}
	
	.Eleditor-textEditor-formats .Eleditor-textEditor-clean{background-image:url(../img/22.png);background-size:20px;bottom:15px}
	
	.Eleditor-inputarea{position:absolute;top:45px;bottom:60px;width:100%}
	
	.Eleditor-textEditor[type=link] .Eleditor-inputarea{bottom:95px}
	
	.Eleditor-inputarea .textarea{-webkit-user-select:auto;overflow-y:auto;overflow-x:hidden;height:100%;width:100%;padding:10px;box-sizing:border-box;font-size:14px;color:#555;border:none;word-wrap:break-word;word-break:normal}
	
	.Eleditor-inputarea .textarea:empty::before{color:lightgrey;content:attr(placeholder)}
	
	.Eleditor-inputarea input{display:none}.Eleditor-inputarea .textarea img{width:100%;height:auto;box-sizing:border-box}
	
	.Eleditor-textEditor[type=link] .Eleditor-inputarea input{height:33px;display:block;border:none;border-bottom:1px solid #ddd;width:100%;margin:10px;color:#333;outline:none}
	
	.Eleditor-method{border-top:1px solid #eee;position:absolute;bottom:0;width:100%;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1)}
	
	.Eleditor-method:after{content:'';clear:both;display:block;height:0}
	
	.Eleditor-method button{width:50%;border:none;padding:0;margin:0;box-sizing:border-box;float:left;background:#fff;height:40px;color:#333}
	
	.Eleditor-method .Eleditor-commit{border-right:1px solid #ddd}
	
	.Eleditor-placeholder{color:#999}
	
	.Eleditor-deleteMode *{border:1px dashed red;text-decoration:none!important}
	
	.Eleditor-deleteMode *:empty{padding:0 10px;box-sizing:border-box}
	
	.Eleditor-delete-layer{display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #ddd}
	
	.Eleditor-delete-tip{position:fixed;top:0;width:100%;text-align:center;line-height:28px;font-size:12px;background:rgba(255,235,59,.95);color:#F44336;border-bottom:1px solid #ffd350}
	
	.Eleditor-delete-back{padding:15px;box-sizing:border-box;width:100%;text-align:center;font-size:14px}
	
	.Eleditor-delete-back:before{content:'';background-size:100%;background-repeat:no-repeat;background-position:20% center;display:inline-block;vertical-align:bottom;width:16px;height:16px;margin-right:5px}
	
	.Eleditor-delete-revoke,.Eleditor-delete-clear{position:fixed;width:50px;height:50px;right:20px;font-size:12px;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);background:#FF5722}
	
	.Eleditor-delete-revoke{bottom:70px;background-image:linear-gradient(to bottom,#ff5165,#ff8f8f);background-image:-webkit-linear-gradient(to bottom,#ff5165,#ff8f8f)}
	
	.Eleditor-delete-revoke-disabled{display:none}
	
	.Eleditor-delete-clear{bottom:130px;background-image:linear-gradient(to bottom,#9E9E9E,#d6d6d6);background-image:-webkit-linear-gradient(to bottom,#9E9E9E,#d6d6d6)}
	
	.Eleditor-delete-revoke:before,.Eleditor-delete-clear:before{position:absolute;left:50%;top:50%;content:'';background-size:100%;display:block;background-repeat:no-repeat}
	
	.Eleditor-delete-revoke:before{background-image:url(../img/23.png);margin-left:-15px;margin-top:-13px;width:28px;height:28px}
	
	.Eleditor-delete-clear:before{background-image:url(../img/24.png);margin-left:-12px;margin-top:-12px;width:24px;height:24px}
	
	.Eleditor-delete-back:before{background-image:url(../img/25.png)}