XE의 문서 서식 기능 추가 (./modules/editor/styles 에 서식 추가 가능)
문서 서식 기능을 글 작성과 볼때 동일한 형태 제공하도록 개선. 각 모듈별 추가 설정에서 문서 서식 설정할 수 있는 기능 추가 git-svn-id: http://xe-core.googlecode.com/svn/sandbox@6134 201d5d3c-b55e-5fd7-737f-ddc643e51545
10
modules/editor/styles/xeStyleBlack/editor.html
Executable file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<title>XpressEngine</title>
|
||||
</head>
|
||||
<body class="xe_content editable">
|
||||
</body>
|
||||
</html>
|
||||
BIN
modules/editor/styles/xeStyleBlack/img/bg_qmark.gif
Normal file
|
After Width: | Height: | Size: 59 B |
BIN
modules/editor/styles/xeStyleBlack/img/elementBlockquote.gif
Executable file
|
After Width: | Height: | Size: 105 B |
BIN
modules/editor/styles/xeStyleBlack/img/elementCode.gif
Executable file
|
After Width: | Height: | Size: 73 B |
BIN
modules/editor/styles/xeStyleBlack/img/elementDiv.gif
Executable file
|
After Width: | Height: | Size: 64 B |
BIN
modules/editor/styles/xeStyleBlack/img/elementDl.gif
Executable file
|
After Width: | Height: | Size: 59 B |
BIN
modules/editor/styles/xeStyleBlack/img/elementH.gif
Executable file
|
After Width: | Height: | Size: 207 B |
BIN
modules/editor/styles/xeStyleBlack/img/elementOl.gif
Executable file
|
After Width: | Height: | Size: 60 B |
BIN
modules/editor/styles/xeStyleBlack/img/elementP.gif
Executable file
|
After Width: | Height: | Size: 54 B |
BIN
modules/editor/styles/xeStyleBlack/img/elementUl.gif
Executable file
|
After Width: | Height: | Size: 60 B |
BIN
modules/editor/styles/xeStyleBlack/img/iconBlank.gif
Executable file
|
After Width: | Height: | Size: 65 B |
BIN
modules/editor/styles/xeStyleBlack/img/iconExternal.gif
Executable file
|
After Width: | Height: | Size: 63 B |
BIN
modules/editor/styles/xeStyleBlack/img/iconHeading.gif
Executable file
|
After Width: | Height: | Size: 116 B |
BIN
modules/editor/styles/xeStyleBlack/img/iconNone.gif
Executable file
|
After Width: | Height: | Size: 61 B |
13
modules/editor/styles/xeStyleBlack/skin.xml
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<skin version="0.2">
|
||||
<title xml:lang="ko">XE 기본 서식 (검은 배경)</title>
|
||||
<description xml:lang="ko">
|
||||
XE 기본 문서 서식입니다.
|
||||
문서 수정중에는 각 요소들이 구분되어 보입니다.
|
||||
</description>
|
||||
<version>0.0.1</version>
|
||||
<date>2009-04-17</date>
|
||||
<author email_address="webmaster@naradesign.net" link="http://naradesign.net">
|
||||
<name xml:lang="ko">정찬명</name>
|
||||
</author>
|
||||
</skin>
|
||||
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;}
|
||||
1
modules/editor/styles/xeStyleBlack/style.ini
Normal file
|
|
@ -0,0 +1 @@
|
|||
style.css
|
||||