mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-21 04:09:55 +09:00
code_highlighter(edit component) 업데이트
- dp.SyntaxHighlighter 1.4에서 1.5.1로 업데이트 (통째로 덮어 씌움..) - Abap 언어 추가. - 접기/줄 번호 감추기/도구바 감추기 설정 추가. git-svn-id: http://xe-core.googlecode.com/svn/sandbox@3104 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
bnu
parent
12f685e116
commit
f490cad881
21 changed files with 1090 additions and 578 deletions
|
|
@ -1,14 +1,31 @@
|
|||
/* Main style for the table */
|
||||
|
||||
.dp-highlighter
|
||||
{
|
||||
font-family: "Courier New" , Courier, mono;
|
||||
font-family: "Consolas", "Courier New", Courier, mono, serif;
|
||||
font-size: 12px;
|
||||
border: 1px solid #eee;
|
||||
background-color: #fff;
|
||||
background-color: #E7E5DC;
|
||||
width: 99%;
|
||||
overflow: auto;
|
||||
margin: 18px 0px 18px 0px;
|
||||
margin: 18px 0 18px 0 !important;
|
||||
padding-top: 1px; /* adds a little border on top when controls are hidden */
|
||||
}
|
||||
|
||||
/* clear styles */
|
||||
.dp-highlighter ol,
|
||||
.dp-highlighter ol li,
|
||||
.dp-highlighter ol li span
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.dp-highlighter a,
|
||||
.dp-highlighter a:hover
|
||||
{
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.dp-highlighter .bar
|
||||
|
|
@ -16,39 +33,50 @@
|
|||
padding-left: 45px;
|
||||
}
|
||||
|
||||
.dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar
|
||||
.dp-highlighter.collapsed .bar,
|
||||
.dp-highlighter.nogutter .bar
|
||||
{
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.dp-highlighter ol
|
||||
{
|
||||
margin: 0px 0px 1px 45px; /* 1px bottom margin seems to fix occasional Firefox scrolling */
|
||||
padding: 0px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.dp-highlighter.nogutter ol
|
||||
{
|
||||
list-style-type: none;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.dp-highlighter ol li, .dp-highlighter .columns div
|
||||
{
|
||||
border-left: 1px solid #999;
|
||||
list-style: decimal; /* for ie */
|
||||
background-color: #fff;
|
||||
padding-left: 10px;
|
||||
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
|
||||
padding: 0px;
|
||||
color: #5C5C5C;
|
||||
}
|
||||
|
||||
.dp-highlighter.nogutter ol,
|
||||
.dp-highlighter.nogutter ol li
|
||||
{
|
||||
list-style: none !important;
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
|
||||
.dp-highlighter ol li,
|
||||
.dp-highlighter .columns div
|
||||
{
|
||||
list-style: decimal; /* better look for others, override cascade from OL */
|
||||
list-style-position: outside !important;
|
||||
border-left: 3px solid #22AAEE;
|
||||
background-color: #F8F8F8;
|
||||
color: #5C5C5C;
|
||||
padding: 0 3px 0 10px !important;
|
||||
margin: 0 !important;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div
|
||||
.dp-highlighter.nogutter ol li,
|
||||
.dp-highlighter.nogutter .columns div
|
||||
{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.dp-highlighter .columns
|
||||
{
|
||||
background-color: #F8F8F8;
|
||||
color: gray;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
|
|
@ -61,12 +89,14 @@
|
|||
|
||||
.dp-highlighter ol li.alt
|
||||
{
|
||||
background-color: #f8f8f8;
|
||||
background-color: #FFF;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.dp-highlighter ol li span
|
||||
{
|
||||
color: Black;
|
||||
color: black;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
/* Adjust some properties when collapsed */
|
||||
|
|
@ -103,9 +133,16 @@
|
|||
.dp-highlighter .tools
|
||||
{
|
||||
padding: 3px 8px 3px 10px;
|
||||
border-bottom: 1px solid #999;
|
||||
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
color: silver;
|
||||
background-color: #f8f8f8;
|
||||
padding-bottom: 10px;
|
||||
border-left: 3px solid #22AAEE;
|
||||
}
|
||||
|
||||
.dp-highlighter.nogutter .tools
|
||||
{
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.dp-highlighter.collapsed .tools
|
||||
|
|
@ -116,7 +153,8 @@
|
|||
.dp-highlighter .tools a
|
||||
{
|
||||
font-size: 9px;
|
||||
color: gray;
|
||||
color: #a0a0a0;
|
||||
background-color: inherit;
|
||||
text-decoration: none;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
|
@ -124,100 +162,131 @@
|
|||
.dp-highlighter .tools a:hover
|
||||
{
|
||||
color: red;
|
||||
background-color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* About dialog styles */
|
||||
|
||||
.dp-about { background-color: #fff; margin: 0px; padding: 0px; }
|
||||
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
|
||||
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
|
||||
.dp-about td { padding: 10px; vertical-align: top; }
|
||||
.dp-about .dp-copy { border-bottom: 1px solid #ACA899; height: 95%; }
|
||||
.dp-about .dp-title { color: red; font-weight: bold; }
|
||||
.dp-about .dp-para { margin: 0 0 4px 0; }
|
||||
.dp-about .dp-footer { background-color: #ECEADB; border-top: 1px solid #fff; text-align: right; }
|
||||
.dp-about .dp-close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; width: 60px; height: 22px; }
|
||||
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
|
||||
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
|
||||
.dp-about .para { margin: 0 0 4px 0; }
|
||||
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
|
||||
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
|
||||
|
||||
/* Language specific styles */
|
||||
|
||||
.dp-highlighter .comment,
|
||||
.dp-highlighter .comments { color: #008200; background-color: inherit; }
|
||||
.dp-highlighter .string { color: #FF00FF; background-color: inherit; }
|
||||
.dp-highlighter .keyword { color: #0000FF; background-color: inherit; }
|
||||
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
|
||||
.dp-highlighter .func { color: #FF0000; }
|
||||
.dp-highlighter .vars { color: #008080; }
|
||||
|
||||
|
||||
/* Language specific styles */
|
||||
|
||||
.dp-c {}
|
||||
.dp-c .dp-comment { color: green; }
|
||||
.dp-c .dp-string { color: blue; }
|
||||
.dp-c .dp-preprocessor { color: gray; }
|
||||
.dp-c .dp-keyword { color: blue; }
|
||||
.dp-c .dp-vars { color: #d00; }
|
||||
.dp-c .comment { color: green; }
|
||||
.dp-c .string { color: blue; }
|
||||
.dp-c .preprocessor { color: gray; }
|
||||
.dp-c .keyword { color: blue; }
|
||||
.dp-c .vars { color: #d00; }
|
||||
|
||||
.dp-vb {}
|
||||
.dp-vb .dp-comment { color: green; }
|
||||
.dp-vb .dp-string { color: blue; }
|
||||
.dp-vb .dp-preprocessor { color: gray; }
|
||||
.dp-vb .dp-keyword { color: blue; }
|
||||
.dp-vb .comment { color: green; }
|
||||
.dp-vb .string { color: blue; }
|
||||
.dp-vb .preprocessor { color: gray; }
|
||||
.dp-vb .keyword { color: blue; }
|
||||
|
||||
.dp-sql {}
|
||||
.dp-sql .dp-comment { color: green; }
|
||||
.dp-sql .dp-string { color: red; }
|
||||
.dp-sql .dp-keyword { color: blue; }
|
||||
.dp-sql .dp-func { color: #ff1493; }
|
||||
.dp-sql .dp-op { color: #808080; }
|
||||
.dp-sql .comment { color: green; }
|
||||
.dp-sql .string { color: red; }
|
||||
.dp-sql .keyword { color: blue; }
|
||||
.dp-sql .func { color: #ff1493; }
|
||||
.dp-sql .op { color: #808080; }
|
||||
|
||||
.dp-xml {}
|
||||
.dp-xml .dp-cdata { color: #ff1493; }
|
||||
.dp-xml .dp-comments { color: green; }
|
||||
.dp-xml .dp-tag { font-weight: bold; color: blue; }
|
||||
.dp-xml .dp-tag-name { color: black; font-weight: bold; }
|
||||
.dp-xml .dp-attribute { color: red; }
|
||||
.dp-xml .dp-attribute-value { color: blue; }
|
||||
.dp-xml .cdata { color: #ff1493; }
|
||||
.dp-xml .comments { color: green; }
|
||||
.dp-xml .tag { font-weight: bold; color: blue; }
|
||||
.dp-xml .tag-name { color: black; font-weight: bold; }
|
||||
.dp-xml .attribute { color: red; }
|
||||
.dp-xml .attribute-value { color: blue; }
|
||||
|
||||
.dp-delphi {}
|
||||
.dp-delphi .dp-comment { color: #008200; font-style: italic; }
|
||||
.dp-delphi .dp-string { color: blue; }
|
||||
.dp-delphi .dp-number { color: blue; }
|
||||
.dp-delphi .dp-directive { color: #008284; }
|
||||
.dp-delphi .dp-keyword { font-weight: bold; color: navy; }
|
||||
.dp-delphi .dp-vars { color: #000; }
|
||||
.dp-delphi .comment { color: #008200; font-style: italic; }
|
||||
.dp-delphi .string { color: blue; }
|
||||
.dp-delphi .number { color: blue; }
|
||||
.dp-delphi .directive { color: #008284; }
|
||||
.dp-delphi .keyword { font-weight: bold; color: navy; }
|
||||
.dp-delphi .vars { color: #000; }
|
||||
|
||||
.dp-py {}
|
||||
.dp-py .dp-comment { color: green; }
|
||||
.dp-py .dp-string { color: red; }
|
||||
.dp-py .dp-docstring { color: green; }
|
||||
.dp-py .dp-keyword { color: blue; font-weight: bold;}
|
||||
.dp-py .dp-builtins { color: #ff1493; }
|
||||
.dp-py .dp-magicmethods { color: #808080; }
|
||||
.dp-py .dp-exceptions { color: brown; }
|
||||
.dp-py .dp-types { color: brown; font-style: italic; }
|
||||
.dp-py .dp-commonlibs { color: #8A2BE2; font-style: italic; }
|
||||
.dp-py .comment { color: green; }
|
||||
.dp-py .string { color: red; }
|
||||
.dp-py .docstring { color: green; }
|
||||
.dp-py .keyword { color: blue; font-weight: bold;}
|
||||
.dp-py .builtins { color: #ff1493; }
|
||||
.dp-py .magicmethods { color: #808080; }
|
||||
.dp-py .exceptions { color: brown; }
|
||||
.dp-py .types { color: brown; font-style: italic; }
|
||||
.dp-py .commonlibs { color: #8A2BE2; font-style: italic; }
|
||||
|
||||
.dp-rb {}
|
||||
.dp-rb .dp-comment { color: #c00; }
|
||||
.dp-rb .dp-string { color: #f0c; }
|
||||
.dp-rb .dp-symbol { color: #02b902; }
|
||||
.dp-rb .dp-keyword { color: #069; }
|
||||
.dp-rb .dp-variable { color: #6cf; }
|
||||
.dp-rb .comment { color: #c00; }
|
||||
.dp-rb .string { color: #f0c; }
|
||||
.dp-rb .symbol { color: #02b902; }
|
||||
.dp-rb .keyword { color: #069; }
|
||||
.dp-rb .variable { color: #6cf; }
|
||||
|
||||
.dp-css {}
|
||||
.dp-css .dp-comment { color: green; }
|
||||
.dp-css .dp-string { color: red; }
|
||||
.dp-css .dp-keyword { color: blue; }
|
||||
.dp-css .dp-colors { color: darkred; }
|
||||
.dp-css .dp-vars { color: #d00; }
|
||||
.dp-css .comment { color: green; }
|
||||
.dp-css .string { color: red; }
|
||||
.dp-css .keyword { color: blue; }
|
||||
.dp-css .colors { color: darkred; }
|
||||
.dp-css .vars { color: #d00; }
|
||||
|
||||
.dp-j {}
|
||||
.dp-j .dp-comment { color: rgb(63,127,95); }
|
||||
.dp-j .dp-string { color: rgb(42,0,255); }
|
||||
.dp-j .dp-keyword { color: rgb(127,0,85); font-weight: bold }
|
||||
.dp-j .dp-annotation { color: #646464; }
|
||||
.dp-j .dp-number { color: #C00000; }
|
||||
.dp-j .comment { color: rgb(63,127,95); }
|
||||
.dp-j .string { color: rgb(42,0,255); }
|
||||
.dp-j .keyword { color: rgb(127,0,85); font-weight: bold }
|
||||
.dp-j .annotation { color: #646464; }
|
||||
.dp-j .number { color: #C00000; }
|
||||
|
||||
.dp-cpp {}
|
||||
.dp-cpp .dp-comment { color: #e00; }
|
||||
.dp-cpp .dp-string { color: red; }
|
||||
.dp-cpp .dp-preprocessor { color: #CD00CD; font-weight: bold; }
|
||||
.dp-cpp .dp-keyword { color: #5697D9; font-weight: bold; }
|
||||
.dp-cpp .dp-datatypes { color: #2E8B57; font-weight: bold; }
|
||||
.dp-cpp .comment { color: #e00; }
|
||||
.dp-cpp .string { color: red; }
|
||||
.dp-cpp .preprocessor { color: #CD00CD; font-weight: bold; }
|
||||
.dp-cpp .keyword { color: #5697D9; font-weight: bold; }
|
||||
.dp-cpp .datatypes { color: #2E8B57; font-weight: bold; }
|
||||
|
||||
.dp-php { color: #800000; }
|
||||
.dp-php .dp-comment { color: #008000; }
|
||||
.dp-php .dp-keyword { color: #4B00FB; }
|
||||
.dp-php .dp-string { color: #FB00FB; }
|
||||
.dp-php .dp-func { color: #FF0000; }
|
||||
.dp-php .dp-vars { color: #008080; }
|
||||
.dp-php .comment { color: #008000; }
|
||||
.dp-php .keyword { color: #4B00FB; }
|
||||
.dp-php .string { color: #FB00FB; }
|
||||
.dp-php .func { color: #FF0000; }
|
||||
.dp-php .vars { color: #008080; }
|
||||
.dp-php .zbxe_funcs { color: #FF6820; }
|
||||
.dp-php .zbxe_class { color: #FF6820; font-weight: bold; }
|
||||
|
||||
|
||||
.dp-abap { color: #800000; }
|
||||
.dp-abap .comment { color: #008000; }
|
||||
.dp-abap .keyword { color: #4B00FB; }
|
||||
.dp-abap .string { color: #FB00FB; }
|
||||
.dp-abap .datatypes { color: #2E8B57; font-weight: bold; }
|
||||
|
||||
|
||||
pre[name='CodeHighLighterArea'] {
|
||||
max-height: 200px;
|
||||
font-size: 1.1em;
|
||||
border: #666666 dotted 1px;
|
||||
border-left: #22AAEE solid 5px;
|
||||
padding: 5px;
|
||||
overflow: auto;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue