mongoid_document_editor 0.0.7 → 0.0.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 7d4aacae85feb3dacfd3a10625fac399c9d5c11c
4
- data.tar.gz: 2223f2a9e2f6a9fde8b220a978ee79742588cdae
3
+ metadata.gz: 2aad702650d735cf6fc8bedd8628a9c3dc05e4bc
4
+ data.tar.gz: 47f2a20d9011e42f36bbfc0e5332193453bcd65f
5
5
  SHA512:
6
- metadata.gz: 08565f09c19129d008093d44371b377202322daeeda21e7d9600dd737d571e28a4f51a40d7c1853a0b8b907b1d290910d767201d62cc8e3b55640243336c7e8b
7
- data.tar.gz: cc2b04e3624d7a06a79f1524c97a0e4b528cdfd070d7347120eb94419e4246b56ffdfbd055aa27a7ee0c2275619dfcd270ca02561df0b7c6d4d30a8eaee00d12
6
+ metadata.gz: f62433dcc06c57c17361badf999b6f3be0811f7707a992ec796e9e293ed6b5a3bdc12d0799eda6166eb42528e8e37f8bff4c2ff2dad4f7f150c77826810403d6
7
+ data.tar.gz: 9990042adf0e8679aa0dd5c7d5e7f039333ddc6c9d5db6ddbeb0f182468ec776c152c9a34b9ebd5a9963761d04bf9314d383c8109c96949d0da893cf3ef0db51
@@ -3,8 +3,7 @@ module Mongoid
3
3
  class Engine < ::Rails::Engine
4
4
  isolate_namespace Mongoid::DocumentEditor
5
5
 
6
- initializer "mongoid_document_editor.assets.precompile" do |app|
7
- #app.config.assets.paths.push(File.join(app.root, 'vendor/assets/stylesheets'))
6
+ initializer :assets, group: :all do |app|
8
7
  app.config.assets.precompile += ["base/style.css", "base/doc.css", "jquery.js", "jquery_ujs.js"]
9
8
  end
10
9
 
@@ -1,5 +1,5 @@
1
1
  module Mongoid
2
2
  module DocumentEditor
3
- VERSION = "0.0.7"
3
+ VERSION = "0.0.8"
4
4
  end
5
5
  end
@@ -16,6 +16,7 @@ Gem::Specification.new do |spec|
16
16
  spec.files = Dir.glob("lib/**/*")
17
17
  spec.files += Dir.glob("app/**/*")
18
18
  spec.files += Dir.glob("config/**/*")
19
+ spec.files += Dir.glob("vendor/**/*")
19
20
  spec.files += %w(README.md LICENSE.txt mongoid_document_editor.gemspec)
20
21
 
21
22
  spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
@@ -0,0 +1,170 @@
1
+ .header {
2
+ background-color: #e15a25;
3
+ margin-top: 30px;
4
+ margin-bottom: 10px;
5
+ padding-top: 10px;
6
+ padding-bottom: 7px;
7
+ }
8
+ h1, h2, h3, h4, .logo {
9
+ font-family: "Raleway", arial, sans-serif;
10
+ }
11
+ .logo {
12
+ color: #fff;
13
+ font-size: 32px;
14
+ font-size: 2rem;
15
+ line-height: normal;
16
+ font-weight: 900;
17
+ text-transform: uppercase;
18
+ text-decoration: none;
19
+ }
20
+ .logo:hover,
21
+ .logo:active {
22
+ color: #fff;
23
+ }
24
+ ol, ul, p {
25
+ line-height: 1.5;
26
+ }
27
+ .navigation {
28
+ font-size: 12px;
29
+ font-size: 0.75rem;
30
+ line-height: normal;
31
+ position: absolute;
32
+ top: 0;
33
+ left: 0;
34
+ z-index: 9999;
35
+ width: 100%;
36
+ background-color: #222;
37
+ }
38
+ .navigation ul {
39
+ line-height: normal;
40
+ list-style: none;
41
+ padding: 10px;
42
+ margin: 0;
43
+ }
44
+ .navigation ul li {
45
+ float: left;
46
+ margin-left: 20px;
47
+ }
48
+ .navigation ul li:first-child {
49
+ margin-left: 0;
50
+ }
51
+ .navigation ul li a {
52
+ text-decoration: none;
53
+ color: #fff;
54
+ }
55
+ .navigation ul li a.current,
56
+ .navigation ul li a:hover {
57
+ color: #fff9c3;
58
+ }
59
+ .navigation ul li a:active {
60
+ color: #fff;
61
+ }
62
+ .content-inner {
63
+ padding-top: 20px;
64
+ padding-bottom: 20px;
65
+ }
66
+ .row .col {
67
+ text-transform: uppercase;
68
+ font-weight: bold;
69
+ background: #ccc;
70
+ color: #111;
71
+ text-align: center;
72
+ padding-top: 4px;
73
+ padding-bottom: 4px;
74
+ font-size: 12px;
75
+ font-size: 0.75rem;
76
+ }
77
+
78
+ .intro {
79
+ font-family: "Raleway", arial, sans-serif;
80
+ font-weight: 200;
81
+ font-size: 24px;
82
+ font-size: 1.5rem;
83
+ line-height: normal;
84
+ color: #777;
85
+ }
86
+ pre {
87
+ padding: 0;
88
+ line-height: normal;
89
+ background-color: #fff1d5;
90
+ overflow-x: scroll;
91
+ overflow-y: none;
92
+ }
93
+ .line-number {
94
+ background-color: #222;
95
+ color: #fff;
96
+ padding: 4px;
97
+ width: 20px;
98
+ display: inline-block;
99
+ *display: inline;
100
+ *zoom: 1;
101
+ text-align: right;
102
+ }
103
+ @media only screen and (min-width: 720px) and (max-width: 979px) {
104
+ .navigation ul li {
105
+ margin-left: 5px;
106
+ }
107
+ .navigation ul li a {
108
+ padding: 10px 15px;
109
+ }
110
+ pre {
111
+ overflow-x: scroll;
112
+ overflow-y: none;
113
+ }
114
+ }
115
+ @media only screen and (max-width: 719px) {
116
+ .header {
117
+ margin-top: 0;
118
+ margin-bottom: 0;
119
+ }
120
+ .nav-toggle {
121
+ display: block;
122
+ background-color: #222;
123
+ color: #fff;
124
+ padding: 10px 20px;
125
+ text-decoration: none;
126
+ }
127
+ .nav-toggle:hover,
128
+ .nav-toggle:active,
129
+ .nav-toggle.active {
130
+ background-color: #444;
131
+ color: #fff;
132
+ }
133
+ .navigation {
134
+ float: none;
135
+ position: static;
136
+ }
137
+ .navigation ul {
138
+ float: none;
139
+ margin: 0;
140
+ padding: 0;
141
+ }
142
+ .navigation ul li {
143
+ float: none;
144
+ margin-left: 0;
145
+ }
146
+ .navigation ul li a {
147
+ color: #fff;
148
+ padding: 10px 20px;
149
+ display: block;
150
+ text-transform: none;
151
+ background-color: #222;
152
+ }
153
+ .navigation ul li a:hover {
154
+ background-color: #444;
155
+ }
156
+ .menu {
157
+ list-style: none;
158
+ padding: 0;
159
+ margin: 0;
160
+ }
161
+ .showmobile.inline-block {
162
+ display: inline-block;
163
+ *zoom: 1;
164
+ *display: inline;
165
+ }
166
+ pre {
167
+ overflow-x: scroll;
168
+ overflow-y: none;
169
+ }
170
+ }
@@ -0,0 +1,912 @@
1
+ /* ==========================================================================
2
+
3
+ Base Stylesheet - http://git.io/base
4
+ Author: Matthew Hartman - http://www.matthewhartman.com.au/
5
+ Version: 1.5 - Last Updated: 21st June, 2013
6
+
7
+ ========================================================================== */
8
+ /* General Resets */
9
+ * {
10
+ -webkit-box-sizing: border-box;
11
+ -moz-box-sizing: border-box;
12
+ box-sizing: border-box;
13
+ }
14
+
15
+ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
16
+ display: block;
17
+ }
18
+
19
+ html, button, input, select, textarea {
20
+ font-family: sans-serif;
21
+ }
22
+
23
+ body, form, fieldset, legend, input, select, textarea, button {
24
+ margin: 0;
25
+ }
26
+
27
+ html {
28
+ font-size: 100%;
29
+ }
30
+
31
+ /* ==========================================================================
32
+ /* -- Micro Clearfix and Helpers
33
+ ========================================================================== */
34
+ /* Micro Clearfix */
35
+ .clear:before, .clear:after {
36
+ content: "";
37
+ display: table;
38
+ }
39
+
40
+ .clear:after {
41
+ clear: both;
42
+ }
43
+
44
+ .clear {
45
+ zoom: 1;
46
+ }
47
+
48
+ .section:before, .section:after {
49
+ content: "";
50
+ display: table;
51
+ }
52
+
53
+ .section:after {
54
+ clear: both;
55
+ }
56
+
57
+ .section {
58
+ zoom: 1;
59
+ }
60
+
61
+ .checkbox:before, .checkbox:after {
62
+ content: "";
63
+ display: table;
64
+ }
65
+
66
+ .checkbox:after {
67
+ clear: both;
68
+ }
69
+
70
+ .checkbox {
71
+ zoom: 1;
72
+ }
73
+
74
+ /* Helpers */
75
+ .left, .checkbox input[type=checkbox],
76
+ .checkbox input[type=radio] {
77
+ float: left;
78
+ }
79
+
80
+ .right {
81
+ float: right;
82
+ }
83
+
84
+ .block, .alert, .checkbox {
85
+ display: block;
86
+ }
87
+
88
+ .inline-block, audio, canvas, video, .button {
89
+ display: inline-block;
90
+ *zoom: 1;
91
+ *display: inline;
92
+ }
93
+
94
+ .inline {
95
+ display: inline;
96
+ }
97
+
98
+ .strong, b, strong, dt, legend, input[type=text],
99
+ input[type=password],
100
+ input[type=email],
101
+ input[type=search],
102
+ input[type=tel],
103
+ textarea {
104
+ font-weight: bold;
105
+ }
106
+
107
+ .italic, dfn, blockquote {
108
+ font-style: italic;
109
+ }
110
+
111
+ .center-text {
112
+ text-align: center;
113
+ }
114
+
115
+ .none, .no-desktop, audio:not([controls]),
116
+ [hidden] {
117
+ display: none;
118
+ }
119
+
120
+ .visuallyhidden {
121
+ border: 0;
122
+ clip: rect(0 0 0 0);
123
+ height: 1px;
124
+ overflow: hidden;
125
+ padding: 0;
126
+ position: absolute;
127
+ width: 1px;
128
+ left: -9999em;
129
+ }
130
+
131
+ .visuallyvisible {
132
+ clip: auto;
133
+ clip: auto;
134
+ width: auto;
135
+ height: auto;
136
+ overflow: visible;
137
+ left: 0;
138
+ }
139
+
140
+ /* Alert */
141
+ .alert {
142
+ background-color: #ffc;
143
+ padding: 8px;
144
+ -webkit-border-radius: 5px;
145
+ -moz-border-radius: 5px;
146
+ border-radius: 5px;
147
+ }
148
+
149
+ /* ==========================================================================
150
+ /* 1.0 - Document Setup (typography, links, paragraph, etc)
151
+ ========================================================================== */
152
+ /* Body */
153
+ body {
154
+ font-size: 14px;
155
+ font-size: 0.875rem;
156
+ color: #555;
157
+ background-color: #fff;
158
+ -webkit-text-size-adjust: 100%;
159
+ -ms-text-size-adjust: 100%;
160
+ }
161
+
162
+ /* Strong and Italic */
163
+ /* Links */
164
+ a {
165
+ color: #f30;
166
+ }
167
+
168
+ a:hover {
169
+ text-decoration: none;
170
+ }
171
+
172
+ a:focus {
173
+ outline: thin dotted;
174
+ }
175
+
176
+ a:active, a:hover {
177
+ outline: 0;
178
+ }
179
+
180
+ /* Paragraph and Small */
181
+ p, pre {
182
+ margin: 1em 0;
183
+ }
184
+
185
+ small {
186
+ font-size: 80%;
187
+ }
188
+
189
+ /* Abbreviations */
190
+ abbr[title] {
191
+ border-bottom: 1px dotted;
192
+ }
193
+
194
+ /* Audio */
195
+ audio:not([controls]) {
196
+ height: 0;
197
+ }
198
+
199
+ /* Small,
200
+ Sub and Sup */
201
+ small {
202
+ font-size: 80%;
203
+ }
204
+
205
+ sub, sup {
206
+ font-size: 75%;
207
+ line-height: 0;
208
+ position: relative;
209
+ vertical-align: baseline;
210
+ }
211
+
212
+ sup {
213
+ top: -.5em;
214
+ }
215
+
216
+ sub {
217
+ bottom: -.25em;
218
+ }
219
+
220
+ /* Definition */
221
+ /* Images */
222
+ img {
223
+ border: 0;
224
+ -ms-interpolation-mode: bicubic;
225
+ }
226
+
227
+ svg:not(:root) {
228
+ overflow: hidden;
229
+ }
230
+
231
+ figure {
232
+ margin: 0;
233
+ }
234
+
235
+ .image-left {
236
+ margin-right: 20px;
237
+ }
238
+
239
+ .image-right {
240
+ margin-left: 20px;
241
+ }
242
+
243
+ /* 1.1 Headings - h1, h2, h3, h4, h5, h6 & other (if any)
244
+ ========================================================================== */
245
+ h1, h2, h3, h4, h5, h6 {
246
+ margin: 0;
247
+ font-weight: normal;
248
+ }
249
+
250
+ h1, .h1 {
251
+ font-size: 40px;
252
+ font-size: 2.5rem;
253
+ margin-bottom: .2em;
254
+ }
255
+
256
+ h2, .h2 {
257
+ font-size: 32px;
258
+ font-size: 2rem;
259
+ margin-bottom: .33em;
260
+ }
261
+
262
+ h3, .h3 {
263
+ font-size: 26px;
264
+ font-size: 1.625rem;
265
+ margin-bottom: .5em;
266
+ }
267
+
268
+ h4, .h4 {
269
+ font-size: 20px;
270
+ font-size: 1.25rem;
271
+ margin-bottom: .5em;
272
+ }
273
+
274
+ h5, .h5 {
275
+ font-size: 18px;
276
+ font-size: 1.125rem;
277
+ margin-bottom: .5em;
278
+ }
279
+
280
+ h6, .h6 {
281
+ font-size: 16px;
282
+ font-size: 1rem;
283
+ margin-bottom: .5em;
284
+ }
285
+
286
+ /* Reset Heading */
287
+ .no-style-heading {
288
+ font-size: 100%;
289
+ margin: 0;
290
+ }
291
+
292
+ /* Horizontal Rule */
293
+ hr {
294
+ border: 0;
295
+ background: none;
296
+ outline: 0;
297
+ background-color: #ddd;
298
+ margin: 2em 0;
299
+ *margin: 1em 0;
300
+ -moz-box-sizing: content-box;
301
+ box-sizing: content-box;
302
+ height: 1px;
303
+ }
304
+
305
+ /* 1.2 Quotes and Code - block quotes, quotes, code, pre, etc
306
+ ========================================================================== */
307
+ /* Block Quotes and Quotes */
308
+ blockquote {
309
+ font-family: "Georgia", "Times" serif;
310
+ font-size: 20px;
311
+ font-size: 1.25rem;
312
+ color: #777;
313
+ margin: 1em 0;
314
+ }
315
+
316
+ cite {
317
+ color: #222;
318
+ font-style: normal;
319
+ }
320
+
321
+ q {
322
+ quotes: none;
323
+ }
324
+
325
+ q:before, q:after {
326
+ content: '';
327
+ content: none;
328
+ }
329
+
330
+ /* Mark */
331
+ mark {
332
+ background: #ff0;
333
+ color: #111;
334
+ }
335
+
336
+ /* Code */
337
+ code, kbd, pre, samp {
338
+ font-family: monospace, serif;
339
+ _font-family: 'courier new', monospace;
340
+ font-size: 1em;
341
+ }
342
+
343
+ code {
344
+ color: #111;
345
+ padding: 2px 5px;
346
+ background-color: #f1f1f1;
347
+ -webkit-border-radius: 3px;
348
+ -moz-border-radius: 3px;
349
+ border-radius: 3px;
350
+ }
351
+
352
+ /* 1.3 Lists
353
+ ========================================================================== */
354
+ dl, menu, ol, ul {
355
+ margin: 1em 0;
356
+ }
357
+
358
+ ul ul, ol ol, ul ol, ol ul {
359
+ margin: 0;
360
+ }
361
+
362
+ dd {
363
+ margin: 0 0 0 40px;
364
+ }
365
+
366
+ menu, ol, ul {
367
+ padding: 0 0 0 40px;
368
+ }
369
+
370
+ nav ul, nav ol {
371
+ list-style: none;
372
+ list-style-image: none;
373
+ }
374
+
375
+ /* Remove Styling from List */
376
+ .no-style-list {
377
+ list-style: none;
378
+ padding: 0;
379
+ margin: 0;
380
+ }
381
+
382
+ /* 1.4 Tables
383
+ ========================================================================== */
384
+ table {
385
+ width: 100%;
386
+ table-layout: fixed;
387
+ border-collapse: collapse;
388
+ border-spacing: 0;
389
+ border-right: 1px solid #eee;
390
+ border-bottom: 1px solid #eee;
391
+ word-wrap: break-word;
392
+ -ms-word-wrap: break-word;
393
+ *white-space: normal;
394
+ }
395
+
396
+ table th,
397
+ table td {
398
+ padding: 8px;
399
+ text-align: left;
400
+ vertical-align: top;
401
+ border-top: 1px solid #eee;
402
+ border-left: 1px solid #eee;
403
+ }
404
+
405
+ table thead th {
406
+ vertical-align: bottom;
407
+ font-weight: bold;
408
+ background-color: #e1e1e1;
409
+ color: #333;
410
+ }
411
+
412
+ table tfoot td {
413
+ font-weight: bold;
414
+ }
415
+
416
+ table caption {
417
+ padding: 0.5em;
418
+ font-style: italic;
419
+ background-color: #eee;
420
+ border-bottom: 0;
421
+ font-weight: bold;
422
+ }
423
+
424
+ /* 1.5 Forms, Labels and Inputs
425
+ ========================================================================== */
426
+ fieldset {
427
+ border: 0;
428
+ padding: 0;
429
+ }
430
+
431
+ legend {
432
+ border: 0;
433
+ padding: 0;
434
+ white-space: normal;
435
+ *margin-left: -7px;
436
+ }
437
+
438
+ label {
439
+ cursor: pointer;
440
+ }
441
+
442
+ button, input, select, textarea {
443
+ font-size: 100%;
444
+ vertical-align: baseline;
445
+ *vertical-align: middle;
446
+ }
447
+
448
+ input[type=text],
449
+ input[type=password],
450
+ input[type=email],
451
+ input[type=search],
452
+ input[type=tel],
453
+ textarea {
454
+ padding: 5px 7px;
455
+ -webkit-appearance: none;
456
+ -moz-appearance: none;
457
+ background-color: #fff;
458
+ color: #777;
459
+ border: 1px solid #ddd;
460
+ border-top: 1px solid #999;
461
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
462
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
463
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
464
+ }
465
+
466
+ input[type=checkbox],
467
+ input[type=radio] {
468
+ cursor: pointer;
469
+ box-sizing: border-box;
470
+ padding: 0;
471
+ *height: 13px;
472
+ *width: 13px;
473
+ }
474
+
475
+ .checkbox {
476
+ margin: .2em 0;
477
+ }
478
+ .checkbox label {
479
+ padding-left: 5px;
480
+ overflow: hidden;
481
+ display: table;
482
+ *zoom: 1;
483
+ }
484
+
485
+ button, input {
486
+ line-height: normal;
487
+ }
488
+
489
+ button, select {
490
+ text-transform: none;
491
+ }
492
+
493
+ /* Buttons */
494
+ button,
495
+ html input[type="button"],
496
+ input[type="reset"],
497
+ input[type="submit"] {
498
+ cursor: pointer;
499
+ -webkit-appearance: button;
500
+ cursor: pointer;
501
+ *overflow: visible;
502
+ }
503
+
504
+ button[disabled],
505
+ html input[disabled] {
506
+ cursor: default;
507
+ }
508
+
509
+ input[type="search"] {
510
+ -webkit-appearance: textfield;
511
+ -moz-box-sizing: content-box;
512
+ -webkit-box-sizing: content-box;
513
+ box-sizing: content-box;
514
+ }
515
+
516
+ input[type="search"]::-webkit-search-cancel-button,
517
+ input[type="search"]::-webkit-search-decoration {
518
+ -webkit-appearance: none;
519
+ }
520
+
521
+ button::-moz-focus-inner,
522
+ input::-moz-focus-inner {
523
+ border: 0;
524
+ padding: 0;
525
+ }
526
+
527
+ textarea {
528
+ overflow: auto;
529
+ vertical-align: top;
530
+ resize: none;
531
+ }
532
+
533
+ /* Custom Buttons */
534
+ .button {
535
+ -webkit-border-radius: 5px;
536
+ -moz-border-radius: 5px;
537
+ border-radius: 5px;
538
+ border: 0;
539
+ padding: 1em 3em;
540
+ color: #333;
541
+ text-decoration: none;
542
+ text-align: center;
543
+ }
544
+
545
+ .orange-button {
546
+ background-color: #fee9cc;
547
+ }
548
+ .orange-button:hover {
549
+ background-color: #ffe0b5;
550
+ -webkit-tap-highlight-color: #fdeed8;
551
+ }
552
+ .orange-button:active {
553
+ background-color: #fdeed8;
554
+ }
555
+
556
+ .button[disabled],
557
+ .button.disabled {
558
+ color: #999;
559
+ background-color: #f1f1f1;
560
+ }
561
+
562
+ .no-style-button {
563
+ font-size: 13px;
564
+ font-size: 0.8125rem;
565
+ color: #f30;
566
+ text-decoration: underline;
567
+ border: 0;
568
+ background: transparent;
569
+ height: auto;
570
+ padding: 0;
571
+ cursor: pointer;
572
+ outline: 0;
573
+ }
574
+ .no-style-button:hover {
575
+ text-decoration: none;
576
+ }
577
+
578
+ .no-style-button[disabled],
579
+ .no-style-button.disabled {
580
+ text-decoration: none;
581
+ color: #999;
582
+ }
583
+
584
+ /* ==========================================================================
585
+ /* 2.0 - Grid Layout (Responsive)
586
+ ========================================================================== */
587
+ /* Sections & Content Blocks */
588
+ .section {
589
+ position: relative;
590
+ }
591
+
592
+ /* Rows */
593
+ .row {
594
+ margin: .5em 0;
595
+ }
596
+
597
+ .row-one {
598
+ margin: 1em 0;
599
+ }
600
+
601
+ .row-two {
602
+ margin: 2em 0;
603
+ }
604
+
605
+ .row-three {
606
+ margin: 3em 0;
607
+ }
608
+
609
+ .center, .container, .container-full {
610
+ margin-left: auto;
611
+ margin-right: auto;
612
+ }
613
+
614
+ .container {
615
+ max-width: 960px;
616
+ padding-left: 10px;
617
+ padding-right: 10px;
618
+ }
619
+
620
+ .container-full {
621
+ max-width: 980px;
622
+ }
623
+
624
+ /* Fluid Grid */
625
+ .col {
626
+ margin-left: 2%;
627
+ float: left;
628
+ }
629
+
630
+ .col:first-child {
631
+ margin-left: 0;
632
+ }
633
+
634
+ /* Columns */
635
+ .one {
636
+ width: 6.5%;
637
+ *width: expression(Math.floor(0.065 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
638
+ }
639
+
640
+ .two {
641
+ width: 15%;
642
+ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
643
+ }
644
+
645
+ .three, .quarter {
646
+ width: 23.5%;
647
+ *width: expression(Math.floor(0.235 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
648
+ }
649
+
650
+ .four, .one-third {
651
+ width: 32%;
652
+ *width: expression(Math.floor(0.32 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
653
+ }
654
+
655
+ .five {
656
+ width: 40.5%;
657
+ *width: expression(Math.floor(0.405 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
658
+ }
659
+
660
+ .six, .half {
661
+ width: 49.0%;
662
+ *width: expression(Math.floor(0.49 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
663
+ }
664
+
665
+ .seven {
666
+ width: 57.5%;
667
+ *width: expression(Math.floor(0.575 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
668
+ }
669
+
670
+ .eight {
671
+ width: 66%;
672
+ *width: expression(Math.floor(0.66 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
673
+ }
674
+
675
+ .nine {
676
+ width: 74.5%;
677
+ *width: expression(Math.floor(0.745 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
678
+ }
679
+
680
+ .ten {
681
+ width: 83%;
682
+ *width: expression(Math.floor(0.83 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
683
+ }
684
+
685
+ .eleven {
686
+ width: 91.5%;
687
+ *width: expression(Math.floor(0.915 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
688
+ }
689
+
690
+ .twelve {
691
+ width: 100%;
692
+ }
693
+
694
+ /* ==========================================================================
695
+ /* -- Tablet Devices (Layout, Modifications, etc)
696
+ ========================================================================== */
697
+ @media only screen and (min-width: 740px) and (max-width: 999px) {
698
+ .container, .tablet-container {
699
+ width: 720px;
700
+ padding-left: 10px;
701
+ padding-right: 10px;
702
+ }
703
+
704
+ /* Tablet Grid
705
+ * For stacking full width columns, please use the new class .tablet-full */
706
+ .tablet-one {
707
+ width: 6.5%;
708
+ }
709
+
710
+ .tablet-two {
711
+ width: 15%;
712
+ }
713
+
714
+ .tablet-three {
715
+ width: 23.5%;
716
+ }
717
+
718
+ .tablet-four {
719
+ width: 32%;
720
+ }
721
+
722
+ .tablet-five {
723
+ width: 40.5%;
724
+ }
725
+
726
+ .tablet-six {
727
+ width: 49.0%;
728
+ }
729
+
730
+ .tablet-seven {
731
+ width: 57.5%;
732
+ }
733
+
734
+ .tablet-eight {
735
+ width: 66%;
736
+ }
737
+
738
+ .tablet-nine {
739
+ width: 74.5%;
740
+ }
741
+
742
+ .tablet-ten {
743
+ width: 83%;
744
+ }
745
+
746
+ .tablet-eleven {
747
+ width: 91.5%;
748
+ }
749
+
750
+ .tablet-twelve {
751
+ width: 100%;
752
+ }
753
+
754
+ .tablet-full {
755
+ clear: both;
756
+ float: none;
757
+ width: 100%;
758
+ margin: 10px 0 0 0;
759
+ display: block;
760
+ }
761
+
762
+ .tablet-full:first-child {
763
+ margin-top: 0;
764
+ }
765
+
766
+ .tablet-center {
767
+ margin-left: auto;
768
+ margin-right: auto;
769
+ float: none;
770
+ }
771
+
772
+ .tablet-left {
773
+ float: left;
774
+ }
775
+
776
+ .tablet-right {
777
+ float: right;
778
+ }
779
+
780
+ .tablet-no-float {
781
+ float: none;
782
+ }
783
+
784
+ .tablet-center:first-child {
785
+ margin-left: auto;
786
+ }
787
+
788
+ .tablet-center-text {
789
+ text-align: center;
790
+ }
791
+
792
+ .no-tablet {
793
+ display: none;
794
+ }
795
+
796
+ .show-tablet {
797
+ display: block;
798
+ }
799
+ }
800
+ /* End Tablet Media Query */
801
+ /* ==========================================================================
802
+ /* -- Mobile Devices (Layout, Modifications, etc)
803
+ ========================================================================== */
804
+ @media only screen and (max-width: 739px) {
805
+ /* Mobile Grid
806
+ * For stacking full width columns, please use the new class .mobile-full */
807
+ .mobile-one {
808
+ width: 6.5%;
809
+ }
810
+
811
+ .mobile-two {
812
+ width: 15%;
813
+ }
814
+
815
+ .mobile-three {
816
+ width: 23.5%;
817
+ }
818
+
819
+ .mobile-four {
820
+ width: 32%;
821
+ }
822
+
823
+ .mobile-five {
824
+ width: 40.5%;
825
+ }
826
+
827
+ .mobile-six {
828
+ width: 49.0%;
829
+ }
830
+
831
+ .mobile-seven {
832
+ width: 57.5%;
833
+ }
834
+
835
+ .mobile-eight {
836
+ width: 66%;
837
+ }
838
+
839
+ .mobile-nine {
840
+ width: 74.5%;
841
+ }
842
+
843
+ .mobile-ten {
844
+ width: 83%;
845
+ }
846
+
847
+ .mobile-eleven {
848
+ width: 91.5%;
849
+ }
850
+
851
+ .mobile-twelve {
852
+ width: 100%;
853
+ }
854
+
855
+ .mobile-full {
856
+ clear: both;
857
+ float: none;
858
+ width: 100%;
859
+ margin: 10px 0 0 0;
860
+ display: block;
861
+ }
862
+
863
+ .mobile-full:first-child {
864
+ margin-top: 0;
865
+ }
866
+
867
+ .mobile-center {
868
+ margin-left: auto;
869
+ margin-right: auto;
870
+ float: none;
871
+ }
872
+
873
+ .mobile-center:first-child {
874
+ margin-left: auto;
875
+ }
876
+
877
+ .mobile-center-text {
878
+ text-align: center;
879
+ }
880
+
881
+ .mobile-left {
882
+ float: left;
883
+ }
884
+
885
+ .mobile-right {
886
+ float: right;
887
+ }
888
+
889
+ .mobile-no-float {
890
+ float: none;
891
+ }
892
+
893
+ .container, .mobile-container {
894
+ padding-left: 20px;
895
+ padding-right: 20px;
896
+ }
897
+
898
+ /* Mobile Tables */
899
+ table th,
900
+ table td {
901
+ padding: 4px;
902
+ }
903
+
904
+ .no-mobile {
905
+ display: none;
906
+ }
907
+
908
+ .show-mobile {
909
+ display: block;
910
+ }
911
+ }
912
+ /* End Mobile Media Query */
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mongoid_document_editor
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.7
4
+ version: 0.0.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Nick DeSteffen
@@ -131,6 +131,8 @@ files:
131
131
  - app/views/mongoid/document_editor/documents/show.html.erb
132
132
  - app/views/mongoid/document_editor/layouts/application.html.erb
133
133
  - config/routes.rb
134
+ - vendor/assets/stylesheets/base/doc.css
135
+ - vendor/assets/stylesheets/base/style.css
134
136
  - README.md
135
137
  - LICENSE.txt
136
138
  - mongoid_document_editor.gemspec