PluginProbe
WPIDE – File Manager & Code Editor / 2.3.1
WPIDE – File Manager & Code Editor v2.3.1
3.5.8 3.5.7 2.0.14 2.0.15 2.0.16 2.0.2 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.1 2.2 2.3 2.3.1 2.3.2 2.4.0 2.5 2.6 3.0 3.1 3.2 3.3 3.4 All 54 releases
wpide / wpide.css

wpide.css in WPIDE – File Manager & Code Editor 2.3.1, at wpide.css

506 lines 10.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 #quicktags, #post-status-info, #editor-toolbar, #newcontent, .ace_print_margin { display: none; }
2 #fancyeditordiv {
3 position: relative;
4 width: 70%;
5 height: 400px;
6 }
7 #template div{margin-right:0 !important;}
8
9 #wpide_toolbar{
10 width: 75%;
11 min-height: 30px;
12 text-align: right;
13 padding-top: 5px;
14 position: relative;
15 float: left;
16 }
17 #wpide_toolbar form{
18 position: absolute;
19 left: 104%;
20 }
21 #wpide_toolbar_tabs{
22 width:100%;
23 }
24
25 #wpide_toolbar .wpide_tab {
26 position:relative;
27 height: 18px;
28 font: 13px/18px Arial,Helvetica,sans-serif normal;
29 margin-top: -2px;
30 margin-right: 2px;
31 padding: 6px;
32 padding-right:20px;
33 float: left;
34 cursor: pointer;
35 border-width: 1px;
36 border-style: solid;
37 -webkit-border-top-right-radius: 3px;
38 -webkit-border-top-left-radius: 3px;
39 border-top-right-radius: 3px;
40 border-top-left-radius: 3px;
41 background-color: #E8E8E8;
42 border-color: #DFDFDF #DFDFDF #CCC;
43 color: #B00001;
44 text-decoration: none;
45 font-style: italic;
46
47 -moz-opacity:.60;
48 filter:alpha(opacity=60);
49 opacity:.60;
50 }
51 #wpide_toolbar .wpide_tab.active {
52 -moz-opacity:1;
53 filter:alpha(opacity=1);
54 opacity:1;
55 border-left-color:#bbb;
56 border-right-color:#bbb;
57 border-top-color:#bbb;
58 border-bottom-color:#dedede;
59 }
60
61 #wpide_toolbar .close_tab {
62 color: #575757;
63 font-style: normal;
64 padding-bottom: 7px;
65 padding-left: 7px;
66 position: absolute;
67 right: 3px;
68 text-decoration: none;
69 top: -2px;
70 }
71 #wpide_toolbar .close_tab:hover{
72 color:#B00001;
73 font-weight:bold;
74 }
75
76 #wpide_file_browser{
77 margin-right:2%;
78 text-align:left;
79 }
80
81 .toplevel_page_wpide #submitdiv,
82 .toplevel_page_wpide #docinfodiv h3.hndle{
83 width:100%;
84 float:right;
85 clear:right;
86 }
87 .toplevel_page_wpide #submitdiv h3.hndle,
88 .toplevel_page_wpide #docinfodiv h3.hndle{
89 font-family: Georgia,"Times New Roman";
90 font-size: 15px;
91 font-weight: bold;
92 padding: 7px 10px;
93 margin: 0;
94 line-height: 1;
95 }
96
97 #wpide_toolbar_buttons {
98 position:relative;
99 min-height:30px;
100 width:75%;
101 float:left;
102 clear:left;
103 text-align:left;
104 overflow:hidden;
105 border-bottom: 1px solid #CCC;
106 background-color: #E9E9E9;
107 background-image: -ms-linear-gradient(bottom,#ddd,#e9e9e9);
108 background-image: -moz-linear-gradient(bottom,#ddd,#e9e9e9);
109 background-image: -o-linear-gradient(bottom,#ddd,#e9e9e9);
110 background-image: -webkit-linear-gradient(bottom,#ddd,#e9e9e9);
111 background-image: linear-gradient(bottom,#ddd,#e9e9e9);
112
113 -webkit-border-top-right-radius: 6px;
114 -webkit-border-top-left-radius: 0px;
115 border-top-right-radius: 6px;
116 border-top-left-radius: 0px;
117 }
118
119 #wpide_toolbar_buttons a{
120 display: block;
121 float: right;
122 margin: 2px;
123 padding: 0 10px;
124 height: auto;
125 margin-top: 4px;
126 }
127 #wpide_toolbar_buttons .red{
128 color:#bc201d;
129 }
130
131 #wpwrap div.ace_gutter{
132 background-color:#f4f4f4;
133 color:#aaa;
134 z-index:999;
135 }
136
137 #wpide_save_container{
138 float: left;
139 clear: left;
140 width: 74%;
141 padding: 0.5%;
142 background-color: #E9E9E9;
143
144 border-color: #CCC;
145 -webkit-box-shadow: inset 0 1px 0 #fff;
146 box-shadow: inset 0 1px 0 #fff;
147 -webkit-border-radius: 3px;
148 border-radius: 3px;
149 }
150
151 #wpide_info {
152 position: relative;
153 min-height: 30px;
154 width: 100%;
155 margin-top: 35px;
156 padding-right:2px;
157 float: right;
158 clear: right;
159 text-align: left;
160 overflow: visible;
161 border-bottom: 1px solid #CCC;
162 background-color: #E9E9E9;
163 background-image: -ms-linear-gradient(bottom,#DDD,#E9E9E9);
164 background-image: -moz-linear-gradient(bottom,#DDD,#E9E9E9);
165 background-image: -o-linear-gradient(bottom,#DDD,#E9E9E9);
166 background-image: -webkit-linear-gradient(bottom,#DDD,#E9E9E9);
167 background-image: linear-gradient(bottom,#DDD,#E9E9E9);
168 -webkit-border-top-right-radius: 0px;
169 -webkit-border-top-left-radius: 6px;
170 border-top-right-radius: 0px;
171 border-top-left-radius: 6px;
172
173 }
174
175 #wpide_info_content{
176 margin-top: 8px;
177 margin-left: 10px;
178 }
179 .wpide_func_highlight,
180 .wpide_func_highlight_black {
181 font-size: 120%;
182 }
183 .wpide_func_highlight{
184 color: #4A8EAD;
185 }
186 .wpide_func_params{
187 padding-left:10px;
188 display: block;
189 color:#555;
190 font-family: courier;
191 }
192 .wpide_func_desc{
193 color:#333;
194 }
195 .wpide_func_arg_notrequired{
196 color:#888;
197 }
198 .wpide_func_arg_notrequired em{
199 color: green;
200 display: block;
201 font-size: 80%;
202 line-height: 100%;
203 }
204
205 .inner-sidebar{
206 background-image: url(images/wpide_logo.jpg);
207 background-repeat: no-repeat;
208 background-position: top right;
209 }
210
211 #fancyeditordiv{
212 width:75%;
213 height:1000px;
214 margin-right:0!important;
215 float:left;
216 }
217
218 #wpide_message{
219 display:none;
220 width: 80%;
221 float: left;
222 text-align: left;
223 margin: 0;
224 padding: 7px;
225 }
226
227 #wpide_message a{
228 float:none;
229 display:inline-block;
230 margin:2px;
231 }
232
233 #wpide_message span{
234 width: 80%;
235 }
236
237 #wpide_message .note{
238 font-size: 10px;
239 margin: 10px 0;
240 display: block;
241 }
242
243 #wpide_footer_message,
244 #wpide_footer_message_last_saved,
245 #wpide_footer_message_unsaved{
246 display:none;
247 float: left;
248 padding: 8px;
249 font-size: 12px;
250 color: #666;
251 }
252 #wpide_footer_message_unsaved{
253 color:#bc201d;
254 }
255
256 #wpide_save{
257 float: right;
258 }
259
260 #wpide_git{
261 float: right;
262 margin-right: 20px;
263 background-image: url(images/git.png);
264 background-repeat: no-repeat;
265 background-position: right center;
266 padding-right: 30px;
267 }
268
269 /* Make sure the modal window doesn't get hidden behind wp toolbar */
270 .ui-dialog{
271 margin-top:30px; /* this just is not working - the WP admin toolbar gets in the way */
272 }
273
274 #gitdiv{
275 display:none;
276 background-color: #efefef;
277 }
278 #gitdiv .red{
279 color: #bc201d;
280 }
281 #gitdivcontent{
282 margin:10px;
283 }
284
285 .git_settings_panel{
286 overflow: hidden;
287 margin:20px 0px;
288 }
289 .input_row{
290 padding: 5px;
291 width: 99%;
292 background-color: #ddd;
293 margin: 2px;
294 display:block;
295 }
296 .input_row input[type=text]{
297 width:98%;
298 }
299 .input_row .input_row em{
300 margin: 2px;
301 font-size: 10px;
302 }
303
304 .git_settings_panel .input_row,
305 .git_settings_panel .input_row em,
306 .git_settings_panel label,
307 .git_settings_panel input[type=text]{
308 float:left;
309 clear:left;
310 }
311
312 .git_log .input_row{
313 padding: 5px;
314 width: 99%;
315 background-color: #ddd;
316 margin: 2px;
317 float: left;
318 }
319 .git_log .input_row .message{
320 display:block;
321 font-weight:bold;
322 margin-bottom:10px;
323 }
324
325 #gitdiv label,
326 #gitdiv input[type=text],
327 #gitdiv a.button{
328 margin:2px;
329 }
330 #gitdiv label{
331 font-weight:bold;
332 }
333
334 #gitdiv .button{
335 text-align: center;
336 height: inherit;
337 line-height: 130%;
338 padding-top: 10px;
339 font-weight:bold;
340 }
341 #gitdiv .button em{
342 display:block;
343 font-size: 10px;
344 font-weight:normal;
345 }
346
347 .gitfilerow{
348 background-color: #bbb;
349 padding: 10px;
350
351
352 }
353 .gitfilerow:hover{
354
355 }
356 .gitfilerow.light{
357 background-color: #ddd;
358 }
359 .gitfilerow input[type=checkbox]{
360 margin-right:20px;
361 }
362 .gitfilerow .filename{
363 width: 70%;
364 display: block;
365 float: left;
366 }
367 .gitfilerow .viewdiff{
368 color: #bc201d;
369 }
370
371 #gitdivcommit{
372 margin-top:20px;
373 padding:10px;
374 border: 1px solid #bbb;
375 }
376 #gitdivcommit a.button-primary{
377 margin-left: 8px;
378 }
379 #gitdiv input.message{
380 width:70%;
381 }
382
383 .gitdivdiff{
384 margin-top: 10px;
385 }
386 .gitdivdiff .diff_line{
387 display:block;
388 padding:5px;
389 font-size:11px;
390 background-color:#fff;
391 }
392 .gitdivdiff .diff_line.plus{
393 background-color:#b5ffce;
394 }
395 .gitdivdiff .diff_line.minus{
396 background-color:#fad3e5;
397 }
398
399 .gitdivdiff .diff-addedline,
400 .gitdivdiff .diff-deletedline{
401 font-size:10px;
402 line-height:130%;
403 }
404
405 #publishing-action img{
406 visibility: hidden;
407 }
408
409 div#side-info-column{
410 width:23%;
411 }
412 #submitdiv.postbox{
413 min-width:220px;
414 }
415
416 /* color assist */
417 .ImageColorPickerWrapper{
418 height: 300px;
419 width: 100%;
420 overflow: scroll;
421 }
422 #wpide_color_assist{
423 position:relative;
424 width: 100%;
425 background-color: whiteSmoke;
426 margin: auto;
427 border: 1px solid #CCC;
428 padding-right: 2px;
429 margin-left: -2px;
430 height: 380px;
431 }
432 #wpide_color_assist img, #wpide_color_assist canvas{
433 margin:auto;
434 display:block;
435 }
436 #wpide_color_assist canvas.ImageColorPickerCanvasColor{
437 position:absolute;
438 left:0;
439 top:0;
440 }
441 #wpide_color_assist input[type=button]{
442 float:left;
443 width:110px;
444 margin: 15px 5px;
445 font-size: 12px;
446 }
447 #wpide_color_assist_input{
448 float:left;
449 width:100px;
450 margin: 15px 5px;
451 }
452
453 .close_color_picker{
454 padding-bottom: 7px;
455 padding-left: 7px;
456 position: absolute;
457 right: 20px;
458 top: 5px;
459 }
460 .close_color_picker a{
461 color: #575757;
462 font-style: normal;
463 text-decoration: none;
464 font-size: 16px;
465 }
466
467 #wpide_color_assist h3{
468 background-color: #F1F1F1;
469 background-image: -ms-linear-gradient(top,#F9F9F9,#ECECEC);
470 background-image: -moz-linear-gradient(top,#F9F9F9,#ECECEC);
471 background-image: -o-linear-gradient(top,#F9F9F9,#ECECEC);
472 background-image: -webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#ECECEC));
473 background-image: -webkit-linear-gradient(top,#F9F9F9,#ECECEC);
474 background-image: linear-gradient(top,#F9F9F9,#ECECEC);
475
476 -webkit-border-top-left-radius: 3px;
477 -webkit-border-top-right-radius: 3px;
478 border-top-left-radius: 3px;
479 border-top-right-radius: 3px;
480 }
481
482 .currentColor, .selectedColor {
483 border: 1px solid #000;
484 background-color: #fff;
485 width:30px;
486 height:30px;
487 }
488
489 .ImageColorPickerCanvas {
490 cursor:crosshair;
491 }
492
493 div.ImageColorPickerWrapper{
494
495 }
496
497 #wpfooter{
498 display:none;
499 }
500 #wpbody-content{
501 padding-bottom:0;
502 }
503
504
505
506