/* 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-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-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: 20px; 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-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-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; } /* 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: #F0F0EE; padding: 2px 5px; overflow: hidden; } .ke-toolbar-icon { background-repeat: no-repeat; font-size: 0; line-height: 0; overflow: hidden; } .ke-toolbar-icon-url { background-image: url(default.gif); } .ke-toolbar .ke-outline { border: 1px solid #F0F0EE; margin: 1px; padding: 1px 2px; font-size: 0; line-height: 0; overflow: hidden; cursor: pointer; } .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; } /* edit */ .ke-edit { padding: 0; } .ke-edit-iframe, .ke-edit-textarea { border: 0; margin: 0; padding: 0; } .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(default.gif); } .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.gif); } /* 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; color: #333; background-color: #F0F0EE; } .ke-dialog-shadow { border: 1px solid #A0A0A0; border-radius: 0 0 4px 4px; box-shadow: 0 4px 16px #A0A0A0; } .ke-dialog-no-shadow { border: 1px solid #A0A0A0; } .ke-dialog-header { border:0; margin:0; background-color: #F0F0EE; padding: 10px; text-align: left; font: 14px/1 "sans serif",tahoma,verdana,helvetica; font-weight: bold; color: #222222; cursor: move; } .ke-dialog-icon-close { display: block; background-position: 0px -688px; width: 16px; height: 16px; position: absolute; right: 15px; top: 15px; cursor: pointer; background-image: url(default.gif); overflow: hidden; right: 10px; top: 10px; } .ke-dialog-body { font: 12px/1.5 "sans serif",tahoma,verdana,helvetica; text-align: left; overflow: hidden; } .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; font-weight: bold; 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; } .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-row { margin-bottom: 10px; } .ke-dialog-footer { font: 12px/1 "sans serif",tahoma,verdana,helvetica; text-align: right; padding:0 0 5px 0; } .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(bg.gif) no-repeat scroll 0 0 transparent; cursor: pointer; height: 25px; line-height: 25px; overflow: visible; display: inline-block; vertical-align: top; } .ke-button-outer { background-position: 0 0; padding: 0; position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .ke-button { background-position: right 0; padding: 0 12px; margin: 0; font-family: "sans serif",tahoma,verdana,helvetica; border: 0 none; color: #333; font-size: 12px; font-weight: bold; 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-area { position: relative; overflow: hidden; } .ke-upload-area .ke-upload-file { position: absolute; top: 0; right: 0; height: 25px; 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:10px; } .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: #E0E0E0; 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: #F0F0EE; border-bottom: 1px solid #F0F0EE; color: #000; cursor: default; } .ke-tabs-li-on { background-color: #F0F0EE; color: #000; } /* 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: 470px; 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; } .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; } /* template */ .ke-plugin-template .ke-header { width: 100%; margin-bottom: 10px; } .ke-plugin-template label { margin-right: 0; cursor: pointer; font-weight: normal; display: inline; vertical-align: top; } .ke-plugin-template .ke-left { float: left; } .ke-plugin-template .ke-right { float: right; }