gollum_editor 0.1

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.
@@ -0,0 +1,537 @@
1
+ /*
2
+ editor.css
3
+ Wiki editor formatting
4
+ */
5
+
6
+ a {
7
+ -moz-outline: none !important;
8
+ }
9
+
10
+ .jaws {
11
+ /* JAWS should see it, but you can't */
12
+ display: block;
13
+ height: 1px;
14
+ left: -5000px;
15
+ overflow: hidden;
16
+ position: absolute;
17
+ top: -5000px;
18
+ width: 1px;
19
+ }
20
+
21
+ #gollum-editor {
22
+ border: 1px solid #e4e4e4;
23
+ background: #f9f9f9;
24
+ margin: 1em 0 5em;
25
+ overflow: hidden;
26
+ padding: 1em 1em 0.4em;
27
+
28
+ border-radius: 1em;
29
+ -moz-border-radius: 1em;
30
+ -webkit-border-radius: 1em;
31
+ }
32
+
33
+ .ie #gollum-editor {
34
+ padding-bottom: 1em;
35
+ }
36
+
37
+ #gollum-editor form fieldset {
38
+ border: 0;
39
+ margin: 0;
40
+ padding: 0;
41
+ width: 100%;
42
+ }
43
+
44
+ #gollum-editor .singleline {
45
+ display: block;
46
+ margin: 0 0 0.7em 0;
47
+ overflow: hidden;
48
+ }
49
+
50
+ #gollum-editor .singleline input {
51
+ background: #fff;
52
+ border: 1px solid #ddd;
53
+ color: #000;
54
+ font-size: 1.3em;
55
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
56
+ line-height: 1.8em;
57
+ margin: 1em 0 0.4em;
58
+ padding: 0.5em;
59
+ width: 98%;
60
+ }
61
+
62
+ #gollum-editor .singleline input.ph {
63
+ color: #999;
64
+ }
65
+
66
+ #gollum-editor-title-field input#gollum-editor-page-title {
67
+ font-weight: bold;
68
+ margin-top: 0;
69
+ }
70
+
71
+ #gollum-editor-title-field.active {
72
+ border-bottom: 1px solid #ddd;
73
+ display: block;
74
+ margin: 0 0 0.3em 0;
75
+ padding: 0 0 0.5em 0;
76
+ }
77
+
78
+ #gollum-editor-title-field input#gollum-editor-page-title.ph {
79
+ color: #000;
80
+ }
81
+
82
+ /* @control editor-view-tab */
83
+ #gollum-editor #gollum-editor-type-switcher {
84
+ display: none;
85
+ }
86
+
87
+ /* @control function-bar */
88
+ #gollum-editor #gollum-editor-function-bar {
89
+ border-bottom: 1px solid #ddd;
90
+ overflow: hidden;
91
+ padding: 0;
92
+ }
93
+
94
+
95
+ #gollum-editor-title-field + #gollum-editor-function-bar {
96
+ margin-top: 0.6em;
97
+ }
98
+
99
+ #gollum-editor #gollum-editor-function-bar #gollum-editor-function-buttons {
100
+ display: none;
101
+ }
102
+
103
+ #gollum-editor #gollum-editor-function-bar.active #gollum-editor-function-buttons {
104
+ display: block;
105
+ float: left;
106
+ overflow: hidden;
107
+ padding: 0 0 1.1em 0;
108
+ }
109
+
110
+ #gollum-editor #gollum-editor-function-bar a.function-button {
111
+ background: #f7f7f7;
112
+ border: 1px solid #ddd;
113
+ color: #333;
114
+ display: block;
115
+ float: left;
116
+ height: 25px;
117
+ overflow: hidden;
118
+ margin: 0.2em 0.5em 0 0;
119
+ /* text-indent: -5000px; */
120
+ text-shadow: 0 1px 0 #fff;
121
+ width: 25px;
122
+
123
+ border-radius: 0.3em;
124
+ -moz-border-radius: 0.3em;
125
+ -webkit-border-radius: 0.3em;
126
+
127
+ filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
128
+ background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
129
+ background: -moz-linear-gradient(top, #f4f4f4, #ececec);
130
+ }
131
+
132
+ #gollum-editor #gollum-editor-function-bar a.function-button:hover {
133
+ color: #fff;
134
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
135
+ text-decoration: none;
136
+
137
+ filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
138
+ background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
139
+ background: -moz-linear-gradient(top, #599bdc, #3072b3);
140
+ }
141
+
142
+ #gollum-editor #gollum-editor-function-bar a span {
143
+ background-image: url(/assets/gollum_editor/icon-sprite.png);
144
+ background-repeat: no-repeat;
145
+ display: block;
146
+ height: 25px;
147
+ overflow: hidden;
148
+ text-indent: -5000px;
149
+ width: 25px;
150
+ }
151
+
152
+ a#function-bold span { background-position: 0 0; }
153
+ a#function-italic span { background-position: -27px 0; }
154
+ a#function-underline span { background-position: -54px 0; }
155
+ a#function-code span { background-position: -82px 0; }
156
+ a#function-ul span { background-position: -109px 0; }
157
+ a#function-ol span { background-position: -136px 0; }
158
+ a#function-blockquote span { background-position: -163px 0; }
159
+ a#function-hr span { background-position: -190px 0; }
160
+ a#function-h1 span { background-position: -217px 0; }
161
+ a#function-h2 span { background-position: -244px 0; }
162
+ a#function-h3 span { background-position: -271px 0; }
163
+ a#function-link span { background-position: -298px 0; }
164
+ a#function-image span { background-position: -324px 0; }
165
+ a#function-help span { background-position: -405px 0; }
166
+
167
+ a#function-bold:hover span { background-position: 0 -28px; }
168
+ a#function-italic:hover span { background-position: -27px -28px; }
169
+ a#function-underline:hover span { background-position: -54px -28px; }
170
+ a#function-code:hover span { background-position: -82px -28px; }
171
+ a#function-ul:hover span { background-position: -109px -28px; }
172
+ a#function-ol:hover span { background-position: -136px -28px; }
173
+ a#function-blockquote:hover span { background-position: -163px -28px; }
174
+ a#function-hr:hover span { background-position: -190px -28px; }
175
+ a#function-h1:hover span { background-position: -217px -28px; }
176
+ a#function-h2:hover span { background-position: -244px -28px; }
177
+ a#function-h3:hover span { background-position: -271px -28px; }
178
+ a#function-link:hover span { background-position: -298px -28px; }
179
+ a#function-image:hover span { background-position: -324px -28px; }
180
+ a#function-help:hover span { background-position: -405px -28px; }
181
+
182
+
183
+ #gollum-editor #gollum-editor-function-bar a.disabled {
184
+ display: none;
185
+ }
186
+
187
+ #gollum-editor #gollum-editor-function-bar span.function-divider {
188
+ display: block;
189
+ float: left;
190
+ width: 0.5em;
191
+ }
192
+
193
+ #gollum-editor #gollum-editor-function-bar #gollum-editor-format-selector {
194
+ overflow: hidden;
195
+ padding: 0 0 1.1em 0;
196
+ }
197
+
198
+ #gollum-editor #gollum-editor-function-bar
199
+ #gollum-editor-format-selector select {
200
+ background-color: #f9f9f9;
201
+ border: 1px solid transparent;
202
+
203
+ float: right;
204
+ font-size: 1.1em;
205
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
206
+ font-weight: bold;
207
+ line-height: 1.6em;
208
+ padding: 0.5em 0.7em;
209
+ margin-bottom: 0;
210
+
211
+
212
+ border-radius: 0.5em;
213
+ -moz-border-radius: 0.5em;
214
+ -webkit-border-radius: 0.5em;
215
+ -moz-outline: none;
216
+ }
217
+
218
+ #gollum-editor #gollum-editor-function-bar
219
+ #gollum-editor-format-selector select:hover {
220
+ background-color: #fff;
221
+ border: 1px solid #ddd;
222
+ -moz-outline: none;
223
+ }
224
+
225
+ #gollum-editor #gollum-editor-function-bar
226
+ #gollum-editor-format-selector label {
227
+ color: #999;
228
+ float: right;
229
+ font-size: 1.1em;
230
+ font-weight: bold;
231
+ line-height: 1.6em;
232
+ padding: 0.6em 0.5em 0 0;
233
+ }
234
+
235
+ #gollum-editor #gollum-editor-function-bar
236
+ #gollum-editor-format-selector label:after {
237
+ content: ':';
238
+ }
239
+
240
+
241
+ /* @section form-fields */
242
+
243
+ #gollum-editor textarea#gollum-editor-body {
244
+ background: #fff;
245
+ border: 1px solid #ddd;
246
+ font-size: 1.3em;
247
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
248
+ line-height: 1.8em;
249
+ margin: 1em 0 0.4em;
250
+ padding: 0.5em; /* I don't really like mixing pct & em here… */
251
+ width: 98%;
252
+ height: 20em;
253
+ }
254
+
255
+ #gollum-editor input#gollum-editor-submit {
256
+ background-color: #f7f7f7;
257
+ border: 1px solid #d4d4d4;
258
+ color: #333;
259
+ cursor: pointer;
260
+ display: block;
261
+ float: left;
262
+ font-size: 1.2em;
263
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
264
+ font-weight: bold;
265
+ margin: 0;
266
+ padding: 0.4em 1em;
267
+
268
+ text-shadow: 0 1px 0 #fff;
269
+
270
+ filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
271
+ background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
272
+ background: -moz-linear-gradient(top, #f4f4f4, #ececec);
273
+
274
+ border-radius: 3px;
275
+ -moz-border-radius: 3px;
276
+ -webkit-border-radius: 3px;
277
+ }
278
+
279
+ .webkit #gollum-editor input#gollum-editor-submit {
280
+ padding: 0.5em 1em 0.45em;
281
+ }
282
+
283
+ .ie #gollum-editor input#gollum-editor-submit {
284
+ padding: 0.4em 1em 0.5em;
285
+ }
286
+
287
+ #gollum-editor input#gollum-editor-submit:hover {
288
+ background: #3072b3;
289
+ border-color: #518cc6 #518cc6 #2a65a0;
290
+ color: #fff;
291
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
292
+ text-decoration: none;
293
+
294
+ filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
295
+ background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
296
+ background: -moz-linear-gradient(top, #599bdc, #3072b3);
297
+ }
298
+
299
+ #gollum-editor .collapsed,
300
+ #gollum-editor .expanded {
301
+ border-bottom: 1px solid #ddd;
302
+ display: block;
303
+ overflow: hidden;
304
+ padding: 1em 0 0.5em;
305
+ }
306
+
307
+ #gollum-editor #gollum-editor-body + .collapsed,
308
+ #gollum-editor #gollum-editor-body + .expanded {
309
+ border-top: 1px solid #ddd;
310
+ margin-top: 0.7em;
311
+ }
312
+
313
+ #gollum-editor .collapsed a.button,
314
+ #gollum-editor .expanded a.button {
315
+ background: #f7f7f7;
316
+ border: 1px solid #ddd;
317
+ color: #333;
318
+ display: block;
319
+ float: left;
320
+ height: 25px;
321
+ overflow: hidden;
322
+ margin: 0.2em 0.5em 0.75em 0;
323
+ text-shadow: 0 1px 0 #fff;
324
+ width: 25px;
325
+
326
+ border-radius: 0.3em;
327
+ -moz-border-radius: 0.3em;
328
+ -webkit-border-radius: 0.3em;
329
+
330
+ filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
331
+ background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
332
+ background: -moz-linear-gradient(top, #f4f4f4, #ececec);
333
+ }
334
+
335
+ #gollum-editor .collapsed h4,
336
+ #gollum-editor .expanded h4 {
337
+ font-size: 1.6em;
338
+ float: left;
339
+ margin: 0;
340
+ padding: 0.4em 0 0 0.3em;
341
+ text-shadow: 0 -1px 0 #fff;
342
+ }
343
+
344
+ #gollum-editor .collapsed a.button:hover,
345
+ #gollum-editor .expanded h4 a.button:hover {
346
+ color: #fff;
347
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
348
+ text-decoration: none;
349
+
350
+ filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
351
+ background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
352
+ background: -moz-linear-gradient(top, #599bdc, #3072b3);
353
+ }
354
+
355
+ #gollum-editor .collapsed a span,
356
+ #gollum-editor .expanded a span {
357
+ background-image: url(/assets/gollum_editor/icon-sprite.png);
358
+ background-position: -351px -1px;
359
+ background-repeat: no-repeat;
360
+ display: block;
361
+ height: 25px;
362
+ overflow: hidden;
363
+ text-indent: -5000px;
364
+ width: 25px;
365
+ }
366
+
367
+ #gollum-editor .collapsed a:hover span {
368
+ background-position: -351px -28px;
369
+ }
370
+
371
+ #gollum-editor .expanded a span {
372
+ background-position: -378px 0;
373
+ }
374
+
375
+ #gollum-editor .expanded a:hover span {
376
+ background-position: -378px -28px;
377
+ }
378
+
379
+ #gollum-editor .collapsed textarea {
380
+ display: none;
381
+ }
382
+
383
+ #gollum-editor .expanded textarea {
384
+ background-color: #fff;
385
+ border: 1px solid #ddd;
386
+ clear: both;
387
+ display: block;
388
+ font-size: 1.3em;
389
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
390
+ height: 7em;
391
+ line-height: 1.8em;
392
+ margin: 0.7em 0;
393
+ padding: 0.5em;
394
+ width: 98%;
395
+ }
396
+
397
+ /* @control minibutton */
398
+
399
+ #gollum-editor a.minibutton,
400
+ #gollum-editor a.minibutton:visited {
401
+ background-color: #f7f7f7;
402
+ border: 1px solid #d4d4d4;
403
+ color: #333;
404
+ cursor: pointer;
405
+ display: block;
406
+ font-size: 1.2em;
407
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
408
+ font-weight: bold;
409
+ line-height: 1.2em;
410
+ margin: 0 0 0 0.8em;
411
+ padding: 0.5em 1em;
412
+
413
+ text-shadow: 0 1px 0 #fff;
414
+
415
+ filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#ececec');
416
+ background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
417
+ background: -moz-linear-gradient(top, #f4f4f4, #ececec);
418
+
419
+ border-radius: 3px;
420
+ -moz-border-radius: 3px;
421
+ -webkit-border-radius: 3px;
422
+ }
423
+
424
+ #gollum-editor a.minibutton:hover {
425
+ background: #3072b3;
426
+ border-color: #518cc6 #518cc6 #2a65a0;
427
+ color: #fff;
428
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
429
+ text-decoration: none;
430
+
431
+ filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#599bdc', endColorstr='#3072b3');
432
+ background: -webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
433
+ background: -moz-linear-gradient(top, #599bdc, #3072b3);
434
+ }
435
+
436
+
437
+ #gollum-editor #gollum-editor-preview {
438
+ float: left;
439
+ font-weight: normal;
440
+ padding: left;
441
+ }
442
+
443
+
444
+ /* @section help */
445
+ #gollum-editor-help {
446
+ margin: 0;
447
+ overflow: hidden;
448
+ padding: 0;
449
+ border: 1px solid #ddd;
450
+ border-width: 0 1px 1px 1px;
451
+ }
452
+
453
+ #gollum-editor-help-parent,
454
+ #gollum-editor-help-list {
455
+ display: block;
456
+ float: left;
457
+ height: 17em;
458
+ list-style-type: none;
459
+ overflow: auto;
460
+ margin: 0;
461
+ padding: 1em 0;
462
+ width: 18%;
463
+ }
464
+
465
+ #gollum-editor-help-parent {
466
+ border-right: 1px solid #eee;
467
+ }
468
+
469
+ #gollum-editor-help-list {
470
+ background: #fafafa;
471
+ border-right: 1px solid #eee;
472
+ }
473
+
474
+ #gollum-editor-help-parent li,
475
+ #gollum-editor-help-list li {
476
+ /* font-size: 1.2em; */
477
+ line-height: 1.6em;
478
+ margin: 0;
479
+ padding: 0;
480
+ }
481
+
482
+ #gollum-editor-help-parent li a,
483
+ #gollum-editor-help-list li a {
484
+ border: 1px solid transparent;
485
+ border-width: 1px 0;
486
+ display: block;
487
+ font-weight: bold;
488
+ height: 100%;
489
+ width: auto;
490
+ padding: 0.2em 1em;
491
+ text-shadow: 0 -1px 0 #fff;
492
+ }
493
+
494
+ #gollum-editor-help-parent li a:hover,
495
+ #gollum-editor-help-list li a:hover {
496
+ background: #fff;
497
+ border-color: #f0f0f0;
498
+ text-decoration: none;
499
+
500
+ box-shadow: none;
501
+ }
502
+
503
+ #gollum-editor-help-parent li a.selected,
504
+ #gollum-editor-help-list li a.selected {
505
+ border: 1px solid #eee;
506
+ border-bottom-color: #e7e7e7;
507
+ border-width: 1px 0;
508
+ background: #fff;
509
+ color: #000;
510
+
511
+ box-shadow: 0 1px 2px #f0f0f0;
512
+ }
513
+
514
+ #gollum-editor-help-wrapper {
515
+ background: #fff;
516
+ overflow: auto;
517
+ height: 17em;
518
+ padding: 1em;
519
+ }
520
+
521
+ #gollum-editor-help-content {
522
+ font-size: 1.2em;
523
+ margin: 0 1em 0 0.5em;
524
+ padding: 0;
525
+ line-height: 1.8em;
526
+ }
527
+
528
+ #gollum-editor-help-content p {
529
+ margin: 0 0 1em 0;
530
+ padding: 0;
531
+ }
532
+
533
+ /* IE */
534
+ .ie #gollum-editor .singleline input {
535
+ padding-top: 0.25em;
536
+ padding-bottom: 0.75em;
537
+ }