@richscripts2/richtexteditor 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/README.md +8 -0
  2. package/package.json +34 -0
  3. package/richtexteditor/lang/rte-lang-af.js +164 -0
  4. package/richtexteditor/lang/rte-lang-ar.js +164 -0
  5. package/richtexteditor/lang/rte-lang-bg.js +164 -0
  6. package/richtexteditor/lang/rte-lang-bn.js +164 -0
  7. package/richtexteditor/lang/rte-lang-bs.js +164 -0
  8. package/richtexteditor/lang/rte-lang-ca.js +164 -0
  9. package/richtexteditor/lang/rte-lang-cs.js +164 -0
  10. package/richtexteditor/lang/rte-lang-cy.js +164 -0
  11. package/richtexteditor/lang/rte-lang-da.js +164 -0
  12. package/richtexteditor/lang/rte-lang-de.js +164 -0
  13. package/richtexteditor/lang/rte-lang-el.js +164 -0
  14. package/richtexteditor/lang/rte-lang-en.js +3 -0
  15. package/richtexteditor/lang/rte-lang-es.js +164 -0
  16. package/richtexteditor/lang/rte-lang-et.js +164 -0
  17. package/richtexteditor/lang/rte-lang-fa.js +164 -0
  18. package/richtexteditor/lang/rte-lang-fi.js +164 -0
  19. package/richtexteditor/lang/rte-lang-fil.js +164 -0
  20. package/richtexteditor/lang/rte-lang-fj.js +164 -0
  21. package/richtexteditor/lang/rte-lang-fr.js +164 -0
  22. package/richtexteditor/lang/rte-lang-ga.js +164 -0
  23. package/richtexteditor/lang/rte-lang-gu.js +164 -0
  24. package/richtexteditor/lang/rte-lang-he.js +164 -0
  25. package/richtexteditor/lang/rte-lang-hi.js +164 -0
  26. package/richtexteditor/lang/rte-lang-hr.js +164 -0
  27. package/richtexteditor/lang/rte-lang-ht.js +164 -0
  28. package/richtexteditor/lang/rte-lang-hu.js +164 -0
  29. package/richtexteditor/lang/rte-lang-id.js +164 -0
  30. package/richtexteditor/lang/rte-lang-is.js +164 -0
  31. package/richtexteditor/lang/rte-lang-it.js +164 -0
  32. package/richtexteditor/lang/rte-lang-ja.js +164 -0
  33. package/richtexteditor/lang/rte-lang-kn.js +164 -0
  34. package/richtexteditor/lang/rte-lang-ko.js +164 -0
  35. package/richtexteditor/lang/rte-lang-lt.js +164 -0
  36. package/richtexteditor/lang/rte-lang-lv.js +164 -0
  37. package/richtexteditor/lang/rte-lang-mg.js +164 -0
  38. package/richtexteditor/lang/rte-lang-mi.js +164 -0
  39. package/richtexteditor/lang/rte-lang-ml.js +164 -0
  40. package/richtexteditor/lang/rte-lang-mr.js +164 -0
  41. package/richtexteditor/lang/rte-lang-ms.js +164 -0
  42. package/richtexteditor/lang/rte-lang-mt.js +164 -0
  43. package/richtexteditor/lang/rte-lang-mww.js +164 -0
  44. package/richtexteditor/lang/rte-lang-nb.js +164 -0
  45. package/richtexteditor/lang/rte-lang-nl.js +164 -0
  46. package/richtexteditor/lang/rte-lang-otq.js +164 -0
  47. package/richtexteditor/lang/rte-lang-pa.js +164 -0
  48. package/richtexteditor/lang/rte-lang-pl.js +164 -0
  49. package/richtexteditor/lang/rte-lang-pt-pt.js +164 -0
  50. package/richtexteditor/lang/rte-lang-pt.js +164 -0
  51. package/richtexteditor/lang/rte-lang-ro.js +164 -0
  52. package/richtexteditor/lang/rte-lang-ru.js +164 -0
  53. package/richtexteditor/lang/rte-lang-sk.js +164 -0
  54. package/richtexteditor/lang/rte-lang-sl.js +164 -0
  55. package/richtexteditor/lang/rte-lang-sm.js +164 -0
  56. package/richtexteditor/lang/rte-lang-sr-Cyrl.js +164 -0
  57. package/richtexteditor/lang/rte-lang-sr-Latn.js +164 -0
  58. package/richtexteditor/lang/rte-lang-sv.js +164 -0
  59. package/richtexteditor/lang/rte-lang-sw.js +164 -0
  60. package/richtexteditor/lang/rte-lang-ta.js +164 -0
  61. package/richtexteditor/lang/rte-lang-te.js +164 -0
  62. package/richtexteditor/lang/rte-lang-th.js +164 -0
  63. package/richtexteditor/lang/rte-lang-tlh-Latn.js +164 -0
  64. package/richtexteditor/lang/rte-lang-tlh-Piqd.js +164 -0
  65. package/richtexteditor/lang/rte-lang-to.js +164 -0
  66. package/richtexteditor/lang/rte-lang-tr.js +164 -0
  67. package/richtexteditor/lang/rte-lang-ty.js +164 -0
  68. package/richtexteditor/lang/rte-lang-uk.js +164 -0
  69. package/richtexteditor/lang/rte-lang-ur.js +164 -0
  70. package/richtexteditor/lang/rte-lang-vi.js +164 -0
  71. package/richtexteditor/lang/rte-lang-yua.js +164 -0
  72. package/richtexteditor/lang/rte-lang-zh-Hans.js +164 -0
  73. package/richtexteditor/lang/rte-lang-zh-Hant.js +164 -0
  74. package/richtexteditor/lang/rte-lang.js +1 -0
  75. package/richtexteditor/plugins/-combine-plugin.txt +2 -0
  76. package/richtexteditor/plugins/all_plugins.js +1063 -0
  77. package/richtexteditor/plugins/html2pdf.js +163 -0
  78. package/richtexteditor/plugins/imageeditor.js +160 -0
  79. package/richtexteditor/plugins/insertcode.js +316 -0
  80. package/richtexteditor/plugins/insertemoji.js +258 -0
  81. package/richtexteditor/plugins/insertgallery.js +82 -0
  82. package/richtexteditor/plugins/inserttemplate.js +82 -0
  83. package/richtexteditor/plugins/samples/insertcode_v1.js +76 -0
  84. package/richtexteditor/plugins/tui.image-editor/fabric.min.js +8 -0
  85. package/richtexteditor/plugins/tui.image-editor/note.txt +5 -0
  86. package/richtexteditor/plugins/tui.image-editor/svg/icon-a.svg +235 -0
  87. package/richtexteditor/plugins/tui.image-editor/svg/icon-b.svg +224 -0
  88. package/richtexteditor/plugins/tui.image-editor/svg/icon-c.svg +224 -0
  89. package/richtexteditor/plugins/tui.image-editor/svg/icon-d.svg +224 -0
  90. package/richtexteditor/plugins/tui.image-editor/tui-code-snippet.min.js +7 -0
  91. package/richtexteditor/plugins/tui.image-editor/tui-color-picker.min.css +6 -0
  92. package/richtexteditor/plugins/tui.image-editor/tui-color-picker.min.js +7 -0
  93. package/richtexteditor/plugins/tui.image-editor/tui-image-editor.min.css +7 -0
  94. package/richtexteditor/plugins/tui.image-editor/tui-image-editor.min.js +15 -0
  95. package/richtexteditor/rte.js +574 -0
  96. package/richtexteditor/rte_theme_default.css +1755 -0
  97. package/richtexteditor/runtime/colorpicker_more_ns.htm +2613 -0
  98. package/richtexteditor/runtime/help.htm +162 -0
  99. package/richtexteditor/runtime/images/1x1.gif +0 -0
  100. package/richtexteditor/runtime/images/cpie_Color.cur +0 -0
  101. package/richtexteditor/runtime/images/cpie_GradientPositionDark.gif +0 -0
  102. package/richtexteditor/runtime/images/cpie_GradientPositionLight.gif +0 -0
  103. package/richtexteditor/runtime/images/cpie_VerticalPosition.gif +0 -0
  104. package/richtexteditor/runtime/images/cpie_WebSafe.gif +0 -0
  105. package/richtexteditor/runtime/images/cpie_gradients.png +0 -0
  106. package/richtexteditor/runtime/images/cpns_Color.cur +0 -0
  107. package/richtexteditor/runtime/images/cpns_ColorSpace1.png +0 -0
  108. package/richtexteditor/runtime/images/cpns_ColorSpace2.png +0 -0
  109. package/richtexteditor/runtime/images/cpns_GradientPositionDark.gif +0 -0
  110. package/richtexteditor/runtime/images/cpns_GradientPositionLight.gif +0 -0
  111. package/richtexteditor/runtime/images/cpns_Vertical1.png +0 -0
  112. package/richtexteditor/runtime/images/cpns_Vertical2.png +0 -0
  113. package/richtexteditor/runtime/images/cpns_VerticalPosition.gif +0 -0
  114. package/richtexteditor/runtime/images/cpns_WebSafe.gif +0 -0
  115. package/richtexteditor/runtime/images/cpns_gradients.png +0 -0
  116. package/richtexteditor/runtime/images/cpns_hue2.png +0 -0
  117. package/richtexteditor/runtime/images/formbn.gif +0 -0
  118. package/richtexteditor/runtime/images/multiclavier.gif +0 -0
  119. package/richtexteditor/runtime/richtexteditor_content.css +362 -0
  120. package/richtexteditor/runtime/richtexteditor_preview.css +302 -0
  121. package/richtexteditor/runtime/richtexteditor_preview.js +4 -0
package/richtexteditor/runtime/help.htm ADDED
@@ -0,0 +1,162 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <title>RichTextEditor Help</title>
6
+ <link href="richtexteditor_content.css" media="all" rel="stylesheet" type="text/css" />
7
+ <style>
8
+ thead {
9
+ background-color: #f7f7f7;
10
+ }
11
+ .itemicon {
12
+ float: left;
13
+ width: 32px;
14
+ height: 24px;
15
+ }
16
+ .itemtext {
17
+ float: left;
18
+ width: 100px;
19
+ }
20
+
21
+ .itemicon svg {
22
+ width: 24px;
23
+ height: 24px;
24
+ margin: 0 8px;
25
+ }
26
+ </style>
27
+ </head>
28
+ <body style="overflow:auto">
29
+ <h3>Shortcuts</h3>
30
+ <table class="table">
31
+ <thead>
32
+ <tr>
33
+ <th scope="col">Action</th>
34
+ <th scope="col">Description</th>
35
+ <th scope="col">Shortcut</th>
36
+ </tr>
37
+ </thead>
38
+ <tbody>
39
+ <tr>
40
+ <td>
41
+ <div class='itemicon'>
42
+ <svg viewBox="-2 -2 20 20" fill="#5F6368"><path d="M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 001.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z" /></svg>
43
+ </div>
44
+ <div class='itemtext'>
45
+ Bold
46
+ </div>
47
+ </td>
48
+ <td>Bolds the selected text.</td>
49
+ <td>Ctrl + B</td>
50
+ </tr>
51
+ <tr>
52
+ <td>
53
+ <div class='itemicon'>
54
+ <svg viewBox="-2 -2 20 20" fill="#5F6368"><path d="M7.991 11.674L9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z" /></svg>
55
+ </div>
56
+ <div class='itemtext'>
57
+ Italic
58
+ </div>
59
+ </td>
60
+ <td>Italicizes the selected text.</td>
61
+ <td>Ctrl + I</td>
62
+ </tr>
63
+ <tr>
64
+ <td>
65
+ <div class='itemicon'>
66
+ <svg viewBox="-2 -2 20 20" fill="#5F6368"><path d="M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57-1.709 0-2.687-1.08-2.687-2.57V3.136z" /><path fill-rule="evenodd" d="M12.5 15h-9v-1h9v1z" clip-rule="evenodd" /></svg>
67
+ </div>
68
+ <div class='itemtext'>
69
+ Underline
70
+ </div>
71
+ </td>
72
+ <td>Underlines the selected text</td>
73
+ <td>Ctrl + U</td>
74
+ </tr>
75
+ <tr>
76
+ <td>
77
+ <div class='itemicon'>
78
+ <svg viewBox="0 0 32 32" fill="#5F6368"><path d="M5,5v1v1h1h1V6V5H6H5z M9,5v2h2V5H9z M13,5v2h2V5H13z M17,5v2h2V5H17z M21,5v2h2V5H21z M25,5v1v1h1h1V6V5h-1H25z M5,9v2h2V9H5z M25,9v2h2V9H25z M10,11v2h12v-2H10z M5,13v2h2v-2H5z M25,13v2h2v-2H25z M10,15v2h10v-2H10z M5,17v2h2v-2H5z M25,17v2h2v-2H25z M10,19v2h12v-2H10z M5,21v2h2v-2H5z M25,21v2h2v-2H25z M5,25v1v1h1h1v-1v-1H6H5z M9,25v2h2v-2H9z M13,25v2h2v-2H13z M17,25v2h2v-2H17z M21,25v2h2v-2H21z M25,25v1v1h1h1v-1v-1h-1H25z" /></svg>
79
+ </div>
80
+ <div class='itemtext'>
81
+ Select all
82
+ </div>
83
+ </td>
84
+ <td>Selects all content.</td>
85
+ <td>Ctrl + A</td>
86
+ </tr>
87
+ <tr>
88
+ <td>
89
+ <div class='itemicon'>
90
+ <svg viewBox="-2 -2 36 36" fill="#5F6368"><path d="M9,15c-2.5,0-4,1.5-4,4c0,2.5,1.5,4,4,4h5v2H9c-3.5,0-6-2.5-6-6c0-3.5,2.5-6,6-6h16.2l-4-4l1.4-1.5L29,14 l-6.4,6.4L21.2,19l4-4H9z" /></svg>
91
+ </div>
92
+ <div class='itemtext'>
93
+ Redo
94
+ </div>
95
+ </td>
96
+ <td>Reverses the last Undo.</td>
97
+ <td>Ctrl + Y</td>
98
+ </tr>
99
+ <tr>
100
+ <td>
101
+ <div class='itemicon'>
102
+ <svg viewBox="-2 -2 36 36" fill="#5F6368" style="width: 100%; height: 100%; margin: 0px; border: 0px; align-self: self-start;"><path d="M9,15c-2.5,0-4,1.5-4,4c0,2.5,1.5,4,4,4h5v2H9c-3.5,0-6-2.5-6-6c0-3.5,2.5-6,6-6h16.2l-4-4l1.4-1.5L29,14 l-6.4,6.4L21.2,19l4-4H9z"></path></svg> </div>
103
+ <div class='itemtext'>
104
+ Undo
105
+ </div>
106
+ </td>
107
+ <td>Reverses the last action.</td>
108
+ <td>Ctrl + Z</td>
109
+ </tr>
110
+ <tr>
111
+ <td>
112
+ <div class='itemicon'>
113
+ <svg viewBox="-2 -2 36 36" fill="#5F6368" style="width: 100%; height: 100%; margin: 0px; border: 0px; align-self: self-start;"><path d="M27.71,9.29l-5-5A1,1,0,0,0,22,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V10A1,1,0,0,0,27.71,9.29ZM12,6h8v4H12Zm8,20H12V18h8Zm2,0V18a2,2,0,0,0-2-2H12a2,2,0,0,0-2,2v8H6V6h4v4a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V6.41l4,4V26Z"></path></svg>
114
+ </div>
115
+ <div class='itemtext'>
116
+ Save
117
+ </div>
118
+ </td>
119
+ <td>Saves the content.</td>
120
+ <td>Ctrl + S</td>
121
+ </tr>
122
+ <tr>
123
+ <td>
124
+ <div class='itemicon'>
125
+ <svg viewBox="-2 -2 20 20" fill="#5F6368"><path d="M10.707 3h-1l-3-3H1v13h4v3h10V7.293L10.707 3zM11 4.707L13.293 7H11V4.707zM2 12V1h4.293l2 2H5v9H2zm4 3V4h4v4h4v7H6z" /></svg>
126
+ </div>
127
+ <div class='itemtext'>
128
+ Copy
129
+ </div>
130
+ </td>
131
+ <td>Copies the current selection.</td>
132
+ <td>Ctrl + C</td>
133
+ </tr>
134
+ <tr>
135
+ <td>
136
+ <div class='itemicon'>
137
+ <svg viewBox="-2 -2 20 20" fill="#5F6368"><path d="M13 6v-4h-4c0-1.103-.897-2-2-2s-2 .897-2 2h-4v13h6v1h8v-10h-2zm-7-3v-1c0-.551.449-1 1-1s1 .449 1 1v1h2v1h-6v-1h2zm-4 11v-11h1v2h8v-2h1v3h-5v8h-5zm12 1h-6v-8h6v8z" /></svg>
138
+ </div>
139
+ <div class='itemtext'>
140
+ Paste
141
+ </div>
142
+ </td>
143
+ <td>Pastes content from the clipboard into the current position.</td>
144
+ <td>Ctrl + V</td>
145
+ </tr>
146
+ <tr>
147
+ <td>
148
+ <div class='itemicon'>
149
+ <svg viewBox="-2 -2 20 20" fill="#5F6368"><path fill-rule="evenodd" d="M10.442 10.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z" clip-rule="evenodd" /><path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z" clip-rule="evenodd" /></svg>
150
+ </div>
151
+ <div class='itemtext'>
152
+ Find & Replace
153
+ </div>
154
+ </td>
155
+ <td>Finds and replaces the text in the editor's content.</td>
156
+ <td>Ctrl + F</td>
157
+ </tr>
158
+ </tbody>
159
+ </table>
160
+
161
+ </body>
162
+ </html>
package/richtexteditor/runtime/richtexteditor_content.css ADDED
@@ -0,0 +1,362 @@
1
+ 
2
+ /* TODO: use @import for your css */
3
+
4
+ body {
5
+ overflow-y: hidden;
6
+ padding: 0px;
7
+ margin: 0px
8
+ }
9
+
10
+ body, table, p, div {
11
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
12
+ color: #414141;
13
+ font-size: 14px;
14
+ line-height: 1.6;
15
+ }
16
+
17
+ a {
18
+ color: #377dff;
19
+ text-decoration: none;
20
+ -webkit-transition: color 0.2s ease 0s, text-decoration 0.2s ease 0s;
21
+ -moz-transition: color 0.2s ease 0s, text-decoration 0.2s ease 0s;
22
+ -o-transition: color 0.2s ease 0s, text-decoration 0.2s ease 0s;
23
+ transition: color 0.2s ease 0s, text-decoration 0.2s ease 0s;
24
+ }
25
+
26
+ ::selection {
27
+ background: #b5d6fd;
28
+ color: #000030;
29
+ }
30
+
31
+ /*RTE_DefaultConfig.items_InlineClasses*/
32
+ .my-cls-mark {
33
+ background-color: yellow;
34
+ font-weight: bold;
35
+ }
36
+
37
+ .my-cls-warning {
38
+ background-color: orange;
39
+ color: white;
40
+ font-weight: bold;
41
+ }
42
+ /*RTE_DefaultConfig.items_ParagraphClasses*/
43
+ .my-cls-quote {
44
+ margin: 10px;
45
+ padding-left: 10px;
46
+ border-left: dashed 1px red;
47
+ font-style: italic;
48
+ }
49
+
50
+ .my-cls-largecenter {
51
+ font-size: 1.5em;
52
+ font-weight: bold;
53
+ text-align: center;
54
+ margin: 10px;
55
+ }
56
+
57
+ * {
58
+ box-sizing: border-box;
59
+ }
60
+
61
+ [__rte_selected_hover__] {
62
+ background-color: #b5d6fd;
63
+ }
64
+
65
+ [__rte_selected_cell] {
66
+ background-color: #b5d6fd;
67
+ }
68
+
69
+ [__rte_selected_hover] {
70
+ background: #b5d6fd;
71
+ color: #000;
72
+ }
73
+
74
+ .rte-toggleborder [__rte_selected_block] {
75
+ /*box-shadow: 0 0 0 0.5px #377dff;*/ /*not work well for FireFox*/
76
+ /*border-radius: 1px;*/
77
+ /*outline: 0.5px solid #377dff99;*/
78
+ border-right:solid 1px #377dff;
79
+ }
80
+
81
+ .rte-toggleborder blockquote[__rte_selected_block] {
82
+ /*box-shadow: 0 0 0 0.5px #377dff;*/ /*not work well for FireFox*/
83
+ /*border-radius: 1px;*/
84
+ outline: none;
85
+ }
86
+
87
+ .rte-toggleborder td[__rte_selected_block] {
88
+ box-shadow: none !important;
89
+ }
90
+
91
+ table {
92
+ border-spacing: 0;
93
+ border-collapse: collapse;
94
+ }
95
+
96
+ table:not([width]) {
97
+ width: 100%;
98
+ }
99
+
100
+ table[border="0"] td, table:not([border]) td, table[border="0"] th, table:not([border]) th {
101
+ border: 1px solid #ddd;
102
+ }
103
+
104
+ thead {
105
+ background-color: #eee;
106
+ }
107
+
108
+ .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
109
+ padding: 8px;
110
+ line-height: 1.42857143;
111
+ vertical-align: top;
112
+ border-top: 1px solid #ddd;
113
+ }
114
+
115
+ video-container {
116
+ position: relative
117
+ }
118
+
119
+ video-container:after {
120
+ content: '';
121
+ display: block;
122
+ position: absolute;
123
+ z-index: 1;
124
+ left: 0px;
125
+ top: 0px;
126
+ right: 0px;
127
+ bottom: 0px;
128
+ background-color: rgba(128,128,128,0.2);
129
+ }
130
+
131
+ blockquote {
132
+ border-left: 3px solid #ddd;
133
+ padding: 5px 0 5px 10px;
134
+ margin: 15px 0 15px 15px;
135
+ }
136
+
137
+
138
+ img {
139
+ cursor: default;
140
+ }
141
+
142
+
143
+
144
+
145
+ .dp-highlighter {
146
+ font-family: "Consolas", "Courier New", Courier, mono, serif;
147
+ font-size: 12px;
148
+ background-color: #E7E5DC;
149
+ width: 99%;
150
+ overflow: auto;
151
+ margin: 18px 0 18px 0 !important;
152
+ padding-top: 1px; /* adds a little border on top when controls are hidden */
153
+ }
154
+
155
+ /* clear styles */
156
+ .dp-highlighter ol,
157
+ .dp-highlighter ol li,
158
+ .dp-highlighter ol li span {
159
+ margin: 0;
160
+ padding: 0;
161
+ border: none;
162
+ }
163
+
164
+ .dp-highlighter a,
165
+ .dp-highlighter a:hover {
166
+ background: none;
167
+ border: none;
168
+ padding: 0;
169
+ margin: 0;
170
+ }
171
+
172
+ .dp-highlighter .bar {
173
+ padding-left: 45px;
174
+ }
175
+
176
+ .dp-highlighter.collapsed .bar,
177
+ .dp-highlighter.nogutter .bar {
178
+ padding-left: 0px;
179
+ }
180
+
181
+ .dp-highlighter ol {
182
+ list-style: decimal; /* for ie */
183
+ background-color: #fff;
184
+ margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
185
+ padding: 0px;
186
+ color: #5C5C5C;
187
+ }
188
+
189
+ .dp-highlighter.nogutter ol,
190
+ .dp-highlighter.nogutter ol li {
191
+ list-style: none !important;
192
+ margin-left: 0px !important;
193
+ }
194
+
195
+ .dp-highlighter ol li,
196
+ .dp-highlighter .columns div {
197
+ list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
198
+ list-style-position: outside !important;
199
+ border-left: 3px solid #6CE26C;
200
+ background-color: #F8F8F8;
201
+ color: #5C5C5C;
202
+ padding: 0 3px 0 10px !important;
203
+ margin: 0 !important;
204
+ }
205
+
206
+ .dp-highlighter.nogutter ol li,
207
+ .dp-highlighter.nogutter .columns div {
208
+ border: 0;
209
+ }
210
+
211
+ .dp-highlighter .columns {
212
+ background-color: #F8F8F8;
213
+ color: gray;
214
+ overflow: hidden;
215
+ width: 100%;
216
+ }
217
+
218
+ .dp-highlighter .columns div {
219
+ padding-bottom: 5px;
220
+ }
221
+
222
+ .dp-highlighter ol li.alt {
223
+ background-color: #FFF;
224
+ color: inherit;
225
+ }
226
+
227
+ .dp-highlighter ol li span {
228
+ color: black;
229
+ background-color: inherit;
230
+ }
231
+
232
+ /* Adjust some properties when collapsed */
233
+
234
+ .dp-highlighter.collapsed ol {
235
+ margin: 0px;
236
+ }
237
+
238
+ .dp-highlighter.collapsed ol li {
239
+ display: none;
240
+ }
241
+
242
+ /* Additional modifications when in print-view */
243
+
244
+ .dp-highlighter.printing {
245
+ border: none;
246
+ }
247
+
248
+ .dp-highlighter.printing .tools {
249
+ display: none !important;
250
+ }
251
+
252
+ .dp-highlighter.printing li {
253
+ display: list-item !important;
254
+ }
255
+
256
+ /* Styles for the tools */
257
+
258
+ .dp-highlighter .tools {
259
+ padding: 3px 8px 3px 10px;
260
+ font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
261
+ color: silver;
262
+ background-color: #f8f8f8;
263
+ padding-bottom: 10px;
264
+ border-left: 3px solid #6CE26C;
265
+ }
266
+
267
+ .dp-highlighter.nogutter .tools {
268
+ border-left: 0;
269
+ }
270
+
271
+ .dp-highlighter.collapsed .tools {
272
+ border-bottom: 0;
273
+ }
274
+
275
+ .dp-highlighter .tools a {
276
+ font-size: 9px;
277
+ color: #a0a0a0;
278
+ background-color: inherit;
279
+ text-decoration: none;
280
+ margin-right: 10px;
281
+ }
282
+
283
+ .dp-highlighter .tools a:hover {
284
+ color: red;
285
+ background-color: inherit;
286
+ text-decoration: underline;
287
+ }
288
+
289
+ /* About dialog styles */
290
+
291
+ .dp-about {
292
+ background-color: #fff;
293
+ color: #333;
294
+ margin: 0px;
295
+ padding: 0px;
296
+ }
297
+
298
+ .dp-about table {
299
+ width: 100%;
300
+ height: 100%;
301
+ font-size: 11px;
302
+ font-family: Tahoma, Verdana, Arial, sans-serif !important;
303
+ }
304
+
305
+ .dp-about td {
306
+ padding: 10px;
307
+ vertical-align: top;
308
+ }
309
+
310
+ .dp-about .copy {
311
+ border-bottom: 1px solid #ACA899;
312
+ height: 95%;
313
+ }
314
+
315
+ .dp-about .title {
316
+ color: red;
317
+ background-color: inherit;
318
+ font-weight: bold;
319
+ }
320
+
321
+ .dp-about .para {
322
+ margin: 0 0 4px 0;
323
+ }
324
+
325
+ .dp-about .footer {
326
+ background-color: #ECEADB;
327
+ color: #333;
328
+ border-top: 1px solid #fff;
329
+ text-align: right;
330
+ }
331
+
332
+ .dp-about .close {
333
+ font-size: 11px;
334
+ font-family: Tahoma, Verdana, Arial, sans-serif !important;
335
+ background-color: #ECEADB;
336
+ color: #333;
337
+ width: 60px;
338
+ height: 22px;
339
+ }
340
+
341
+ /* Language specific styles */
342
+
343
+ .dp-highlighter .comment, .dp-highlighter .comments {
344
+ color: #008200;
345
+ background-color: inherit;
346
+ }
347
+
348
+ .dp-highlighter .string {
349
+ color: blue;
350
+ background-color: inherit;
351
+ }
352
+
353
+ .dp-highlighter .keyword {
354
+ color: #069;
355
+ font-weight: bold;
356
+ background-color: inherit;
357
+ }
358
+
359
+ .dp-highlighter .preprocessor {
360
+ color: gray;
361
+ background-color: inherit;
362
+ }