4c839308f0ce76bde8c07ab5aa3f46cf5db7fcc3
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3editor / css / t3editor.css
1
2 .editbox {
3 border-width: 0;
4 margin: .0em;
5 padding: 0;
6 font-family: monospace;
7 font-size: 12px;
8 color: black;
9 background-color: #fff;
10 }
11
12 .editbox p {
13 margin: 0;
14 }
15
16
17 /* Syntax highlighting */
18
19 span.part {
20 color: #666;
21 }
22
23 span.other {
24 color: black;
25 }
26
27 span.reserved, .t3e_autoCompleteBox ul li span.word_reserved {
28 color: #770088;
29 }
30
31 span.keyword, .t3e_autoCompleteBox ul li span.word_keyword {
32 color: #0000cc;
33 font-weight: bold;
34 font-size: 0.95em;
35 }
36
37 span.keyword2, .t3e_autoCompleteBox ul li span.word_keyword2 {
38 color: #0000cc;
39 }
40
41 span.keyword3, .t3e_autoCompleteBox ul li span.word_keyword3 {
42 color: #0000ff;
43 }
44
45
46 span.prop {
47 color: #00f;
48 }
49
50 span.operator {
51 color: #f00;
52 }
53 span.punctuation {
54 color: #c00;
55 }
56
57 span.atom {
58 color: #448888;
59 }
60
61 span.variable {
62 color: black;
63 }
64
65 /*
66 span.variabledef {
67 color: #0000FF;
68 }
69
70 span.localvariable {
71 color: #004499;
72 }
73
74 span.property {
75 color: black;
76 }
77 */
78
79 span.comment {
80 color: #AA7700;
81 }
82
83 span.string {
84 color: #AA2222;
85 }
86
87 /* unparsed code */
88 pre.code, .editbox {
89 color: #666;
90 }
91
92
93 /* around the editor */
94 .t3e_outerdiv {
95 border: 1px solid gray;
96 position: relative;
97 background-color: #EFEFF4;
98 background-image: url('../icons/loader_eeeeee.gif');
99 background-position: 49% 50%;
100 background-repeat: no-repeat;
101 }
102 .t3e_modalOverlay {
103 position: absolute;
104 top: 0; left: 0;
105 background-color: #EFEFF4;
106 background-image: url('../icons/loader_eeeeee.gif');
107 background-position: 49% 50%;
108 background-repeat: no-repeat;
109 z-index:200;
110 width: 100%;
111 height: 100%;
112 }
113 .t3e_autoCompleteBox {
114 position: absolute;
115 top: 0; left: 0;
116 background-color: #EFEFF4;
117 z-index:190;
118 border:2px solid silver;
119 padding:0px;
120 }
121 .t3e_autoCompleteBox ul{
122 list-style-type: none;
123 padding:0px;
124 margin:0px;
125
126 }
127 .t3e_autoCompleteBox ul li{
128 padding-left:2px;
129 padding-right:2px;
130 font-weight:bold;
131 cursor: pointer; cursor: hand;
132 }
133 .t3e_autoCompleteBox ul li.active{
134 padding-left:2px;
135 padding-right:2px;
136 font-weight:bold;
137 background-color: #cfcfcf;
138 }
139 .t3e_fullscreen {
140 position: absolute;
141 top: 0;
142 left: 0;
143 }
144 .t3e_linenum_wrap {
145 width: 4em;
146 position: absolute; top: 0pt; left: 0pt;
147 overflow: hidden;
148 }
149 .t3e_linenum {
150 font-size: 12px;
151 font-family: monospace;
152 padding: 0 3px 0 0;
153 margin: 0;
154 background-color: #EFEFF4;
155 color: #000;
156 width: 3em;
157 float: left;
158 text-align: right;
159 list-style-type: none;
160 }
161
162 .t3e_linenum li {
163 padding: 0 3px 0 0;
164 margin: 0;
165 }
166
167 .t3e_iframe_wrap {
168 margin: 0 0 0 4em;
169 }
170
171 .t3e_iframe {
172 display: block;
173 /* width: 100%; */
174 padding: 0;
175 }
176
177 .t3e_footer_wrap {
178 clear: both;
179 width: 100%;
180 font-size: 0.9em;
181 padding-right: 20px;
182 }
183
184 .t3e_footer_item {
185 float: right;
186 height: 16px;
187 border-left: 1px solid gray;
188 padding: 4px 14px 0 14px;
189 }
190
191
192 .t3e_clickable {
193 cursor:pointer;cursor:hand;
194 }
195
196
197 .t3e_footer_overlay {
198 position: absolute; bottom: 20px; right: 17px;
199 opacity: 0.85;
200 background-color: #EFEFF4;
201 width: 180px;
202 height: 70%;
203 padding: 5px 0px 10px 0px;
204 border-left: 1px solid gray;
205 border-right: 1px solid gray;
206 border-top: 1px solid gray;
207 z-index: 100;
208 }
209 .t3e_footer_overlay#t3e_footer_overlay_options {
210 height: 8em;
211 }
212 .t3e_footer_overlay ul {
213 list-style-type: none;
214 padding: 0;
215 margin: 0;
216 }
217 .t3e_footer_overlay ul li {
218 color: #212121;
219 padding: 2px 6px 2px 6px;
220 cursor:pointer;cursor:hand;
221 }
222 .t3e_footer_overlay ul li label {
223 cursor:pointer;cursor:hand;
224 }
225 .t3e_footer_overlay ul li:hover {
226 background-color: #cfcfcf;
227 }
228
229 #t3e_modalOverlay_help {
230 background-image: none;
231 width: 90%;
232 height: 80%;
233 top: 10%;
234 left: 5%;
235 padding: 10px;
236 border: 1px solid gray;
237 }
238
239 .t3e_footeritem_active {
240 background-color: #cfcfcf;
241 }