|
1 /* Give syntax-highlighting textareas some height for unsupported browsers */ |
|
2 |
|
3 textarea.JScript, textarea.HTML, textarea.XML {height:10em;} |
|
4 |
|
5 /* Main style for the table */ |
|
6 |
|
7 .dp-highlighter { |
|
8 width: 100%; |
|
9 overflow: auto; |
|
10 line-height: 100% !important; |
|
11 margin:0 0 1em 0; |
|
12 } |
|
13 |
|
14 .dp-highlighter table { |
|
15 width:99% !important; |
|
16 margin: 2px 0px 2px 0px !important; |
|
17 border-collapse: collapse; |
|
18 border-bottom: 2px solid #eee; |
|
19 background-color: #fff; |
|
20 } |
|
21 |
|
22 .dp-highlighter tbody.hide { display: none; } |
|
23 .dp-highlighter tbody.show { display: table-row-group; _display: block; } |
|
24 |
|
25 .dp-highlighter td |
|
26 { |
|
27 font-family: Courier New; |
|
28 font-size: 11px; |
|
29 } |
|
30 |
|
31 /* Styles for the tools */ |
|
32 |
|
33 .dp-highlighter .tools-corner { |
|
34 background-color: #eee; |
|
35 font-size: 9px; |
|
36 } |
|
37 |
|
38 .dp-highlighter .tools { |
|
39 background-color: #eee; |
|
40 padding: 3px 8px 3px 10px; |
|
41 border-bottom: 1px solid gray; |
|
42 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; |
|
43 color: silver; |
|
44 } |
|
45 |
|
46 .dp-highlighter .tools-corner { |
|
47 background-color: #eee; |
|
48 } |
|
49 |
|
50 .dp-highlighter .tools a { |
|
51 font-size: 9px; |
|
52 color: gray; |
|
53 text-decoration: none; |
|
54 } |
|
55 |
|
56 .dp-highlighter .tools a:hover { |
|
57 color: red; |
|
58 text-decoration: underline; |
|
59 } |
|
60 |
|
61 /* Gutter with line number */ |
|
62 |
|
63 .dp-highlighter .gutter { |
|
64 padding-right: 5px; |
|
65 padding-left: 10px; |
|
66 width: 5px; |
|
67 background-color: #eee; |
|
68 border-right: 1px solid gray; |
|
69 color: gray; |
|
70 text-align: right; |
|
71 vertical-align: top; |
|
72 } |
|
73 |
|
74 /* Single line style */ |
|
75 |
|
76 .dp-highlighter .line1, .line2 { |
|
77 padding-left: 10px; |
|
78 /*border-bottom: 1px solid #F7F7F7;*/ |
|
79 white-space:nowrap; |
|
80 } |
|
81 |
|
82 .dp-highlighter .line2 { |
|
83 /*background-color: #F7F7F7;*/ |
|
84 } |
|
85 |
|
86 /* About dialog styles */ |
|
87 |
|
88 .dp-about { |
|
89 background-color: #fff; |
|
90 margin: 0px; |
|
91 } |
|
92 |
|
93 .dp-about table { |
|
94 width: 100%; |
|
95 height: 100%; |
|
96 font-size: 11px; |
|
97 font-family: Tahoma, Verdana, Arial, sans-serif !important; |
|
98 } |
|
99 |
|
100 .dp-about td { |
|
101 padding: 10px; |
|
102 vertical-align: top; |
|
103 } |
|
104 |
|
105 .dp-about .copy { |
|
106 border-bottom: 1px solid #ACA899; |
|
107 height: 95%; |
|
108 } |
|
109 |
|
110 .dp-about .title { |
|
111 color: red; |
|
112 font-weight: bold; |
|
113 } |
|
114 |
|
115 .dp-about .para { |
|
116 margin-bottom: 4px; |
|
117 } |
|
118 |
|
119 .dp-about .footer { |
|
120 background-color: #ECEADB; |
|
121 border-top: 1px solid #fff; |
|
122 text-align: right; |
|
123 } |
|
124 |
|
125 .dp-about .close { |
|
126 font-size: 11px; |
|
127 font-family: Tahoma, Verdana, Arial, sans-serif !important; |
|
128 background-color: #ECEADB; |
|
129 width: 60px; |
|
130 height: 22px; |
|
131 } |
|
132 |
|
133 /* Language specific styles */ |
|
134 |
|
135 .dp-c {} |
|
136 .dp-c .comment { color: green; } |
|
137 .dp-c .string { color: blue; } |
|
138 .dp-c .preprocessor { color: gray; } |
|
139 .dp-c .keyword { color: blue; } |
|
140 .dp-c .vars { color: #d00; } |
|
141 /* |
|
142 .dp-vb {} |
|
143 .dp-vb .comment { color: green; } |
|
144 .dp-vb .string { color: blue; } |
|
145 .dp-vb .preprocessor { color: gray; } |
|
146 .dp-vb .keyword { color: blue; } |
|
147 |
|
148 .dp-sql {} |
|
149 .dp-sql .comment { color: green; } |
|
150 .dp-sql .string { color: red; } |
|
151 .dp-sql .keyword { color: blue; } |
|
152 .dp-sql .func { color: #ff1493; } |
|
153 .dp-sql .op { color: #808080; } |
|
154 */ |
|
155 .dp-xml {} |
|
156 .dp-xml .cdata { color: #ff1493; } |
|
157 .dp-xml .comments { color: green; } |
|
158 .dp-xml .tag { color: blue; } |
|
159 .dp-xml .tag-name { color: black; font-weight: bold; } |
|
160 .dp-xml .attribute { color: red; } |
|
161 .dp-xml .attribute-value { color: blue; } |
|
162 /* |
|
163 .dp-delphi {} |
|
164 .dp-delphi .comment { color: #008200; font-style: italic; } |
|
165 .dp-delphi .string { color: blue; } |
|
166 .dp-delphi .number { color: blue; } |
|
167 .dp-delphi .directive { color: #008284; } |
|
168 .dp-delphi .keyword { font-weight: bold; color: navy; } |
|
169 .dp-delphi .vars { color: #000; } |
|
170 |
|
171 .dp-py {} |
|
172 .dp-py .comment { color: green; } |
|
173 .dp-py .string { color: red; } |
|
174 .dp-py .docstring { color: brown; } |
|
175 .dp-py .keyword { color: blue; font-weight: bold;} |
|
176 .dp-py .builtins { color: #ff1493; } |
|
177 .dp-py .magicmethods { color: #808080; } |
|
178 .dp-py .exceptions { color: brown; } |
|
179 .dp-py .types { color: brown; font-style: italic; } |
|
180 .dp-py .commonlibs { color: #8A2BE2; font-style: italic; }*/ |
|
181 |
|
182 |
|
183 .dp-css .keyword { color: red; } |
|
184 .dp-css .value { color: #ff1493; } |
|
185 .dp-css .comment { color: green; } |
|
186 .dp-css .string { color: blue; } |
|
187 .dp-css .preprocessor { color: gray; } |
|
188 .dp-css .keyword { color: blue; } |
|
189 .dp-css .vars { color: #d00; } |
|
190 .dp-css .colors { font-weight: bold; } |