vision 0.0.1 → 0.0.2

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,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 5a0897a09078a97b38e3d485a181ccda8ad57130
4
+ data.tar.gz: c2d4c7fca99d217f2fc55f04116481bc7fb4ea9e
5
+ SHA512:
6
+ metadata.gz: 7457dfc58ca00f551a1b5188f46112c458e5c7c3aa6d51be5c0d01018d100c6f43f15c209a0ee73b348e155051e24dadbe70a5539880bfdb595f8d93405a7b1a
7
+ data.tar.gz: 451ef6bb924a8ef4081fd72296e895393a206c4c062b08916a194ec3a406b6232ca94561069ebf10c3be5de5673b3258ca04ee2d6b64cea8ed715ae7c6908d86
data/README.md CHANGED
@@ -7,14 +7,22 @@
7
7
 
8
8
  ###Vision:
9
9
  ####installation
10
- `vision:install` - the one and the only MUSTRUN generator
10
+ `rails g vision:install` - the one and the only MUSTRUN generator
11
+ oh and don`t forget awesome RedactorJS
12
+
13
+ `rails g redactor:install --devise` - to make sure you have persoanlized assets!
11
14
  ####assets
12
15
  `vision:assets` - delivers you assets from the engine to for customization
13
- `vision:css` - delivers only CSS
14
- `vision:js` - delivers only JS
16
+
17
+ `vision:css` - delivers only CSS
18
+
19
+ `vision:js` - delivers only JS
20
+
15
21
  `vision:layout` - get the layout
22
+
16
23
  ####make it dance
17
24
  `vision:resource` - generates new resource in your admin interface
25
+
18
26
  `vision:views` - overrides views for customization
19
27
 
20
28
  Админка доступна по адресу /vision и резервирует под себя этот путь включая vision_path
@@ -1,10 +1,11 @@
1
1
  @import "twitter/bootstrap/bootstrap";
2
2
  @import "twitter/bootstrap/responsive";
3
3
 
4
+
4
5
  /*Bootswatch Cosmo Theme*/
5
- @import 'vision/bootstrap_theme/variables';
6
- @import 'bootstrap_theme/bootswatch.css';
7
- @import 'bootstrap_theme/bootstrap.css';
6
+ @import 'vision/cosmo_theme/variables.css.less';
7
+ @import 'vision/cosmo_theme/bootswatch.css.less';
8
+ //@import 'vision/cosmo_theme/bootstrap.css';
8
9
 
9
10
 
10
11
  // Set the correct sprite paths
@@ -14,49 +15,34 @@
14
15
  // Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
15
16
  // Note: If you use asset_path() here, your compiled boostrap_and_overrides.css will not
16
17
  // have the proper paths. So for now we use the absolute path.
17
- //@fontAwesomeEotPath: asset-path("fontawesome-webfont.eot");
18
- //@fontAwesomeWoffPath: asset-path("fontawesome-webfont.woff");
19
- //@fontAwesomeTtfPath: asset-path("fontawesome-webfont.ttf");
20
- //@fontAwesomeSvgPath: asset-path("fontawesome-webfont.svg");
18
+ @fontAwesomeEotPath: asset-path("fontawesome-webfont.eot");
19
+ @fontAwesomeEotPath_iefix: asset-path("fontawesome-webfont.eot");
20
+ @fontAwesomeWoffPath: asset-path("fontawesome-webfont.woff");
21
+ @fontAwesomeTtfPath: asset-path("fontawesome-webfont.ttf");
22
+ @fontAwesomeSvgPath: asset-path("fontawesome-webfont.svg");
21
23
 
22
24
  // Font Awesome
23
- //@import "fontawesome";
24
-
25
- // Your custom LESS stylesheets goes here
26
- //
27
- // Since bootstrap was imported above you have access to its mixins which
28
- // you may use and inherit here
29
- //
30
- // If you'd like to override bootstrap's own variables, you can do so here as well
31
- // See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
32
- //
33
- // Example:
34
- // @linkColor: #ff0000;
25
+ @import "fontawesome";
26
+
35
27
 
36
28
  body { padding-top: 60px; }
37
29
 
38
30
  .redactor_box{
39
- .input-xxlarge;
31
+ .input-xxlarge();
40
32
  }
41
33
 
42
- .simple-navigation-active-leaf .active{
43
- text-decoration: underline;
44
- }
34
+ .simple-navigation-active-leaf .active{ text-decoration: underline;}
45
35
 
46
- .nav ul{
47
- list-style: none;
48
- }
49
-
50
- select.date{
51
- width: 100px;
52
- }
36
+ .nav ul{ list-style: none;}
53
37
 
38
+ select.date{ width: 100px;}
54
39
  textarea{height: 100px;}
55
40
 
56
-
57
-
58
41
  .alert.alert-informer{background: #ccc;}
59
42
 
60
- .datetime.input-xxlarge{
61
- width: 80px;
43
+ .datetime.input-xxlarge{ width: 80px;}
44
+
45
+ a.link-no-decoration{
46
+ &, &:hover, &:active{text-decoration: none}
47
+ &.current{color: @orange;}
62
48
  }
@@ -0,0 +1,613 @@
1
+ // Cosmo 2.3.1
2
+ // Bootswatch
3
+ // -----------------------------------------------------
4
+
5
+
6
+ // TYPOGRAPHY
7
+ // -----------------------------------------------------
8
+
9
+ @import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
10
+
11
+ body {
12
+ font-weight: 300;
13
+ }
14
+
15
+ h1 {
16
+ font-size: 50px;
17
+ }
18
+
19
+ h2, h3 {
20
+ font-size: 26px;
21
+ }
22
+
23
+ h4 {
24
+ font-size: 14px;
25
+ }
26
+
27
+ h5, h6 {
28
+ font-size: 11px;
29
+ }
30
+
31
+ blockquote {
32
+
33
+ padding: 10px 15px;
34
+ background-color: @grayLighter;
35
+ border-left-color: @gray;
36
+
37
+ &.pull-right {
38
+ padding: 10px 15px;
39
+ border-right-color: @gray;
40
+ }
41
+
42
+ small {
43
+ color: @gray;
44
+ }
45
+ }
46
+
47
+ .muted {
48
+ color: @gray;
49
+ }
50
+
51
+ .text-warning { color: @orange; }
52
+ a.text-warning:hover { color: darken(@orange, 10%); }
53
+
54
+ .text-error { color: @red; }
55
+ a.text-error:hover { color: darken(@red, 10%); }
56
+
57
+ .text-info { color: @purple; }
58
+ a.text-info:hover { color: darken(@purple, 10%); }
59
+
60
+ .text-success { color: @green; }
61
+ a.text-success:hover { color: darken(@green, 10%); }
62
+
63
+ // SCAFFOLDING
64
+ // -----------------------------------------------------
65
+
66
+ // NAVBAR
67
+ // -----------------------------------------------------
68
+
69
+ .navbar {
70
+
71
+ .navbar-inner {
72
+ background-image: none;
73
+ .box-shadow(none);
74
+ .border-radius(0);
75
+ }
76
+
77
+ .brand {
78
+
79
+ &:hover {
80
+ color: @navbarLinkColorHover;
81
+ }
82
+ }
83
+
84
+ .nav > .active > a,
85
+ .nav > .active > a:hover,
86
+ .nav > .active > a:focus {
87
+ .box-shadow(none);
88
+ background-color: @navbarLinkBackgroundHover;
89
+ }
90
+
91
+ .nav li.dropdown.open > .dropdown-toggle,
92
+ .nav li.dropdown.active > .dropdown-toggle,
93
+ .nav li.dropdown.open.active > .dropdown-toggle {
94
+ color: @white;
95
+
96
+ &:hover {
97
+ color: @grayLighter;
98
+ }
99
+ }
100
+
101
+ .navbar-search .search-query {
102
+ line-height: normal;
103
+ }
104
+
105
+ &-inverse {
106
+
107
+ .brand,
108
+ .nav > li > a {
109
+ text-shadow: none;
110
+ }
111
+
112
+ .brand:hover,
113
+ .nav > .active > a,
114
+ .nav > .active > a:hover,
115
+ .nav > .active > a:focus {
116
+ background-color: @navbarInverseLinkBackgroundHover;
117
+ .box-shadow(none);
118
+ color: @white;
119
+ }
120
+
121
+ .navbar-search .search-query {
122
+ color: @grayDarker;
123
+ }
124
+ }
125
+ }
126
+
127
+ div.subnav {
128
+
129
+ margin: 0 1px;
130
+ background: @grayLight none;
131
+ .box-shadow(none);
132
+ border: none;
133
+ .border-radius(0);
134
+
135
+ .nav {
136
+ background-color: transparent;
137
+ }
138
+
139
+ .nav > li > a {
140
+ border-color: transparent;
141
+ }
142
+
143
+ .nav > .active > a,
144
+ .nav > .active > a:hover {
145
+ border-color: transparent;
146
+ background-color: @black;
147
+ color: @white;
148
+ .box-shadow(none);
149
+ }
150
+
151
+ &-fixed {
152
+ top: @navbarHeight + 1;
153
+ margin: 0;
154
+ }
155
+ }
156
+
157
+ // NAV
158
+ // -----------------------------------------------------
159
+
160
+ .nav {
161
+
162
+ .open .dropdown-toggle,
163
+ & > li.dropdown.open.active > a:hover {
164
+ color: @blue;
165
+ }
166
+ }
167
+
168
+ .nav-tabs {
169
+
170
+ & > li > a {
171
+ .border-radius(0);
172
+ }
173
+
174
+ &.nav-stacked {
175
+
176
+ & > li > a:hover {
177
+ background-color: @blue;
178
+ color: @white;
179
+ }
180
+
181
+ & > .active > a,
182
+ & > .active > a:hover {
183
+ background-color: @white;
184
+ color: @gray;
185
+ }
186
+
187
+ & > li:first-child > a,
188
+ & > li:last-child > a {
189
+ .border-radius(0);
190
+ }
191
+ }
192
+ }
193
+
194
+ .tabs-below,
195
+ .tabs-left,
196
+ .tabs-right {
197
+
198
+ & > .nav-tabs > li > a{
199
+ .border-radius(0);
200
+ }
201
+ }
202
+
203
+ .nav-pills {
204
+
205
+ & > li > a {
206
+ background-color: @grayLight;
207
+ .border-radius(0);
208
+ color: @black;
209
+
210
+ &:hover {
211
+ background-color: @black;
212
+ color: @white;
213
+ }
214
+ }
215
+
216
+ & > .disabled > a,
217
+ & > .disabled > a:hover {
218
+ background-color: @grayLighter;
219
+ color: @grayDark;
220
+ }
221
+ }
222
+
223
+ .nav-list {
224
+
225
+ & > li > a {
226
+ color: @grayDarker;
227
+
228
+ &:hover {
229
+ background-color: @blue;
230
+ color: @white;
231
+ text-shadow: none;
232
+ }
233
+ }
234
+
235
+ .nav-header {
236
+ color: @grayDarker;
237
+ }
238
+
239
+ .divider {
240
+ background-color: @gray;
241
+ border-bottom: none;
242
+ }
243
+ }
244
+
245
+ .pagination {
246
+
247
+ ul {
248
+
249
+ .box-shadow(none);
250
+
251
+ & > li > a,
252
+ & > li > span {
253
+ margin-right: 6px;
254
+ color: @grayDarker;
255
+
256
+ &:hover {
257
+ background-color: @grayDarker;
258
+ color: @white;
259
+ }
260
+ }
261
+
262
+ & > li:last-child > a,
263
+ & > li:last-child > span {
264
+ margin-right: 0;
265
+ }
266
+
267
+ & > .active > a,
268
+ & > .active > span {
269
+ color: @white;
270
+ }
271
+
272
+ & > .disabled > span,
273
+ & > .disabled > a,
274
+ & > .disabled > a:hover {
275
+ background-color: @grayLighter;
276
+ color: @grayDark;
277
+ }
278
+ }
279
+ }
280
+
281
+ .pager {
282
+
283
+ li > a,
284
+ li > span {
285
+ background-color: @grayLight;
286
+ border: none;
287
+ .border-radius(0);
288
+ color: @grayDarker;
289
+
290
+ &:hover {
291
+ background-color: @grayDarker;
292
+ color: @white;
293
+ }
294
+ }
295
+
296
+ .disabled > a,
297
+ .disabled > a:hover,
298
+ .disabled > span {
299
+ background-color: @grayLighter;
300
+ color: @grayDark;
301
+ }
302
+
303
+ }
304
+
305
+ .breadcrumb {
306
+ background-color: @grayLight;
307
+
308
+ li {
309
+ text-shadow: none;
310
+ }
311
+
312
+ .divider,
313
+ .active {
314
+ color: @grayDarker;
315
+ text-shadow: none;
316
+ }
317
+ }
318
+
319
+ // BUTTONS
320
+ // -----------------------------------------------------
321
+
322
+ .btn {
323
+ padding: 5px 12px;
324
+ background-image: none;
325
+ .box-shadow(none);
326
+ border: none;
327
+ .border-radius(0);
328
+ text-shadow: none;
329
+
330
+ &.disabled {
331
+ box-shadow: inset 0 2px 4px rgba(0,0,0,.15),~" "0 1px 2px rgba(0,0,0,.05);
332
+ }
333
+ }
334
+
335
+ .btn-large {
336
+ padding: 22px 30px;
337
+ }
338
+
339
+ .btn-small {
340
+ padding: 2px 10px;
341
+ }
342
+
343
+ .btn-mini {
344
+ padding: 2px 6px;
345
+ }
346
+
347
+ .btn-group {
348
+
349
+ & > .btn:first-child,
350
+ & > .btn:last-child,
351
+ & > .dropdown-toggle {
352
+ .border-radius(0);
353
+ }
354
+
355
+ & > .btn + .dropdown-toggle {
356
+ .box-shadow(none);
357
+ }
358
+ }
359
+
360
+ // TABLES
361
+ // -----------------------------------------------------
362
+
363
+ .table {
364
+
365
+ tbody tr.success td {
366
+ color: @white;
367
+ }
368
+
369
+ tbody tr.error td {
370
+ color: @white;
371
+ }
372
+
373
+ tbody tr.info td {
374
+ color: @white;
375
+ }
376
+
377
+ &-bordered {
378
+ .border-radius(0);
379
+
380
+ thead:first-child tr:first-child th:first-child,
381
+ tbody:first-child tr:first-child td:first-child {
382
+ .border-radius(0);
383
+ }
384
+
385
+ thead:last-child tr:last-child th:first-child,
386
+ tbody:last-child tr:last-child td:first-child,
387
+ tfoot:last-child tr:last-child td:first-child {
388
+ .border-radius(0);
389
+ }
390
+ }
391
+ }
392
+
393
+ // FORMS
394
+ // -----------------------------------------------------
395
+
396
+ select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
397
+ input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
398
+ input[type="week"], input[type="number"], input[type="email"], input[type="url"],
399
+ input[type="search"], input[type="tel"], input[type="color"] {
400
+ color: @grayDarker;
401
+ }
402
+
403
+ .control-group {
404
+
405
+ &.warning {
406
+
407
+ .control-label,
408
+ .help-block,
409
+ .help-inline {
410
+ color: @orange;
411
+ }
412
+
413
+ input,
414
+ select,
415
+ textarea {
416
+ border-color: @orange;
417
+ color: @grayDarker;
418
+ }
419
+ }
420
+
421
+ &.error {
422
+
423
+ .control-label,
424
+ .help-block,
425
+ .help-inline {
426
+ color: @red;
427
+ }
428
+
429
+ input,
430
+ select,
431
+ textarea {
432
+ border-color: @red;
433
+ color: @grayDarker;
434
+ }
435
+ }
436
+
437
+ &.success {
438
+
439
+ .control-label,
440
+ .help-block,
441
+ .help-inline {
442
+ color: @green;
443
+ }
444
+
445
+ input,
446
+ select,
447
+ textarea {
448
+ border-color: @green;
449
+ color: @grayDarker;
450
+ }
451
+ }
452
+ }
453
+
454
+ legend {
455
+ border-bottom: none;
456
+ color: @grayDarker;
457
+ }
458
+
459
+ .form-actions {
460
+ border-top: none;
461
+ background-color: @grayLighter;
462
+ }
463
+
464
+ // DROPDOWNS
465
+ // -----------------------------------------------------
466
+
467
+ .dropdown-menu {
468
+ .border-radius(0);
469
+ }
470
+
471
+ // ALERTS, LABELS, BADGES
472
+ // -----------------------------------------------------
473
+
474
+ .alert {
475
+ .border-radius(0);
476
+ text-shadow: none;
477
+
478
+ &-heading, h1, h2, h3, h4, h5, h6 {
479
+ color: @white;
480
+ }
481
+ }
482
+
483
+ .label {
484
+ min-width: 80px;
485
+ min-height: 80px;
486
+ .border-radius(0);
487
+ font-weight: 300;
488
+ text-shadow: none;
489
+
490
+ &-success {
491
+ background-color: @green;
492
+ }
493
+
494
+ &-important {
495
+ background-color: @red;
496
+ }
497
+
498
+ &-info {
499
+ background-color: @purple;
500
+ }
501
+
502
+ &-inverse {
503
+ background-color: @black;
504
+ }
505
+ }
506
+
507
+ .badge {
508
+
509
+ .border-radius(0);
510
+ font-weight: 300;
511
+ text-shadow: none;
512
+
513
+ &-success {
514
+ background-color: @green;
515
+ }
516
+
517
+ &-important {
518
+ background-color: @red;
519
+ }
520
+
521
+ &-info {
522
+ background-color: @purple;
523
+ }
524
+
525
+ &-inverse {
526
+ background-color: @black;
527
+ }
528
+ }
529
+
530
+ // MISC
531
+ // -----------------------------------------------------
532
+
533
+ .hero-unit {
534
+ border: none;
535
+ .border-radius(0);
536
+ .box-shadow(none);
537
+ }
538
+
539
+ .well {
540
+ border: none;
541
+ .border-radius(0);
542
+ .box-shadow(none);
543
+ }
544
+
545
+ [class^="icon-"], [class*=" icon-"] {
546
+ margin: 0 2px;
547
+ vertical-align: -2px;
548
+ }
549
+
550
+ a.thumbnail {
551
+ background-color: @grayLight;
552
+
553
+ &:hover {
554
+ background-color: @gray;
555
+ border-color: transparent;
556
+ }
557
+ }
558
+
559
+ .progress {
560
+ height: 6px;
561
+ .border-radius(0);
562
+ .box-shadow(none);
563
+ background-color: @grayLighter;
564
+ background-image: none;
565
+
566
+ .bar {
567
+ background-color: @blue;
568
+ background-image: none;
569
+ }
570
+
571
+ &-info {
572
+ background-color: @purple;
573
+ }
574
+
575
+ &-success {
576
+ background-color: @green;
577
+ }
578
+
579
+ &-warning {
580
+ background-color: @orange;
581
+ }
582
+
583
+ &-danger {
584
+ background-color: @red;
585
+ }
586
+ }
587
+
588
+ .modal {
589
+ .border-radius(0);
590
+
591
+ &-header {
592
+ border-bottom: none;
593
+ }
594
+
595
+ &-footer {
596
+ border-top: none;
597
+ background-color: transparent;
598
+ }
599
+ }
600
+
601
+ .popover {
602
+ .border-radius(0);
603
+ color: @white;
604
+
605
+ &-title {
606
+ border-bottom: none;
607
+ color: @white;
608
+ }
609
+
610
+ }
611
+
612
+ // MEDIA QUERIES
613
+ // -----------------------------------------------------