문서 서식에서 글 수정시와 글 볼때의 스타일을 다르게 지정하도록 수정

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@6136 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero 2009-04-17 05:10:46 +00:00
parent 7686e2a5ac
commit 31471c10a4
6 changed files with 64 additions and 64 deletions

View file

@ -0,0 +1,30 @@
@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;}
/* 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 #ccc;}
.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;}

View file

@ -2,6 +2,7 @@
<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="editor.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>XpressEngine</title>
</head>

View file

@ -1,8 +1,5 @@
@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:#000;}
.xe_content img{ border:0;}
@ -10,32 +7,6 @@ html, body { height:100%; background-color:transparent; padding:0; margin:0;}
.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 #ccc;}
.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,
@ -81,8 +52,6 @@ html, body { height:100%; background-color:transparent; padding:0; margin:0;}
.xe_content code.block{ position:relative; font-family:"Courier New", Monospace; line-height:1; display:block; padding:12px 15px 12px 15px; background-color:#fff5d9; -moz-border-radius:5px; -webkit-border-radius:5px;}
/* Anchor */
.xe_content a:link {color:#0077ee; text-decoration:none; }
.xe_content a:hover {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;}

View file

@ -0,0 +1,32 @@
@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;}
/* 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;}

View file

@ -2,6 +2,7 @@
<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="editor.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>XpressEngine</title>
</head>

View file

@ -1,8 +1,3 @@
@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;}
@ -10,32 +5,6 @@ html, body { height:100%; background-color:transparent; padding:0; margin:0;}
.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,
@ -81,8 +50,6 @@ html, body { height:100%; background-color:transparent; padding:0; margin:0;}
.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;}