/* common */ .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-more { 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-less { 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-imagedirectupload { background-position: 0px -496px; width: 16px; height: 16px; } /* container */ .ke-container { max-width: 100%; display: block; border: 1px solid #CCCCCC; background-color: #FFF; overflow: hidden; margin: 0; padding: 0; border-radius: 3px; -moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; } /* toolbar */ .ke-toolbar { border-bottom: 1px solid #CCC; background-color: #F0F0EE; 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(default.png); } .ke-toolbar .ke-outline { border: 1px solid #F0F0EE; margin: 1px; padding: 1px 2px; font-size: 0; line-height: 0; overflow: hidden; 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; 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(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(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; border: 1px solid #A0A0A0; } .ke-dialog-shadow { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 3px 3px 7px #999; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.4'); background-color: #F0F0EE; } .ke-dialog-header { border:0; margin:0; padding: 0 10px; background: url(background.png) repeat scroll 0 0 #F0F0EE; border-bottom: 1px solid #CFCFCF; height: 24px; font: 12px/24px "sans serif",tahoma,verdana,helvetica; text-align: left; color: #222; cursor: move; } .ke-dialog-icon-close { display: block; background: url(default.png) no-repeat scroll 0px -688px; width: 16px; height: 16px; position: absolute; right: 6px; top: 6px; 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; 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 0 5px 0; background-color: #FFF; width: 100%; } .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 { background: url(background.png) no-repeat scroll 0 -25px transparent; cursor: pointer; height: 23px; line-height: 23px; overflow: visible; display: inline-block; vertical-align: top; cursor: pointer; } .ke-button-outer { background-position: 0 -25px; padding: 0; position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .ke-button { background-position: right -25px; padding: 0 12px; margin: 0; font-family: "sans serif",tahoma,verdana,helvetica; border: 0 none; color: #333; font-size: 12px; left: 2px; text-decoration: none; } /* inputbox */ .ke-input-text { background-color:#FFFFFF; font-family: "sans serif",tahoma,verdana,helvetica; font-size: 12px; line-height: 17px; height: 17px; padding: 2px 4px; border-color: #848484 #E0E0E0 #E0E0E0 #848484; border-style: solid; border-width: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .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; } .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; filter: alpha(opacity=0); } /* tabs */ .ke-tabs { font: 12px/1 "sans serif",tahoma,verdana,helvetica; border-bottom:1px solid #A0A0A0; 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; border: 1px solid #A0A0A0; background-color: #F0F0EE; margin: 0 2px -1px 0; padding: 0 20px; float: left; line-height: 25px; text-align: center; color: #555555; cursor: pointer; } .ke-tabs-li-selected { background-color: #FFF; border-bottom: 1px solid #FFF; color: #000; cursor: default; } .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(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; }