/* common */ .ke-animated { animation: zoomIn; animation-duration: 0.3s; animation-fill-mode: both; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .ke-inline-block { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .ke-clearfix { zoom: 1; } .ke-clearfix:after { content: "."; display: block; clear: both; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .ke-shadow { box-shadow: 1px 1px 3px #A0A0A0; -moz-box-shadow: 1px 1px 3px #A0A0A0; -webkit-box-shadow: 1px 1px 3px #A0A0A0; filter: progid:DXImageTransform.Microsoft.Shadow(color='#A0A0A0', Direction=135, Strength=3); background-color: #F0F0EE; } .ke-menu a, .ke-menu a:hover, .ke-dialog a, .ke-dialog a:hover { color: #337FE5; text-decoration: none; } /* icons */ .ke-icon-source { background-position: 0px 0px; width: 16px; height: 16px; } .ke-icon-preview { background-position: 0px -16px; width: 16px; height: 16px; } .ke-icon-print { background-position: 0px -32px; width: 16px; height: 16px; } .ke-icon-undo { background-position: 0px -48px; width: 16px; height: 16px; } .ke-icon-redo { background-position: 0px -64px; width: 16px; height: 16px; } .ke-icon-cut { background-position: 0px -80px; width: 16px; height: 16px; } .ke-icon-copy { background-position: 0px -96px; width: 16px; height: 16px; } .ke-icon-paste { background-position: 0px -112px; width: 16px; height: 16px; } .ke-icon-selectall { background-position: 0px -128px; width: 16px; height: 16px; } .ke-icon-justifyleft { background-position: 0px -144px; width: 16px; height: 16px; } .ke-icon-justifycenter { background-position: 0px -160px; width: 16px; height: 16px; } .ke-icon-justifyright { background-position: 0px -176px; width: 16px; height: 16px; } .ke-icon-justifyfull { background-position: 0px -192px; width: 16px; height: 16px; } .ke-icon-insertorderedlist { background-position: 0px -208px; width: 16px; height: 16px; } .ke-icon-insertunorderedlist { background-position: 0px -224px; width: 16px; height: 16px; } .ke-icon-indent { background-position: 0px -240px; width: 16px; height: 16px; } .ke-icon-outdent { background-position: 0px -256px; width: 16px; height: 16px; } .ke-icon-subscript { background-position: 0px -272px; width: 16px; height: 16px; } .ke-icon-superscript { background-position: 0px -288px; width: 16px; height: 16px; } .ke-icon-date { background-position: 0px -304px; width: 25px; height: 16px; } .ke-icon-time { background-position: 0px -320px; width: 25px; height: 16px; } .ke-icon-formatblock { background-position: 0px -336px; width: 25px; height: 16px; } .ke-icon-fontname { background-position: 0px -352px; width: 21px; height: 16px; } .ke-icon-fontsize { background-position: 0px -368px; width: 23px; height: 16px; } .ke-icon-forecolor { background-position: 0px -384px; width: 20px; height: 16px; } .ke-icon-hilitecolor { background-position: 0px -400px; width: 23px; height: 16px; } .ke-icon-bold { background-position: 0px -416px; width: 16px; height: 16px; } .ke-icon-italic { background-position: 0px -432px; width: 16px; height: 16px; } .ke-icon-underline { background-position: 0px -448px; width: 16px; height: 16px; } .ke-icon-strikethrough { background-position: 0px -464px; width: 16px; height: 16px; } .ke-icon-removeformat { background-position: 0px -480px; width: 16px; height: 16px; } .ke-icon-image { background-position: 0px -496px; width: 16px; height: 16px; } .ke-icon-flash { background-position: 0px -512px; width: 16px; height: 16px; } .ke-icon-media { background-position: 0px -528px; width: 16px; height: 16px; } .ke-icon-div { background-position: 0px -544px; width: 16px; height: 16px; } .ke-icon-formula { background-position: 0px -576px; width: 16px; height: 16px; } .ke-icon-hr { background-position: 0px -592px; width: 16px; height: 16px; } .ke-icon-emoticons { background-position: 0px -608px; width: 16px; height: 16px; } .ke-icon-link { background-position: 0px -624px; width: 16px; height: 16px; } .ke-icon-unlink { background-position: 0px -640px; width: 16px; height: 16px; } .ke-icon-fullscreen { background-position: 0px -656px; width: 16px; height: 16px; } .ke-icon-about { background-position: 0px -672px; width: 16px; height: 16px; } .ke-icon-plainpaste { background-position: 0px -704px; width: 16px; height: 16px; } .ke-icon-wordpaste { background-position: 0px -720px; width: 16px; height: 16px; } .ke-icon-table { background-position: 0px -784px; width: 16px; height: 16px; } .ke-icon-tablemenu { background-position: 0px -768px; width: 16px; height: 16px; } .ke-icon-tableinsert { background-position: 0px -784px; width: 16px; height: 16px; } .ke-icon-tabledelete { background-position: 0px -800px; width: 16px; height: 16px; } .ke-icon-tablecolinsertleft { background-position: 0px -816px; width: 16px; height: 16px; } .ke-icon-tablecolinsertright { background-position: 0px -832px; width: 16px; height: 16px; } .ke-icon-tablerowinsertabove { background-position: 0px -848px; width: 16px; height: 16px; } .ke-icon-tablerowinsertbelow { background-position: 0px -864px; width: 16px; height: 16px; } .ke-icon-tablecoldelete { background-position: 0px -880px; width: 16px; height: 16px; } .ke-icon-tablerowdelete { background-position: 0px -896px; width: 16px; height: 16px; } .ke-icon-tablecellprop { background-position: 0px -912px; width: 16px; height: 16px; } .ke-icon-tableprop { background-position: 0px -928px; width: 16px; height: 16px; } .ke-icon-checked { background-position: 0px -944px; width: 16px; height: 16px; } .ke-icon-code { background-position: 0px -960px; width: 16px; height: 16px; } .ke-icon-map { background-position: 0px -976px; width: 16px; height: 16px; } .ke-icon-baidumap { background-position: 0px -976px; width: 16px; height: 16px; } .ke-icon-lineheight { background-position: 0px -992px; width: 16px; height: 16px; } .ke-icon-clearhtml { background-position: 0px -1008px; width: 16px; height: 16px; } .ke-icon-pagebreak { background-position: 0px -1024px; width: 16px; height: 16px; } .ke-icon-insertfile { background-position: 0px -1040px; width: 16px; height: 16px; } .ke-icon-quickformat { background-position: 0px -1056px; width: 16px; height: 16px; } .ke-icon-template { background-position: 0px -1072px; width: 16px; height: 16px; } .ke-icon-tablecellsplit { background-position: 0px -1088px; width: 16px; height: 16px; } .ke-icon-tablerowmerge { background-position: 0px -1104px; width: 16px; height: 16px; } .ke-icon-tablerowsplit { background-position: 0px -1120px; width: 16px; height: 16px; } .ke-icon-tablecolmerge { background-position: 0px -1136px; width: 16px; height: 16px; } .ke-icon-tablecolsplit { background-position: 0px -1152px; width: 16px; height: 16px; } .ke-icon-anchor { background-position: 0px -1168px; width: 16px; height: 16px; } .ke-icon-search { background-position: 0px -1184px; width: 16px; height: 16px; } .ke-icon-new { background-position: 0px -1200px; width: 16px; height: 16px; } .ke-icon-specialchar { background-position: 0px -1216px; width: 16px; height: 16px; } .ke-icon-multiimage { background-position: 0px -1232px; width: 16px; height: 16px; } .ke-icon-graft { background: url("images/scrawl.png") !important; width: 16px; height: 16px; } /* container */ .ke-container { display: block; border: 1px solid #CCCCCC; background-color: #FFF; overflow: hidden; margin: 0; padding: 0; } /* toolbar */ .ke-toolbar { border-bottom: 1px solid #CCC; background-color: #FFFFFF; padding: 2px 5px; text-align: left; overflow: hidden; zoom: 1; } .ke-toolbar-icon { background-repeat: no-repeat; font-size: 0; line-height: 0; overflow: hidden; display: block; } .ke-toolbar-icon-url { background-image: url(images/default.png); } .ke-toolbar .ke-outline { border: 1px solid #F0F0EE; margin: 1px; padding: 1px 2px; font-size: 0; line-height: 0; cursor: pointer; display: block; float: left; } .ke-toolbar .ke-on { border: 1px solid #5690D2; } .ke-toolbar .ke-selected { border: 1px solid #5690D2; background-color: #E9EFF6; } .ke-toolbar .ke-disabled { cursor: default; } .ke-toolbar .ke-separator { height: 16px; margin: 2px 3px; border-left: 1px solid #A0A0A0; border-right: 1px solid #FFFFFF; border-top: 0; border-bottom: 0; width: 0; font-size: 0; line-height: 0; overflow: hidden; display: block; float: left; } .ke-toolbar .ke-hr { overflow: hidden; height: 1px; clear: both; } /* edit */ .ke-edit { padding: 0; } .ke-edit-iframe, .ke-edit-textarea { border: 0; margin: 0; padding: 0; overflow: auto; } .ke-edit-textarea { font: 12px/1.5 "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; color: #000; overflow: auto; resize: none; } .ke-edit-textarea:focus { outline: none; } /* statusbar */ .ke-statusbar { position: relative; background-color: #F0F0EE; border-top: 1px solid #CCCCCC; font-size: 0; line-height: 0; *height: 12px; overflow: hidden; text-align: center; cursor: s-resize; } .ke-statusbar-center-icon { background-position: -0px -754px; width: 15px; height: 11px; background-image: url(images/default.png); } .ke-statusbar-right-icon { position: absolute; right: 0; bottom: 0; cursor: se-resize; background-position: -5px -741px; width: 11px; height: 11px; background-image: url(images/default.png); } /* menu */ .ke-menu { border: 1px solid #A0A0A0; background-color: #F1F1F1; color: #222222; padding: 2px; font-family: "sans serif", tahoma, verdana, helvetica; font-size: 12px; text-align: left; overflow: hidden; } .ke-menu-item { border: 1px solid #F1F1F1; background-color: #F1F1F1; color: #222222; height: 24px; overflow: hidden; cursor: pointer; } .ke-menu-item-on { border: 1px solid #5690D2; background-color: #E9EFF6; } .ke-menu-item-left { width: 27px; text-align: center; overflow: hidden; } .ke-menu-item-center { width: 0; height: 24px; border-left: 1px solid #E3E3E3; border-right: 1px solid #FFFFFF; border-top: 0; border-bottom: 0; } .ke-menu-item-center-on { border-left: 1px solid #E9EFF6; border-right: 1px solid #E9EFF6; } .ke-menu-item-right { border: 0; padding: 0 0 0 5px; line-height: 24px; text-align: left; overflow: hidden; } .ke-menu-separator { margin: 2px 0; height: 0; overflow: hidden; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; border-left: 0; border-right: 0; } /* colorpicker */ .ke-colorpicker { border: 1px solid #A0A0A0; background-color: #F1F1F1; color: #222222; padding: 2px; } .ke-colorpicker-table { border: 0; margin: 0; padding: 0; border-collapse: separate; } .ke-colorpicker-cell { font-size: 0; line-height: 0; border: 1px solid #F0F0EE; cursor: pointer; margin: 3px; padding: 0; } .ke-colorpicker-cell-top { font-family: "sans serif", tahoma, verdana, helvetica; font-size: 12px; line-height: 24px; border: 1px solid #F0F0EE; cursor: pointer; margin: 0; padding: 0; text-align: center; } .ke-colorpicker-cell-on { border: 1px solid #5690D2; } .ke-colorpicker-cell-selected { border: 1px solid #2446AB; } .ke-colorpicker-cell-color { width: 14px; height: 14px; margin: 3px; padding: 0; border: 0; } /* dialog */ .ke-dialog { position: absolute; margin: 0; padding: 0; } .ke-dialog .ke-header { width: 100%; margin-bottom: 10px; } .ke-dialog .ke-header .ke-left { float: left; } .ke-dialog .ke-header .ke-right { float: right; } .ke-dialog .ke-header label { margin-right: 0; cursor: pointer; font-weight: normal; display: inline; vertical-align: top; } .ke-dialog-content { background-color: #FFF; width: 100%; height: 100%; color: #333; outline: 0; } .ke-dialog-header { border: 0; margin: 0; font-weight: bold; font-size: 14px; background: #F8F8F8; border-bottom: 1px solid #eeeeee; height: 30px; line-height: 30px; padding: 0px 10px; text-align: left; color: #222; cursor: move; border-top-left-radius: 6px; border-top-right-radius: 6px; } .ke-dialog-icon-close { display: block; background: url(images/default.png) no-repeat scroll 0px -688px; width: 16px; height: 16px; position: absolute; right: 6px; top: 8px; cursor: pointer; } .ke-dialog-body { font: 12px/1.5 "sans serif", tahoma, verdana, helvetica; text-align: left; overflow: hidden; width: 100%; } .ke-dialog-body textarea { display: block; overflow: auto; padding: 0; resize: none; } .ke-dialog-body textarea:focus, .ke-dialog-body input:focus, .ke-dialog-body select:focus { outline: none; } .ke-dialog-body label { margin-right: 10px; cursor: pointer; display: -moz-inline-stack; display: inline-block; vertical-align: middle; text-align: right; zoom: 1; *display: inline; } .ke-dialog-body img { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .ke-dialog-body select { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; width: auto; } .ke-dialog-body .ke-textarea { display: block; width: 408px; height: 260px; font-family: "sans serif", tahoma, verdana, helvetica; font-size: 12px; border-color: #848484 #E0E0E0 #E0E0E0 #848484; border-style: solid; border-width: 1px; } .ke-dialog-body .ke-form { margin: 0; padding: 0; } .ke-dialog-loading { position: absolute; top: 0; left: 1px; z-index: 1; text-align: center; } .ke-dialog-loading-content { background: url("../common/loading.gif") no-repeat; color: #666; font-size: 14px; font-weight: bold; height: 31px; line-height: 31px; padding-left: 36px; } .ke-dialog-row { margin-bottom: 10px; } .ke-dialog-footer { font: 12px/1 "sans serif", tahoma, verdana, helvetica; text-align: right; padding: 0 15px 5px 0; background-color: #FFF; border-radius: 6px; height: 45px; } .ke-dialog-preview, .ke-dialog-yes { margin: 5px; } .ke-dialog-no { margin: 5px 10px 5px 5px; } .ke-dialog-mask { background-color: #FFF; filter: alpha(opacity=50); opacity: 0.5; } .ke-button-common { display: inline-block; text-align: center; background: none; border: none; padding: 0; cursor: pointer; } .ke-button-outer { background-position: 0 -25px; padding: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .ke-button { color: #333; font-size: 12px; border: 1px solid #e6e6e6; background-color: #e6e6e6; padding: 5px 10px; margin-top: -2px; color: #444; text-decoration: none; transition: background-color .3s ease-out, border-color .3s ease-out; } .ke-button:hover { border: 1px solid #d1d1d1; background-color: #d1d1d1; } .ke-dialog-btn { font-size: 12px; margin: 5px; background: #2e8ded; color: #fff !important; padding: 8px 12px; display: inline-block; border-radius: 2px; cursor: pointer; text-decoration: none; transition: .3s ease-out; } .ke-dialog-btn:hover { filter: alpha(opacity=80); box-shadow: none; box-shadow: none; opacity: .8; } /* inputbox */ .ke-input-text { display: inline-block !important; width: 400px; border: 1px solid #cccccc; height: 20px; line-height: 18px; font-size: 14px; padding: 3px; margin: 0; outline: 0; *display: inline; } .ke-input-text:focus { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } .ke-input-number { width: 50px; } .ke-input-color { border: 1px solid #A0A0A0; background-color: #FFFFFF; font-size: 12px; width: 60px; height: 20px; line-height: 20px; padding-left: 5px; overflow: hidden; cursor: pointer; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .ke-upload-button { position: relative; top: -1px; } .ke-upload-area { position: relative; overflow: hidden; margin: 0; padding: 0; *height: 25px; } .ke-upload-area .ke-upload-file { position: absolute; font-size: 60px; top: 0; right: 0; padding: 0; margin: 0; z-index: 811212; border: 0 none; opacity: 0; cursor: pointer; width: 50px; height: 30px; filter: alpha(opacity=0); } .ke-upload-area .ke-button { padding: 6px 15px; } /* tabs */ .ke-tabs { font: 12px/1 "sans serif", tahoma, verdana, helvetica; border-bottom: 1px solid #cccccc; padding-left: 5px; margin-bottom: 20px; } .ke-tabs-ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .ke-tabs-li { position: relative; margin: 0 2px -1px 0; padding: 0 20px; float: left; line-height: 25px; text-align: center; color: #337ab7; cursor: pointer; } .ke-tabs-li-selected { background-color: #FFF; border: 1px solid #cccccc; border-bottom: 1px solid #FFF; color: #555555; cursor: default; border-top-left-radius: 3px; border-top-right-radius: 3px; } .ke-tabs-li-on { background-color: #FFF; color: #000; } /* progressbar */ .ke-progressbar { position: relative; margin: 0; padding: 0; } .ke-progressbar-bar { border: 1px solid #6FA5DB; width: 80px; height: 5px; margin: 10px 10px 0 10px; padding: 0; } .ke-progressbar-bar-inner { width: 0; height: 5px; background-color: #6FA5DB; overflow: hidden; margin: 0; padding: 0; } .ke-progressbar-percent { position: absolute; top: 0; left: 40%; display: none; } /* swfupload */ .ke-swfupload-top { position: relative; margin-bottom: 10px; _width: 608px; } .ke-swfupload-button { height: 23px; line-height: 23px; } .ke-swfupload-desc { padding: 0 10px; height: 23px; line-height: 23px; } .ke-swfupload-startupload { position: absolute; top: 0; right: 0; } .ke-swfupload-body { overflow: scroll; background-color: #FFFFFF; border-color: #848484 #E0E0E0 #E0E0E0 #848484; border-style: solid; border-width: 1px; width: auto; height: 370px; padding: 5px; } .ke-swfupload-body .ke-item { width: 100px; margin: 5px; } .ke-swfupload-body .ke-photo { position: relative; border: 1px solid #DDDDDD; background-color: #FFFFFF; padding: 10px; } .ke-swfupload-body .ke-delete { display: block; background: url(images/default.png) no-repeat scroll 0px -688px; width: 16px; height: 16px; position: absolute; right: 0; top: 0; cursor: pointer; } .ke-swfupload-body .ke-status { position: absolute; left: 0; bottom: 5px; width: 100px; height: 17px; } .ke-swfupload-body .ke-message { width: 100px; text-align: center; overflow: hidden; height: 17px; } .ke-swfupload-body .ke-error { color: red; } .ke-swfupload-body .ke-name { width: 100px; text-align: center; overflow: hidden; height: 16px; } .ke-swfupload-body .ke-on { border: 1px solid #5690D2; background-color: #E9EFF6; } /* emoticons */ .ke-plugin-emoticons { position: relative; } .ke-plugin-emoticons .ke-preview { position: absolute; text-align: center; margin: 2px; padding: 10px; top: 0; border: 1px solid #A0A0A0; background-color: #FFFFFF; display: none; } .ke-plugin-emoticons .ke-preview-img { border: 0; margin: 0; padding: 0; } .ke-plugin-emoticons .ke-table { border: 0; margin: 0; padding: 0; border-collapse: separate; } .ke-plugin-emoticons .ke-cell { margin: 0; padding: 1px; border: 1px solid #F0F0EE; cursor: pointer; } .ke-plugin-emoticons .ke-on { border: 1px solid #5690D2; background-color: #E9EFF6; } .ke-plugin-emoticons .ke-img { display: block; background-repeat: no-repeat; overflow: hidden; margin: 2px; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; } .ke-plugin-emoticons .ke-page { text-align: right; margin: 5px; padding: 0; border: 0; font: 12px/1 "sans serif", tahoma, verdana, helvetica; color: #333; text-decoration: none; } .ke-plugin-plainpaste-textarea, .ke-plugin-wordpaste-iframe { display: block; width: 408px; height: 260px; font-family: "sans serif", tahoma, verdana, helvetica; font-size: 12px; border-color: #848484 #E0E0E0 #E0E0E0 #848484; border-style: solid; border-width: 1px; } /* filemanager */ .ke-plugin-filemanager-header { width: 100%; margin-bottom: 10px; } .ke-plugin-filemanager-header .ke-left { float: left; } .ke-plugin-filemanager-header .ke-right { float: right; } .ke-plugin-filemanager-body { overflow: scroll; background-color: #FFFFFF; border-color: #848484 #E0E0E0 #E0E0E0 #848484; border-style: solid; border-width: 1px; width: auto; height: 370px; padding: 5px; } .ke-plugin-filemanager-body .ke-item { width: 100px; margin: 5px; } .ke-plugin-filemanager-body .ke-photo { border: 1px solid #DDDDDD; background-color: #FFFFFF; padding: 10px; } .ke-plugin-filemanager-body .ke-name { width: 100px; text-align: center; overflow: hidden; height: 16px; } .ke-plugin-filemanager-body .ke-on { border: 1px solid #5690D2; background-color: #E9EFF6; } .ke-plugin-filemanager-body .ke-table { width: 95%; border: 0; margin: 0; padding: 0; border-collapse: separate; } .ke-plugin-filemanager-body .ke-table .ke-cell { margin: 0; padding: 0; border: 0; } .ke-plugin-filemanager-body .ke-table .ke-name { width: 55%; text-align: left; } .ke-plugin-filemanager-body .ke-table .ke-size { width: 15%; text-align: left; } .ke-plugin-filemanager-body .ke-table .ke-datetime { width: 30%; text-align: center; } .ke-dialog-content-inner { padding: 10px 20px; } .ke-dialog-content-inner .row-left { float: left; } .ke-dialog-content-inner .row-right { float: left; } .ke-dialog-default { box-shadow: 0 5px 15px rgba(0, 0, 0, .2) !important; border: 1px solid #999 !important; border: 1px solid rgba(0, 0, 0, .2) !important; border-radius: 6px; outline: 0; zoom: 1; overflow: hidden; }