gollum_editor 0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+ }