mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-07 02:31:40 +09:00
7496aeebb8
문서 서식 기능을 글 작성과 볼때 동일한 형태 제공하도록 개선. 각 모듈별 추가 설정에서 문서 서식 설정할 수 있는 기능 추가 git-svn-id: http://xe-core.googlecode.com/svn/sandbox@6134 201d5d3c-b55e-5fd7-737f-ddc643e51545
102 lines
6.9 KiB
CSS
Executable file
102 lines
6.9 KiB
CSS
Executable file
@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;}
|
|
.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 #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,
|
|
.xe_content blockquote.q4,
|
|
.xe_content blockquote.q5,
|
|
.xe_content blockquote.q6,
|
|
.xe_content blockquote.q7{ padding:10px; margin:0 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 #f4f4f4; background-color:#fff; *border-bottom:1px solid #ccc; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='4', Color='#f4f4f4', positive='true');}
|
|
.xe_content h1:after{ content:""; display:block; font-size:0; line-height:0; overflow:hidden; height:1px; background:#ccc;}
|
|
.xe_content h2{ font-size:20px; border-bottom:3px solid #f4f4f4; background-color:#fff; *border-bottom:1px solid #ccc; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='3', Color='#f4f4f4', positive='true');}
|
|
.xe_content h2:after{ content:""; display:block; font-size:0; line-height:0; overflow:hidden; height:1px; background:#ccc;}
|
|
.xe_content h3{ font-size:18px; border-bottom:2px solid #f4f4f4; background-color:#fff; *border-bottom:1px solid #ccc; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='2', Color='#f4f4f4', positive='true');}
|
|
.xe_content h3:after{ content:""; display:block; font-size:0; line-height:0; overflow:hidden; height:1px; background:#ccc;}
|
|
.xe_content h4{ font-size:16px; border-bottom:1px solid #f4f4f4; background-color:#fff; *border-bottom:1px solid #ccc; *zoom:1; *filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#f4f4f4', positive='true');}
|
|
.xe_content h4:after{ content:""; display:block; font-size:0; line-height:0; overflow:hidden; height:1px; background:#ccc;}
|
|
.xe_content h5{ font-size:14px; border-bottom:1px solid #ccc;}
|
|
.xe_content h6{ font-size:12px; border-bottom:1px dotted #ccc;}
|
|
|
|
/* Blockquote */
|
|
.xe_content q{ background-color:#eee;}
|
|
|
|
/* Cite */
|
|
.xe_content cite{ font-style:normal; color:#8b8b8b;}
|
|
|
|
/* Code */
|
|
.xe_content code{ font-family:"Courier New", Monospace; background-color:#fff5d9;}
|
|
.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;}
|
|
|
|
/* Table */
|
|
.xe_content table{ border:1px solid #ccc; border-right:0; border-bottom:0; margin-bottom:15px; border-spacing:0;}
|
|
.xe_content caption{ font-weight:bold;}
|
|
.xe_content table th,
|
|
.xe_content table td{ border:1px solid #ccc; border-left:0; border-top:0; padding:2px 5px;}
|
|
.xe_content table th{ background:#f4f4f4;}
|
|
|
|
/* Division */
|
|
.xe_content .mpDivision{ border:1px dotted #ccc; padding-left:15px; padding-right:15px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f4f4f4;}
|
|
|
|
/* Definition */
|
|
.xe_content dt{ font-weight:bold; clear:both;}
|
|
.xe_content dd{ margin-left:0; clear:both;}
|