UNPKG

zui

Version:

一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。

1,605 lines (1,582 loc) 40.6 kB
/*基础UI构建 */ /* common layer */ .edui-default .edui-box { padding: 0; margin: 0; overflow: hidden; border: none; } .edui-default a.edui-box { display: block; color: black; text-decoration: none; } .edui-default a.edui-box:hover { text-decoration: none; } .edui-default a.edui-box:active { text-decoration: none; } .edui-default table.edui-box { border-collapse: collapse; } .edui-default ul.edui-box { list-style-type: none; } div.edui-box { position: relative; display: inline-block !important; vertical-align: top; } .edui-default .edui-clearfix { zoom: 1; } .edui-default .edui-clearfix:after { display: block; clear: both; content: '\20'; } * html div.edui-box { display: inline !important; } *:first-child + html div.edui-box { display: inline !important; } /* control layout */ .edui-default .edui-button-body, .edui-splitbutton-body, .edui-menubutton-body, .edui-combox-body { position: relative; } .edui-default .edui-popup { position: absolute; -webkit-user-select: none; -moz-user-select: none; } .edui-default .edui-popup .edui-shadow { position: absolute; z-index: -1; } .edui-default .edui-popup .edui-bordereraser { position: absolute; overflow: hidden; } .edui-default .edui-tablepicker .edui-canvas { position: relative; } .edui-default .edui-tablepicker .edui-canvas .edui-overlay { position: absolute; } .edui-default .edui-dialog-modalmask, .edui-dialog-dragmask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .edui-default .edui-toolbar { position: relative; } /* * default theme */ .edui-default .edui-label { cursor: default; } .edui-default span.edui-clickable { color: blue; text-decoration: underline; cursor: pointer; } .edui-default span.edui-unclickable { color: gray; cursor: default; } /* 工具栏 */ .edui-default .edui-toolbar { width: auto; height: auto; padding: 1px; overflow: hidden; cursor: default; /*全屏下单独一行不占位*/ zoom: 1; -webkit-user-select: none; -moz-user-select: none; } .edui-default .edui-toolbar .edui-button, .edui-default .edui-toolbar .edui-splitbutton, .edui-default .edui-toolbar .edui-menubutton, .edui-default .edui-toolbar .edui-combox { margin: 1px; } /*UI工具栏、编辑区域、底部*/ .edui-default .edui-editor { position: relative; overflow: visible; background-color: white; border: 1px solid #d4d4d4; border-radius: 4px; } .edui-editor div { width: auto; height: auto; } .edui-default .edui-editor-toolbarbox { position: relative; zoom: 1; border-top-left-radius: 4px; border-top-right-radius: 4px; } .edui-default .edui-editor-toolbarboxouter { background-color: #fafafa; background-repeat: repeat-x; border-bottom: 1px solid #d4d4d4; *zoom: 1; } .edui-default .edui-editor-toolbarboxinner { padding: 2px; } .edui-default .edui-editor-iframeholder { position: relative; } .edui-default .edui-editor-bottomContainer { overflow: hidden; } .edui-default .edui-editor-bottomContainer table { width: 100%; height: 0; overflow: hidden; border-spacing: 0; } .edui-default .edui-editor-bottomContainer td { font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif; font-size: 12px; line-height: 20px; white-space: nowrap; border-top: 1px solid #ccc; } .edui-default .edui-editor-wordcount { margin-right: 5px; color: #aaa; text-align: right; } .edui-default .edui-editor-scale { width: 12px; } .edui-default .edui-editor-scale .edui-editor-icon { float: right; width: 100%; height: 12px; margin-top: 10px; cursor: se-resize; background: url(../images/scale.png) no-repeat; } .edui-default .edui-editor-breadcrumb { margin: 2px 0 0 3px; } .edui-default .edui-editor-breadcrumb span { color: blue; text-decoration: underline; cursor: pointer; } .edui-default .edui-toolbar .edui-for-fullscreen { float: right; } .edui-default .edui-bubble .edui-popup-content { padding: 5px; font-family: "宋体"; font-size: 10pt; background-color: #fff6d9; border: 1px solid #dcac6c; } .edui-default .edui-editor-toolbarmsg { position: absolute; bottom: -25px; left: 0; z-index: 1009; width: 99.9%; background-color: #fff6d9; border-bottom: 1px solid #ccc; } .edui-default .edui-editor-toolbarmsg-upload { position: absolute; top: 5px; left: 350px; width: 100px; height: 16px; font-size: 14px; line-height: 16px; color: blue; cursor: pointer; } .edui-default .edui-editor-toolbarmsg-label { padding: 4px; font-size: 12px; line-height: 16px; } .edui-default .edui-editor-toolbarmsg-close { float: right; width: 20px; height: 16px; line-height: 16px; color: red; cursor: pointer; } .edui-default .edui-list .edui-bordereraser { display: none; } .edui-default .edui-listitem { padding: 1px; white-space: nowrap; } .edui-default .edui-list .edui-state-hover { position: relative; padding: 0; background-color: #fff5d4; border: 1px solid #dcac6c; } .edui-default .edui-for-fontfamily .edui-listitem-label { min-width: 130px; height: 22px; padding-left: 5px; font-size: 12px; line-height: 22px; _width: 120px; } .edui-default .edui-for-insertcode .edui-listitem-label { min-width: 120px; height: 22px; padding-left: 5px; font-size: 12px; line-height: 22px; _width: 120px; } .edui-default .edui-for-underline .edui-listitem-label { min-width: 120px; padding: 3px 5px; font-size: 12px; _width: 120px; } .edui-default .edui-for-fontsize .edui-listitem-label { min-width: 120px; padding: 3px 5px; _width: 120px; } .edui-default .edui-for-paragraph .edui-listitem-label { min-width: 200px; padding: 2px 5px; _width: 200px; } .edui-default .edui-for-rowspacingtop .edui-listitem-label, .edui-default .edui-for-rowspacingbottom .edui-listitem-label { min-width: 53px; padding: 2px 5px; _width: 53px; } .edui-default .edui-for-lineheight .edui-listitem-label { min-width: 53px; padding: 2px 5px; _width: 53px; } .edui-default .edui-for-customstyle .edui-listitem-label { width: 200px !important; min-width: 200px; padding: 2px 5px; _width: 200px; } /* 可选中按钮弹出菜单*/ .edui-default .edui-menu { z-index: 3000; } .edui-default .edui-menu .edui-popup-content { padding: 3px; } .edui-default .edui-menu-body { min-width: 170px; background: url("../images/sparator_v.png") repeat-y 25px; _width: 150px; } .edui-default .edui-menuitem { height: 20px; vertical-align: top; cursor: default; } .edui-default .edui-menuitem .edui-icon { width: 20px !important; height: 20px !important; background: url(../images/icons.png) 0 -4000px; background: url(../images/icons.gif) 0 -4000px\9; } .edui-default .edui-menuitem .edui-label { height: 20px; padding-left: 10px; font-size: 12px; line-height: 20px; } .edui-default .edui-state-checked .edui-menuitem-body { background: url("../images/icons-all.gif") no-repeat 6px -205px; } .edui-default .edui-state-disabled .edui-menuitem-label { color: gray; } /*不可选中菜单按钮 */ .edui-default .edui-toolbar .edui-combox-body .edui-button-body { width: 60px; height: 20px; padding-left: 5px; margin: 0 3px 0 0; font-size: 12px; line-height: 20px; white-space: nowrap; } .edui-default .edui-toolbar .edui-combox-body .edui-arrow { width: 9px; height: 20px; background: url(../images/icons.png) -741px 0; _background: url(../images/icons.gif) -741px 0; } .edui-default .edui-toolbar .edui-combox .edui-combox-body { background-color: white; border: 1px solid #ccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .edui-default .edui-toolbar .edui-combox-body .edui-splitborder { display: none; } .edui-default .edui-toolbar .edui-combox-body .edui-arrow { border-left: 1px solid #ccc; } .edui-default .edui-toolbar .edui-state-hover .edui-combox-body { background-color: #fff5d4; border: 1px solid #dcac6c; } .edui-default .edui-toolbar .edui-state-hover .edui-combox-body .edui-arrow { border-left: 1px solid #dcac6c; } .edui-default .edui-toolbar .edui-state-checked .edui-combox-body { background-color: #ffe69f; border: 1px solid #dcac6c; } .edui-toolbar .edui-state-checked .edui-combox-body .edui-arrow { border-left: 1px solid #dcac6c; } .edui-toolbar .edui-state-disabled .edui-combox-body { background-color: #f0f0ee; filter: alpha(opacity=30); opacity: .3; } .edui-toolbar .edui-state-opened .edui-combox-body { background-color: white; border: 1px solid gray; } /*普通按钮样式及状态*/ .edui-default .edui-toolbar .edui-button .edui-icon, .edui-default .edui-toolbar .edui-menubutton .edui-icon, .edui-default .edui-toolbar .edui-splitbutton .edui-icon { width: 20px !important; height: 20px !important; background-image: url(../images/icons.png); background-image: url(../images/icons.gif) \9; } .edui-default .edui-toolbar .edui-button .edui-button-wrap { position: relative; padding: 1px; } .edui-default .edui-toolbar .edui-button .edui-state-hover .edui-button-wrap { padding: 0; background-color: #fff5d4; border: 1px solid #dcac6c; } .edui-default .edui-toolbar .edui-button .edui-state-checked .edui-button-wrap { padding: 0; background-color: #ffe69f; border: 1px solid #dcac6c; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .edui-default .edui-toolbar .edui-button .edui-state-active .edui-button-wrap { padding: 0; background-color: #fff; border: 1px solid gray; } .edui-default .edui-toolbar .edui-state-disabled .edui-label { color: #ccc; } .edui-default .edui-toolbar .edui-state-disabled .edui-icon { filter: alpha(opacity=30); opacity: .3; } /* toolbar icons */ .edui-default .edui-for-undo .edui-icon { background-position: -160px 0; } .edui-default .edui-for-redo .edui-icon { background-position: -100px 0; } .edui-default .edui-for-bold .edui-icon { background-position: 0 0; } .edui-default .edui-for-italic .edui-icon { background-position: -60px 0; } .edui-default .edui-for-fontborder .edui-icon { background-position: -160px -40px; } .edui-default .edui-for-underline .edui-icon { background-position: -140px 0; } .edui-default .edui-for-strikethrough .edui-icon { background-position: -120px 0; } .edui-default .edui-for-subscript .edui-icon { background-position: -600px 0; } .edui-default .edui-for-superscript .edui-icon { background-position: -620px 0; } .edui-default .edui-for-blockquote .edui-icon { background-position: -220px 0; } .edui-default .edui-for-forecolor .edui-icon { background-position: -720px 0; } .edui-default .edui-for-backcolor .edui-icon { background-position: -760px 0; } .edui-default .edui-for-inserttable .edui-icon { background-position: -580px -20px; } .edui-default .edui-for-autotypeset .edui-icon { background-position: -640px -40px; } .edui-default .edui-for-justifyleft .edui-icon { background-position: -460px 0; } .edui-default .edui-for-justifycenter .edui-icon { background-position: -420px 0; } .edui-default .edui-for-justifyright .edui-icon { background-position: -480px 0; } .edui-default .edui-for-justifyjustify .edui-icon { background-position: -440px 0; } .edui-default .edui-for-insertorderedlist .edui-icon { background-position: -80px 0; } .edui-default .edui-for-insertunorderedlist .edui-icon { background-position: -20px 0; } .edui-default .edui-for-lineheight .edui-icon { background-position: -725px -40px; } .edui-default .edui-for-rowspacingbottom .edui-icon { background-position: -745px -40px; } .edui-default .edui-for-rowspacingtop .edui-icon { background-position: -765px -40px; } .edui-default .edui-for-horizontal .edui-icon { background-position: -360px 0; } .edui-default .edui-for-link .edui-icon { background-position: -500px 0; } .edui-default .edui-for-code .edui-icon { background-position: -440px -40px; } .edui-default .edui-for-insertimage .edui-icon { background-position: -726px -77px; } .edui-default .edui-for-insertframe .edui-icon { background-position: -240px -40px; } .edui-default .edui-for-emoticon .edui-icon { background-position: -60px -20px; } .edui-default .edui-for-spechars .edui-icon { background-position: -240px 0; } .edui-default .edui-for-help .edui-icon { background-position: -340px 0; } .edui-default .edui-for-print .edui-icon { background-position: -440px -20px; } .edui-default .edui-for-preview .edui-icon { background-position: -420px -20px; } .edui-default .edui-for-selectall .edui-icon { background-position: -400px -20px; } .edui-default .edui-for-searchreplace .edui-icon { background-position: -520px -20px; } .edui-default .edui-for-map .edui-icon { background-position: -40px -40px; } .edui-default .edui-for-gmap .edui-icon { background-position: -260px -40px; } .edui-default .edui-for-insertvideo .edui-icon { background-position: -320px -20px; } .edui-default .edui-for-time .edui-icon { background-position: -160px -20px; } .edui-default .edui-for-date .edui-icon { background-position: -140px -20px; } .edui-default .edui-for-cut .edui-icon { background-position: -680px 0; } .edui-default .edui-for-copy .edui-icon { background-position: -700px 0; } .edui-default .edui-for-paste .edui-icon { background-position: -560px 0; } .edui-default .edui-for-formatmatch .edui-icon { background-position: -40px 0; } .edui-default .edui-for-pasteplain .edui-icon { background-position: -360px -20px; } .edui-default .edui-for-directionalityltr .edui-icon { background-position: -20px -20px; } .edui-default .edui-for-directionalityrtl .edui-icon { background-position: -40px -20px; } .edui-default .edui-for-source .edui-icon { background-position: -261px 0; } .edui-default .edui-for-removeformat .edui-icon { background-position: -580px 0; } .edui-default .edui-for-unlink .edui-icon { background-position: -640px 0; } .edui-default .edui-for-touppercase .edui-icon { background-position: -786px 0; } .edui-default .edui-for-tolowercase .edui-icon { background-position: -806px 0; } .edui-default .edui-for-insertrow .edui-icon { background-position: -478px -76px; } .edui-default .edui-for-insertrownext .edui-icon { background-position: -498px -76px; } .edui-default .edui-for-insertcol .edui-icon { background-position: -455px -76px; } .edui-default .edui-for-insertcolnext .edui-icon { background-position: -429px -76px; } .edui-default .edui-for-mergeright .edui-icon { background-position: -60px -40px; } .edui-default .edui-for-mergedown .edui-icon { background-position: -80px -40px; } .edui-default .edui-for-splittorows .edui-icon { background-position: -100px -40px; } .edui-default .edui-for-splittocols .edui-icon { background-position: -120px -40px; } .edui-default .edui-for-insertparagraphbeforetable .edui-icon { background-position: -140px -40px; } .edui-default .edui-for-deleterow .edui-icon { background-position: -660px -20px; } .edui-default .edui-for-deletecol .edui-icon { background-position: -640px -20px; } .edui-default .edui-for-splittocells .edui-icon { background-position: -800px -20px; } .edui-default .edui-for-mergecells .edui-icon { background-position: -760px -20px; } .edui-default .edui-for-deletetable .edui-icon { background-position: -620px -20px; } .edui-default .edui-for-cleardoc .edui-icon { background-position: -520px 0; } .edui-default .edui-for-fullscreen .edui-icon { background-position: -100px -20px; } .edui-default .edui-for-anchor .edui-icon { background-position: -200px 0; } .edui-default .edui-for-pagebreak .edui-icon { background-position: -460px -40px; } .edui-default .edui-for-imagenone .edui-icon { background-position: -480px -40px; } .edui-default .edui-for-imageleft .edui-icon { background-position: -500px -40px; } .edui-default .edui-for-wordimage .edui-icon { background-position: -660px -40px; } .edui-default .edui-for-imageright .edui-icon { background-position: -520px -40px; } .edui-default .edui-for-imagecenter .edui-icon { background-position: -540px -40px; } .edui-default .edui-for-indent .edui-icon { background-position: -400px 0; } .edui-default .edui-for-outdent .edui-icon { background-position: -540px 0; } .edui-default .edui-for-webapp .edui-icon { background-position: -601px -40px; } .edui-default .edui-for-table .edui-icon { background-position: -580px -20px; } .edui-default .edui-for-edittable .edui-icon { background-position: -420px -40px; } .edui-default .edui-for-template .edui-icon { background-position: -339px -40px; } .edui-default .edui-for-delete .edui-icon { background-position: -360px -40px; } .edui-default .edui-for-attachment .edui-icon { background-position: -620px -40px; } .edui-default .edui-for-edittd .edui-icon { background-position: -700px -40px; } .edui-default .edui-for-snapscreen .edui-icon { background-position: -581px -40px; } .edui-default .edui-for-scrawl .edui-icon { background-position: -801px -41px; } .edui-default .edui-for-background .edui-icon { background-position: -680px -40px; } .edui-default .edui-for-music .edui-icon { background-position: -18px -40px; } .edui-default .edui-for-formula .edui-icon { background-position: -200px -40px; } .edui-default .edui-for-aligntd .edui-icon { background-position: -236px -76px; } .edui-default .edui-for-insertparagraphtrue .edui-icon { background-position: -625px -76px; } .edui-default .edui-for-insertparagraph .edui-icon { background-position: -602px -76px; } .edui-default .edui-for-insertcaption .edui-icon { background-position: -336px -76px; } .edui-default .edui-for-deletecaption .edui-icon { background-position: -362px -76px; } .edui-default .edui-for-inserttitle .edui-icon { background-position: -286px -76px; } .edui-default .edui-for-deletetitle .edui-icon { background-position: -311px -76px; } .edui-default .edui-for-aligntable .edui-icon { background-position: -440px 0; } .edui-default .edui-for-tablealignment-left .edui-icon { background-position: -460px 0; } .edui-default .edui-for-tablealignment-center .edui-icon { background-position: -420px 0; } .edui-default .edui-for-tablealignment-right .edui-icon { background-position: -480px 0; } .edui-default .edui-for-drafts .edui-icon { background-position: -560px 0; } .edui-default .edui-for-charts .edui-icon { background: url(../images/charts.png ) no-repeat 2px 3px !important; } .edui-default .edui-for-inserttitlecol .edui-icon { background-position: -673px -76px; } .edui-default .edui-for-deletetitlecol .edui-icon { background-position: -698px -76px; } .edui-default .edui-for-simpleupload .edui-icon { background-position: -380px 0; } /*splitbutton*/ .edui-default .edui-toolbar .edui-splitbutton-body .edui-arrow, .edui-default .edui-toolbar .edui-menubutton-body .edui-arrow { width: 9px; height: 20px; background: url(../images/icons.png) -741px 0; _background: url(../images/icons.gif) -741px 0; } .edui-default .edui-toolbar .edui-splitbutton .edui-splitbutton-body, .edui-default .edui-toolbar .edui-menubutton .edui-menubutton-body { padding: 1px; } .edui-default .edui-toolbar .edui-splitborder { width: 1px; height: 20px; } .edui-default .edui-toolbar .edui-state-hover .edui-splitborder { width: 1px; border-left: 0 solid #dcac6c; } .edui-default .edui-toolbar .edui-state-active .edui-splitborder { width: 0; border-left: 1px solid gray; } .edui-default .edui-toolbar .edui-state-opened .edui-splitborder { width: 1px; border: 0; } .edui-default .edui-toolbar .edui-splitbutton .edui-state-hover .edui-splitbutton-body, .edui-default .edui-toolbar .edui-menubutton .edui-state-hover .edui-menubutton-body { padding: 0; background-color: #fff5d4; border: 1px solid #dcac6c; } .edui-default .edui-toolbar .edui-splitbutton .edui-state-checked .edui-splitbutton-body, .edui-default .edui-toolbar .edui-menubutton .edui-state-checked .edui-menubutton-body { padding: 0; background-color: #ffe69f; border: 1px solid #dcac6c; } .edui-default .edui-toolbar .edui-splitbutton .edui-state-active .edui-splitbutton-body, .edui-default .edui-toolbar .edui-menubutton .edui-state-active .edui-menubutton-body { padding: 0; background-color: #fff; border: 1px solid gray; } .edui-default .edui-state-disabled .edui-arrow { filter: alpha(opacity=30); opacity: .3; } .edui-default .edui-toolbar .edui-splitbutton .edui-state-opened .edui-splitbutton-body, .edui-default .edui-toolbar .edui-menubutton .edui-state-opened .edui-menubutton-body { padding: 0; background-color: white; border: 1px solid gray; } .edui-default .edui-for-insertorderedlist .edui-bordereraser, .edui-default .edui-for-lineheight .edui-bordereraser, .edui-default .edui-for-rowspacingtop .edui-bordereraser, .edui-default .edui-for-rowspacingbottom .edui-bordereraser, .edui-default .edui-for-insertunorderedlist .edui-bordereraser { background-color: white; } /* 解决嵌套导致的图标问题 */ .edui-default .edui-for-insertorderedlist .edui-popup-body .edui-icon, .edui-default .edui-for-lineheight .edui-popup-body .edui-icon, .edui-default .edui-for-rowspacingtop .edui-popup-body .edui-icon, .edui-default .edui-for-rowspacingbottom .edui-popup-body .edui-icon, .edui-default .edui-for-insertunorderedlist .edui-popup-body .edui-icon { /*background-position: 0 -40px;*/ background-image: none ; } /* 弹出菜单 */ .edui-default .edui-popup { z-index: 3000; width: auto; height: auto; background-color: #fff; } .edui-default .edui-popup .edui-shadow { top: 0; left: 0; width: 100%; height: 100%; } .edui-default .edui-popup-content { padding: 5px; background: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); *border-right-width: 2px; *border-bottom-width: 2px; } .edui-default .edui-popup .edui-bordereraser { height: 3px; background-color: white; } .edui-default .edui-menu .edui-bordereraser { height: 3px; } .edui-default .edui-anchor-topleft .edui-bordereraser { top: -2px; left: 1px; } .edui-default .edui-anchor-topright .edui-bordereraser { top: -2px; right: 1px; } .edui-default .edui-anchor-bottomleft .edui-bordereraser { bottom: -6px; left: 0; height: 7px; border-right: 1px solid gray; border-left: 1px solid gray; } .edui-default .edui-anchor-bottomright .edui-bordereraser { right: 0; bottom: -6px; height: 7px; border-right: 1px solid gray; border-left: 1px solid gray; } .edui-popup div { width: auto; height: auto; } .edui-default .edui-editor-messageholder { position: absolute; top: 28px; right: 3px; display: block; width: 150px; height: auto; padding: 0; margin: 0; border: 0; } .edui-default .edui-message { position: relative; min-height: 10px; padding: 0; margin-bottom: 3px; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); } .edui-default .edui-message-body { padding: 8px 15px 8px 8px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; } .edui-default .edui-message-type-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .edui-default .edui-message-type-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .edui-default .edui-message-type-danger, .edui-default .edui-message-type-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .edui-default .edui-message .edui-message-closer { position: absolute; top: 0; right: 0; display: block; float: right; width: 16px; height: 16px; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 16px; color: #999; text-shadow: 0 1px 0 #fff; cursor: pointer; background: transparent; border: 0; } .edui-default .edui-message .edui-message-content { font-size: 10pt; word-break: normal; word-wrap: break-word; } /* 弹出对话框按钮和对话框大小 */ .edui-default .edui-dialog { position: absolute; z-index: 2000; } .edui-dialog div { width: auto; } .edui-default .edui-dialog-wrap { margin-right: 6px; margin-bottom: 6px; } .edui-default .edui-dialog-fullscreen-flag { margin-right: 0; margin-bottom: 0; } .edui-default .edui-dialog-body { position: relative; padding: 2px 0 0 2px; _zoom: 1; } .edui-default .edui-dialog-fullscreen-flag .edui-dialog-body { padding: 0; } .edui-default .edui-dialog-shadow { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); *border-right-width: 2px; *border-bottom-width: 2px; } .edui-default .edui-dialog-foot { background-color: white; } .edui-default .edui-dialog-titlebar { position: relative; min-height: 24px; padding: 8px 10px; line-height: 24px; cursor: move; border-bottom: 1px solid #e5e5e5; } .edui-default .edui-dialog-caption { padding-left: 5px; font-size: 12px; font-weight: bold; line-height: 26px; } .edui-default .edui-dialog-draghandle { height: 26px; } .edui-default .edui-dialog-closebutton { position: absolute !important; top: 4px; right: 3px; } .edui-default .edui-dialog-closebutton .edui-button-body { width: 30px; height: 30px; font-size: 19.5px; font-weight: 700; line-height: 30px; color: #000; text-align: center; text-shadow: 0 1px 0 #fff; cursor: pointer; filter: alpha(opacity=20); opacity: .2; } .edui-default .edui-dialog-closebutton .edui-button-body:before { content: '×'; } .edui-default .edui-dialog-closebutton .edui-button-body:hover { filter: alpha(opacity=70); opacity: .7; } .edui-default .edui-dialog-foot { height: 40px; } .edui-default .edui-dialog-buttons { position: absolute; right: 0; } .edui-default .edui-dialog-buttons .edui-button { margin-right: 10px; } .edui-default .edui-dialog-buttons .edui-button .edui-button-body { width: 96px; height: 24px; font-size: 12px; line-height: 24px; text-align: center; cursor: default; background-color: #f2f2f2; border: 1px solid #bfbfbf; border-radius: 4px; } .edui-default .edui-dialog-buttons .edui-button .edui-state-hover .edui-button-body { background-color: #dedede; border-color: #a1a1a1; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 1px rgba(0, 0, 0, .1); } .edui-default .edui-dialog iframe { padding: 0; margin: 0; vertical-align: top; border: 0; } .edui-default .edui-dialog-modalmask { position: absolute; background-color: #ccc; filter: alpha(opacity=30); opacity: .3; /*z-index: 1999;*/ } .edui-default .edui-dialog-dragmask { position: absolute; cursor: move; /*z-index: 2001;*/ background-color: transparent; } .edui-default .edui-dialog-content { position: relative; } .edui-default .dialogcontmask { position: absolute; display: block; width: 100%; height: 100%; cursor: move; visibility: hidden; filter: alpha(opacity=0); opacity: 0; } /*link-dialog*/ .edui-default .edui-for-link .edui-dialog-content { width: 420px; height: 200px; overflow: hidden; } /*background-dialog*/ .edui-default .edui-for-background .edui-dialog-content { width: 440px; height: 280px; overflow: hidden; } /*template-dialog*/ .edui-default .edui-for-template .edui-dialog-content { width: 630px; height: 390px; overflow: hidden; } /*scrawl-dialog*/ .edui-default .edui-for-scrawl .edui-dialog-content { width: 515px; height: 360px; *width: 506px; } /*spechars-dialog*/ .edui-default .edui-for-spechars .edui-dialog-content { width: 620px; height: 500px; *width: 630px; *height: 570px; } /*image-dialog*/ .edui-default .edui-for-insertimage .edui-dialog-content { width: 650px; height: 400px; overflow: hidden; } /*webapp-dialog*/ .edui-default .edui-for-webapp .edui-dialog-content { width: 560px; height: 450px; overflow: hidden; _width: 565px; } /*image-insertframe*/ .edui-default .edui-for-insertframe .edui-dialog-content { width: 350px; height: 200px; overflow: hidden; } /*wordImage-dialog*/ .edui-default .edui-for-wordimage .edui-dialog-content { width: 620px; height: 380px; overflow: hidden; } /*attachment-dialog*/ .edui-default .edui-for-attachment .edui-dialog-content { width: 650px; height: 400px; overflow: hidden; } /*map-dialog*/ .edui-default .edui-for-map .edui-dialog-content { width: 550px; height: 400px; } /*gmap-dialog*/ .edui-default .edui-for-gmap .edui-dialog-content { width: 550px; height: 400px; } /*video-dialog*/ .edui-default .edui-for-insertvideo .edui-dialog-content { width: 590px; height: 390px; } /*anchor-dialog*/ .edui-default .edui-for-anchor .edui-dialog-content { width: 320px; height: 60px; overflow: hidden; } /*searchreplace-dialog*/ .edui-default .edui-for-searchreplace .edui-dialog-content { width: 400px; height: 220px; } /*help-dialog*/ .edui-default .edui-for-help .edui-dialog-content { width: 400px; height: 420px; } /*edittable-dialog*/ .edui-default .edui-for-edittable .edui-dialog-content { width: 540px; height: 335px; _width: 590px; } /*edittip-dialog*/ .edui-default .edui-for-edittip .edui-dialog-content { width: 225px; height: 60px; } /*edittd-dialog*/ .edui-default .edui-for-edittd .edui-dialog-content { width: 240px; height: 50px; } /*snapscreen-dialog*/ .edui-default .edui-for-snapscreen .edui-dialog-content { width: 400px; height: 220px; } /*music-dialog*/ .edui-default .edui-for-music .edui-dialog-content { width: 515px; height: 360px; } /*段落弹出菜单*/ .edui-default .edui-for-paragraph .edui-listitem-label { font-family: Tahoma, Verdana, Arial, Helvetica; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-p { font-size: 22px; line-height: 27px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h1 { font-size: 32px; font-weight: bolder; line-height: 36px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h2 { font-size: 27px; font-weight: bolder; line-height: 29px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h3 { font-size: 19px; font-weight: bolder; line-height: 23px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h4 { font-size: 16px; font-weight: bolder; line-height: 19px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h5 { font-size: 13px; font-weight: bolder; line-height: 16px; } .edui-default .edui-for-paragraph .edui-listitem-label .edui-for-h6 { font-size: 12px; font-weight: bolder; line-height: 14px; } /* 表格弹出菜单 */ .edui-default .edui-for-inserttable .edui-splitborder { display: none; } .edui-default .edui-for-inserttable .edui-splitbutton-body .edui-arrow { width: 0; } .edui-default .edui-toolbar .edui-for-inserttable .edui-state-active .edui-splitborder { border-left: 1px solid transparent; } .edui-default .edui-tablepicker .edui-infoarea { width: 220px; height: 14px; margin-bottom: 3px; clear: both; font-size: 12px; line-height: 14px; } .edui-default .edui-tablepicker .edui-infoarea .edui-label { float: left; } .edui-default .edui-dialog-buttons .edui-label { line-height: 24px; } .edui-default .edui-tablepicker .edui-infoarea .edui-clickable { float: right; } .edui-default .edui-tablepicker .edui-pickarea { width: 220px; height: 220px; background: url("../images/unhighlighted.gif") repeat; } .edui-default .edui-tablepicker .edui-pickarea .edui-overlay { background: url("../images/highlighted.gif") repeat; } /* 颜色弹出菜单 */ .edui-default .edui-colorpicker-topbar { width: 200px; height: 27px; /*border-bottom: 1px gray dashed;*/ } .edui-default .edui-colorpicker-preview { float: left; width: 128px; height: 20px; margin-left: 1px; border: 1px inset black; } .edui-default .edui-colorpicker-nocolor { float: right; height: 14px; padding: 3px 5px; margin-right: 1px; font-size: 12px; line-height: 14px; cursor: pointer; border: 1px solid #333; } .edui-default .edui-colorpicker-tablefirstrow { height: 30px; } .edui-default .edui-colorpicker-colorcell { display: block; width: 14px; height: 14px; margin: 0; cursor: pointer; } .edui-default .edui-colorpicker-colorcell:hover { width: 14px; height: 14px; margin: 0; } .edui-default .edui-colorpicker-advbtn { display: block; height: 20px; text-align: center; cursor: pointer; } .arrow_down { background: white url('../images/arrow_down.png') no-repeat center; } .arrow_up { background: white url('../images/arrow_up.png') no-repeat center; } /*高级的样式*/ .edui-colorpicker-adv { position: relative; display: none; height: 180px; overflow: hidden; } .edui-colorpicker-plant, .edui-colorpicker-hue { border: solid 1px #666; } .edui-colorpicker-pad { position: absolute; top: 13px; left: 14px; width: 150px; height: 150px; overflow: hidden; cursor: crosshair; background: red; } .edui-colorpicker-cover { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url("../images/tangram-colorpicker.png") -160px -200px; } .edui-colorpicker-padDot { position: absolute; top: 0; left: 0; z-index: 1000; width: 11px; height: 11px; overflow: hidden; background: url(../images/tangram-colorpicker.png) 0 -200px repeat-x; } .edui-colorpicker-sliderMain { position: absolute; top: 13px; left: 171px; width: 19px; height: 152px; background: url(../images/tangram-colorpicker.png) -179px -12px no-repeat; } .edui-colorpicker-slider { width: 100%; height: 100%; cursor: pointer; } .edui-colorpicker-thumb { position: absolute; top: 0; right: -1px; left: -1px; height: 3px; cursor: pointer; background: white; border: 1px solid black; opacity: .8; } /*自动排版弹出菜单*/ .edui-default .edui-autotypesetpicker .edui-autotypesetpicker-body { margin-bottom: 3px; clear: both; font-size: 12px; } .edui-default .edui-autotypesetpicker-body table { border-spacing: 2px; border-collapse: separate; } .edui-default .edui-autotypesetpicker-body td { font-size: 12px; word-wrap: break-word; } .edui-default .edui-autotypesetpicker-body td input { margin: 3px 3px 3px 4px; *margin: 1px 0 0 0; } /*自动排版弹出菜单*/ .edui-default .edui-cellalignpicker .edui-cellalignpicker-body { width: 70px; font-size: 12px; cursor: default; } .edui-default .edui-cellalignpicker-body table { border-spacing: 0; border-collapse: separate; } .edui-default .edui-cellalignpicker-body td { padding: 1px; } .edui-default .edui-cellalignpicker-body .edui-icon { width: 20px; height: 20px; padding: 1px; background-image: url(../images/table-cell-align.png); } .edui-default .edui-cellalignpicker-body .edui-left { background-position: 0 0; } .edui-default .edui-cellalignpicker-body .edui-center { background-position: -25px 0; } .edui-default .edui-cellalignpicker-body .edui-right { background-position: -51px 0; } .edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-left { background-position: -73px 0; } .edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-center { background-position: -98px 0; } .edui-default .edui-cellalignpicker-body td.edui-state-hover .edui-right { background-position: -124px 0; } .edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-left { background-color: #f1f4f5; background-position: -146px 0; } .edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-center { background-position: -245px 0; } .edui-default .edui-cellalignpicker-body td.edui-cellalign-selected .edui-right { background-position: -271px 0; } /*分隔线*/ .edui-default .edui-toolbar .edui-separator { width: 2px; height: 20px; margin: 2px 4px 2px 3px; background: url(../images/icons.png) -181px 0; background: url(../images/icons.gif) -181px 0 \9; } /*颜色按钮 */ .edui-default .edui-toolbar .edui-colorbutton .edui-colorlump { position: absolute; bottom: 1px; left: 1px; width: 18px; height: 4px; overflow: hidden; } /*表情按钮及弹出菜单*/ /*去除了表情的下拉箭头*/ .edui-default .edui-for-emotion .edui-icon { background-position: -60px -20px; } .edui-default .edui-for-emotion .edui-popup-content iframe { width: 514px; height: 380px; overflow: hidden; } .edui-default .edui-for-emotion .edui-popup-content { position: relative; z-index: 555; } .edui-default .edui-for-emotion .edui-splitborder { display: none; } .edui-default .edui-for-emotion .edui-splitbutton-body .edui-arrow { width: 0; } .edui-default .edui-toolbar .edui-for-emotion .edui-state-active .edui-splitborder { border-left: 1px solid transparent; } /*contextmenu*/ .edui-default .edui-hassubmenu .edui-arrow { float: right; width: 20px; height: 20px; background: url("../images/icons-all.gif") no-repeat 10px -233px; } .edui-default .edui-menu-body .edui-menuitem { padding: 1px; } .edui-default .edui-menuseparator { height: 1px; margin: 2px 0; overflow: hidden; } .edui-default .edui-menuseparator-inner { margin-right: 1px; margin-left: 29px; border-bottom: 1px solid #e2e3e3; } .edui-default .edui-menu-body .edui-state-hover { padding: 0 !important; background-color: #fff5d4; border: 1px solid #dcac6c; } /*弹出菜单*/ .edui-default .edui-shortcutmenu { width: 190px; height: 50px; padding: 2px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; } /*粘贴弹出菜单*/ .edui-default .edui-wordpastepop .edui-popup-content { width: 54px; height: 21px; padding: 0; border: none; } .edui-default .edui-pasteicon { width: 100%; height: 100%; background-image: url('../images/wordpaste.png'); background-position: 0 0; } .edui-default .edui-pasteicon.edui-state-opened { background-position: 0 -34px; } .edui-default .edui-pastecontainer { position: relative; width: 97px; visibility: hidden; background: #fff; border: 1px solid #ccc; } .edui-default .edui-pastecontainer .edui-title { height: 25px; padding-left: 5px; font-size: 12px; font-weight: bold; line-height: 25px; background: #f8f8ff; } .edui-default .edui-pastecontainer .edui-button { margin: 3px 0; overflow: hidden; } .edui-default .edui-pastecontainer .edui-button .edui-richtxticon, .edui-default .edui-pastecontainer .edui-button .edui-tagicon, .edui-default .edui-pastecontainer .edui-button .edui-plaintxticon { float: left; width: 29px; height: 29px; margin-left: 5px; cursor: pointer; background-image: url('../images/wordpaste.png'); background-repeat: no-repeat; } .edui-default .edui-pastecontainer .edui-button .edui-richtxticon { margin-left: 0; background-position: -109px 0; } .edui-default .edui-pastecontainer .edui-button .edui-tagicon { background-position: -148px 1px; } .edui-default .edui-pastecontainer .edui-button .edui-plaintxticon { background-position: -72px 0; } .edui-default .edui-pastecontainer .edui-button .edui-state-hover .edui-richtxticon { background-position: -109px -34px; } .edui-default .edui-pastecontainer .edui-button .edui-state-hover .edui-tagicon { background-position: -148px -34px; } .edui-default .edui-pastecontainer .edui-button .edui-state-hover .edui-plaintxticon { background-position: -72px -34px; }