shuyun-ng-editor/shuyun-ng-editor.css

shuyun angularJs editor

.editor-keywords-type{margin-right:1em}.editor-keywords-type.active{color:#ff6642}.editor-keywords-wrapper{position:relative}.editor-keywords-list{list-style:none;margin:5px 0 0;max-height:30px;overflow:hidden;padding:0}.editor-keywords-list.expanded{max-height:none}.editor-keywords-item{background:#d6d9e0;color:#3a3a3a;cursor:pointer;display:inline-block;font-size:12px;line-height:2;margin:5px 5px 0 0;padding:0 10px;vertical-align:top}.editor-keywords-item.disabled{background:#f8f8f8;border:1px solid #e4e4e4;color:#b6b6b6;line-height:1.9;cursor:default}.editor-keywords-toggle{border:7px solid transparent;border-top-color:#999;cursor:pointer;position:absolute;right:10px;top:14px;transform-origin:50% 25%;transition:transform .2s ease-in-out}.expanded+.editor-keywords-toggle{transform:rotate(180deg)}.editor{width:500px;font-size:14px}.editor-content{position:relative;margin-top:10px;background:#fff}.editor-content.empty:after{content:attr(data-empty);color:#c2c2c2;pointer-events:none;position:absolute;left:8px;top:5px}.editor-content-main{box-sizing:border-box;border:1px solid #cdcdd3;color:#000;overflow:auto;padding:5px 8px;position:relative;z-index:1;word-wrap:break-word;word-break:break-all}.editor-content-main:focus{outline:none;border-color:#3fc2f8}.editor-content .url-tips{position:absolute;bottom:1px;left:1px;right:1px;background:#ecf8fc;border-top:1px solid #d2eeff;color:#999;font-size:12px;line-height:1;padding:5px 10px;z-index:2}.editor-content .url-tips-close{cursor:pointer;float:right;height:18px;position:absolute;right:8px;top:2px;width:18px}.editor-content .url-tips-close:after,.editor-content .url-tips-close:before{background:#999;content:" ";height:2px;position:absolute;left:4px;top:8px;transform:rotate(45deg);width:12px}.editor-content .url-tips-close:after{transform:rotate(-45deg)}.editor .keyword-insert{-webkit-appearance:none;background-color:#fff;border:0;box-sizing:border-box;color:#ff6642;font-size:inherit;height:auto;line-height:1;margin:0 3px;overflow:visible;padding:0}.editor .keyword-insert-no .editor .keyword-insert,.editor .keyword-insert.default{background:none;padding-left:0}.editor .keyword-insert::selection{background:transparent}.editor .keyword-insert:focus{color:green}.editor .keyword-insert::-moz-selection{background:transparent}.shuyun-sms-preview{width:200px}.shuyun-sms-preview-mock{background:#fff;border:1px solid #cdcdd3;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);border-radius:2px}.shuyun-sms-preview-header{height:25px;position:relative}.shuyun-sms-preview-header:before{border-radius:50%;box-shadow:4px 0 0 #e1e1e1,8px 0 0 #e1e1e1,12px 0 0 #e1e1e1,16px 0 0 #e1e1e1;left:16px;width:3px}.shuyun-sms-preview-header:after,.shuyun-sms-preview-header:before{background:#e1e1e1;content:" ";height:3px;position:absolute;top:11px}.shuyun-sms-preview-header:after{left:90px;width:20px}.shuyun-sms-preview-battery{border:2px solid #e1e1e1;border-radius:2px;height:3px;position:absolute;right:16px;top:9px;width:10px}.shuyun-sms-preview-battery:before{background:#e1e1e1;content:" ";height:3px;position:absolute;left:0;top:0;width:6px}.shuyun-sms-preview-battery:after{background:#e1e1e1;border-radius:0 3px 3px 0;content:" ";height:5px;position:absolute;right:-3px;top:-1px;width:2px}.shuyun-sms-preview-main{height:256px;overflow:auto;padding:0 12px 12px}.shuyun-sms-preview-content{background:#e6e6e9;border-radius:5px;color:#3a3a3a;font-size:12px;margin-top:20px;min-height:17px;padding:6px 10px;position:relative;z-index:1;width:138px;word-break:break-all}.shuyun-sms-preview-content:before{background:#e6e6e9;content:" ";height:10px;position:absolute;left:-12px;top:100%;transform:skew(-40deg,-20deg) translateY(-11px);width:10px}.shuyun-sms-preview-content a{text-decoration:none;color:#0076ff}.shuyun-sms-preview-content-tag{color:#155197}.shuyun-sms-preview-counter{color:#acacac;font-size:12px;margin:10px}.shuyun-sms-preview-counter-number{color:#3a3a3a;font-size:14px}.shuyun-sms-preview-tips{background:#fdfed6;border:1px solid #ffddc7;color:#666;font-size:12px;padding:4px 8px}.shuyun-sms-preview-tips p{margin:0}.shuyun-sms-preview-tips .tips-link{position:relative}.shuyun-sms-preview-tips .tips-link .tips-content{display:none;bottom:calc(100% + 3px);left:calc(100% - 124px);position:absolute;box-sizing:border-box;font-size:12px;border-radius:2px;padding:4px 8px;margin:0;min-height:26px;width:200px;line-height:1.5;box-shadow:none;border:none;background-color:#666;color:#f8f8f8}.shuyun-sms-preview-tips .tips-link .tips-content:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-3px;margin-bottom:-3px;border:solid transparent;border-top:solid #666;border-width:3px 3px 0}.shuyun-sms-preview-tips .tips-link:hover .tips-content{display:block}.shuyun-sms-preview-warning{color:red}