mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-07 02:31:40 +09:00
XE의 문서 서식 기능 추가 (./modules/editor/styles 에 서식 추가 가능)
문서 서식 기능을 글 작성과 볼때 동일한 형태 제공하도록 개선. 각 모듈별 추가 설정에서 문서 서식 설정할 수 있는 기능 추가 git-svn-id: http://xe-core.googlecode.com/svn/sandbox@6134 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero
parent
2e43bfef03
commit
7496aeebb8
54 changed files with 379 additions and 144 deletions
101
modules/editor/styles/xeStyleBlack/style.css
Executable file
101
modules/editor/styles/xeStyleBlack/style.css
Executable file
|
|
@ -0,0 +1,101 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
html, body { height:100%; background-color:transparent; padding:0; margin:0;}
|
||||
|
||||
/* xe_content */
|
||||
.xe_content{ line-height:1.6; font-size:12px; font-family:AppleGothic, Sans-serif; color:#fff;}
|
||||
.xe_content img{ border:0;}
|
||||
.xe_content sup,
|
||||
.xe_content sub{ font-size:10px; font-weight:normal; font-style:normal; color:#8b8b8b;}
|
||||
.xe_content p{ margin-top:7px; margin-bottom:7px; font-weight:normal;}
|
||||
|
||||
/* Editable */
|
||||
.xe_content.editable h1,
|
||||
.xe_content.editable h2,
|
||||
.xe_content.editable h3,
|
||||
.xe_content.editable h4,
|
||||
.xe_content.editable h5,
|
||||
.xe_content.editable h6,
|
||||
.xe_content.editable p,
|
||||
.xe_content.editable ul,
|
||||
.xe_content.editable ol,
|
||||
.xe_content.editable dl,
|
||||
.xe_content.editable div,
|
||||
.xe_content.editable code.block{ border:1px dotted #444;}
|
||||
.xe_content.editable h1:before{ content:""; display:block; width:100%; height:9px; margin-bottom:-9px; background-image:url(./img/elementH.gif); background-repeat:no-repeat; background-position:right top;}
|
||||
.xe_content.editable h2:before{ content:""; display:block; width:100%; height:9px; margin-bottom:-9px; background-image:url(./img/elementH.gif); background-repeat:no-repeat; background-position:right -100px;}
|
||||
.xe_content.editable h3:before{ content:""; display:block; width:100%; height:9px; margin-bottom:-9px; background-image:url(./img/elementH.gif); background-repeat:no-repeat; background-position:right -200px;}
|
||||
.xe_content.editable h4:before{ content:""; display:block; width:100%; height:9px; margin-bottom:-9px; background-image:url(./img/elementH.gif); background-repeat:no-repeat; background-position:right -300px;}
|
||||
.xe_content.editable h5:before{ content:""; display:block; width:100%; height:9px; margin-bottom:-9px; background-image:url(./img/elementH.gif); background-repeat:no-repeat; background-position:right -400px;}
|
||||
.xe_content.editable h6:before{ content:""; display:block; width:100%; height:9px; margin-bottom:-9px; background-image:url(./img/elementH.gif); background-repeat:no-repeat; background-position:right -500px;}
|
||||
.xe_content.editable p{ background-image:url(./img/elementP.gif); background-repeat:no-repeat; background-position:right top;}
|
||||
.xe_content.editable ul{ background-image:url(./img/elementUl.gif); background-repeat:no-repeat; background-position:right top;}
|
||||
.xe_content.editable ol{ background-image:url(./img/elementOl.gif); background-repeat:no-repeat; background-position:right top;}
|
||||
.xe_content.editable dl{ background-image:url(./img/elementDl.gif); background-repeat:no-repeat; background-position:right top;}
|
||||
.xe_content.editable div{ background-image:url(./img/elementDiv.gif); background-repeat:no-repeat; background-position:right top;}
|
||||
.xe_content.editable code.block{ background-image:url(./img/elementCode.gif); background-repeat:no-repeat; background-position:right top;}
|
||||
|
||||
.xe_content blockquote.q1,
|
||||
.xe_content blockquote.q2,
|
||||
.xe_content blockquote.q3,
|
||||
.xe_content blockquote.q4,
|
||||
.xe_content blockquote.q5,
|
||||
.xe_content blockquote.q6,
|
||||
.xe_content blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}
|
||||
|
||||
.xe_content blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
|
||||
.xe_content blockquote.q2{ padding:0 10px; background:url(./img/bg_qmark.gif) no-repeat left top;}
|
||||
.xe_content blockquote.q3{ border:1px solid #d9d9d9;}
|
||||
.xe_content blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
|
||||
.xe_content blockquote.q5{ border:2px solid #707070;}
|
||||
.xe_content blockquote.q6{ border:1px dashed #707070;}
|
||||
.xe_content blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}
|
||||
|
||||
/* Heading */
|
||||
.xe_content h1,
|
||||
.xe_content h2,
|
||||
.xe_content h3,
|
||||
.xe_content h4,
|
||||
.xe_content h5,
|
||||
.xe_content h6{ line-height:1.2; clear:both;}
|
||||
.xe_content h1{ font-size:22px; border-bottom:4px solid #666; background-color:#000; *border-bottom:1px solid #999; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='4', Color='#666666', positive='true');}
|
||||
.xe_content h1:after{ content:""; display:block; font-size:0; line-height:0; overflow:hidden; height:1px; background:#999;}
|
||||
.xe_content h2{ font-size:20px; border-bottom:3px solid #666; background-color:#000; *border-bottom:1px solid #999; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='3', Color='#666666', positive='true');}
|
||||
.xe_content h2:after{ content:""; display:block; font-size:0; line-height:0; overflow:hidden; height:1px; background:#999;}
|
||||
.xe_content h3{ font-size:18px; border-bottom:2px solid #666; background-color:#000; *border-bottom:1px solid #999; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='2', Color='#666666', positive='true');}
|
||||
.xe_content h3:after{ content:""; display:block; font-size:0; line-height:0; overflow:hidden; height:1px; background:#999;}
|
||||
.xe_content h4{ font-size:16px; border-bottom:1px solid #666; background-color:#000; *border-bottom:1px solid #999; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#666666', positive='true');}
|
||||
.xe_content h4:after{ content:""; display:block; font-size:0; line-height:0; overflow:hidden; height:1px; background:#999;}
|
||||
.xe_content h5{ font-size:14px; border-bottom:1px solid #666;}
|
||||
.xe_content h6{ font-size:12px; border-bottom:1px dotted #666;}
|
||||
|
||||
/* Blockquote */
|
||||
.xe_content q{ background-color:#666;}
|
||||
|
||||
/* Cite */
|
||||
.xe_content cite{ font-style:normal; color:#8b8b8b;}
|
||||
|
||||
/* Code */
|
||||
.xe_content code{ font-family:"Courier New", Monospace; background-color:#998F73;}
|
||||
.xe_content code.block{ position:relative; font-family:"Courier New", Monospace; line-height:1; display:block; padding:12px 15px 12px 15px; background-color:#998F73; -moz-border-radius:5px; -webkit-border-radius:5px;}
|
||||
|
||||
/* Anchor */
|
||||
.xe_content a:link { color:#0077ee;text-decoration:none;}
|
||||
.xe_content a:hover { color:#0077ee;text-decoration:underline;}
|
||||
.xe_content a.none{ color:#8b8b8b; padding-right:13px; margin-right:2px; background:url(./img/iconNone.gif); background-repeat:no-repeat; background-position:right center;}
|
||||
.xe_content a.external{ padding-right:13px; margin-right:2px; background-image:url(./img/iconExternal.gif); background-repeat:no-repeat; background-position:right center;}
|
||||
.xe_content a.blank{ padding-right:13px; margin-right:2px; background-image:url(./img/iconBlank.gif); background-repeat:no-repeat; background-position:right center;}
|
||||
|
||||
/* Table */
|
||||
.xe_content caption{ font-weight:bold;}
|
||||
.xe_content table th,
|
||||
.xe_content table td{ border:1px solid #666; border-left:0; border-top:0; padding:2px 5px;}
|
||||
.xe_content table th{ background:#333;}
|
||||
|
||||
/* Division */
|
||||
.xe_content .mpDivision{ border:1px dotted #999; padding-left:15px; padding-right:15px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#666;}
|
||||
|
||||
/* Definition */
|
||||
.xe_content dt{ font-weight:bold; clear:both;}
|
||||
.xe_content dd{ margin-left:0; clear:both;}
|
||||
Loading…
Add table
Add a link
Reference in a new issue