mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 03:01:43 +09:00
#117 위지윅 에디터의 스킨화를 위한 분리 및 검사 완료. 단 모듈에서 에디터 스킨을 선택하는 부분에 대한 기획 필요. 에디터 tpl내의 언어파일을 에디터 모듈의 공통 언어로 합쳐서 수정. 에디터 iframe을 window.onload후 객체 생성을 하지 않고 바로 html태그로 출력하여 브라우저의 버벅거림을 살짝 줄임. git-svn-id: http://xe-core.googlecode.com/svn/sandbox@2406 201d5d3c-b55e-5fd7-737f-ddc643e51545
50 lines
4.4 KiB
CSS
50 lines
4.4 KiB
CSS
@charset "utf-8";
|
|
|
|
.xeEditor { }
|
|
.xeEditor .optionABC { clear:both; width:100%; border-bottom:1px solid #c2c2c2; overflow:hidden; background:#ffffff url(../images/bgBoardEditorOption.gif) no-repeat -3px bottom;}
|
|
.xeEditor .optionABC .selectGroup { white-space:nowrap; display:block; height:21px; margin:0 .5em 0 0; padding-left:1em; float:left;}
|
|
.xeEditor .optionABC .buttonGroup { white-space:nowrap; position:relative; display:block; margin:0 .5em 0 0; float:left; height:21px; overflow:hidden; padding-left:2px;}
|
|
.xeEditor .optionABC .buttonGroup img { float:left; display:block; margin-left:-1px; cursor:pointer;}
|
|
.xeEditor .optionA,
|
|
.xeEditor .optionB,
|
|
.xeEditor .optionC { float:left; background:#ffffff url(../images/bgBoardEditorOption.gif) no-repeat left bottom; padding:.5em 0 .5em .7em; overflow:hidden;}
|
|
.xeEditor .optionA *,
|
|
.xeEditor .optionB *,
|
|
.xeEditor .optionC * { vertical-align:middle;}
|
|
.xeEditor .optionA { background-position:-3px bottom; padding-left:0;}
|
|
.xeEditor .optionA select option { font-size:.9em; }
|
|
.xeEditor .optionDE { width:100%; clear:both; overflow:hidden; background:#f8f8f8; border-bottom:1px solid #e1e1e1; height:29px;}
|
|
.xeEditor .optionDE .buttonGroup { white-space:nowrap; position:relative; display:block; float:left; height:21px; overflow:hidden; padding-left:2px;}
|
|
.xeEditor .optionDE img { float:left; display:block; margin-right:.5em; cursor:pointer;}
|
|
.xeEditor .optionD { padding:.5em 0 .5em .8em; overflow:hidden; float:left; border-right:1px solid #e0e0e0;}
|
|
.xeEditor .optionE { padding:4px 0 0 8px; overflow:hidden; border-left:1px solid #ffffff; float:left;}
|
|
|
|
.xeEditor .editorInfo { background:#fbfbfb; padding:.5em; border:1px solid #e1e1dd; color:#999999; position:relative; margin:5px 20px 0 20px;}
|
|
.xeEditor .close { cursor:pointer; position:absolute; top:3px; right:3px; _top:3px; _right:25px;}
|
|
.xeEditor .editor_iframe_box { background:#ffffff; clear:both; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:.5em; margin:0 20px 0 20px; }
|
|
|
|
.xeEditor .textAreaDragIndicator { text-align:center; background:url(../images/lineTextAreaDrag.gif) repeat-x left center; padding:5px 0 5px 0; }
|
|
.xeEditor .textAreaDragIndicatorBar { background:url(../images/buttonTextAreaDrag.gif) no-repeat center; cursor:move;height:14px;}
|
|
|
|
.xeEditor .editor_info { clear:both; padding:5px 20px 5px 20px; overflow:hidden;}
|
|
.xeEditor .editor_info .editor_option { float:left; color:#888888; }
|
|
.xeEditor .editor_info .editor_autosaved_message { color:#888888; float:right; }
|
|
|
|
.xeEditor .inputTypeTextArea { background:#fbfbfb; padding:1em; width:94%;}
|
|
.xeEditor #textAreaDrag {}
|
|
.xeEditor .fileAttach { padding:0 1em .5em 1em;}
|
|
.xeEditor .fileAttach .preview { padding:5px; width:110px; height:110px; border:1px solid #e1e1dd; background:#fbfbfb; float:left; margin-right:.5em;}
|
|
.xeEditor .fileAttach .preview img { width:110px; height:110px; float:left; display:block;}
|
|
.xeEditor .fileAttach .fileListArea { float:left; width:50%; margin-right:.7em; padding-bottom:.5em; margin-bottom:1em}
|
|
.xeEditor .fileAttach .fileListArea .fileList { overflow:auto; width:100%; height:auto; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; margin-bottom:.3em; font-size:11px;}
|
|
.xeEditor .fileAttach .fileListArea .fileList option { line-height:100%; padding-left:.5em;}
|
|
.xeEditor .fileAttach .fileListArea span.file_attach_info { color:#3f4040; font-size:11px; text-align:left;}
|
|
.xeEditor .fileAttach .fileListArea span.file_attach_info strong { color:#ff6600; font-size:11px; font-weight:bold; }
|
|
.xeEditor .fileAttach .fileUploadControl { margin-bottom:5px; }
|
|
|
|
.xeEditor .fileAttach .fileUploadControl .uploaderButton { display:block; cursor:pointer; background:url(../images/buttonTypeBCenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; font-size:.9em; white-space:nowrap;}
|
|
.xeEditor .fileAttach .fileUploadControl .uploaderButton:hover { text-decoration:none;}
|
|
.xeEditor .fileAttach .fileUploadControl .uploaderButton img { vertical-align:middle;}
|
|
.xeEditor .fileAttach .fileUploadControl .uploaderButton .leftCap { width:2px; height:21px; background:url(../images/buttonTypeBLeft.gif) no-repeat; margin:0 .3em 0 0; position:relative; left:-1px;}
|
|
.xeEditor .fileAttach .fileUploadControl .uploaderButton .rightCap { width:2px; height:21px; background:url(../images/buttonTypeBRight.gif) no-repeat; margin:0 -1px 0 .4em;}
|
|
.xeEditor .fileAttach .fileUploadControl .uploaderButton .icon { margin:0 .2em;}
|