j1m_lightbox 0.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.
Files changed (97) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +21 -0
  3. data/README.md +41 -0
  4. data/_data/modules/default/j1_lightbox-0.0.1/j1_colorbox.yml +106 -0
  5. data/_data/modules/default/j1_lightbox-0.0.1/j1_light_gallery.yml +162 -0
  6. data/_data/modules/default/j1_lightbox-0.0.1/j1_lightbox2.yml +168 -0
  7. data/_data/resources/default/j1_lightbox-0.0.1/resource.yml +84 -0
  8. data/assets/themes/j1/lightboxes/colorbox/css/theme_1/colorbox.css +93 -0
  9. data/assets/themes/j1/lightboxes/colorbox/css/theme_1/images/border.png +0 -0
  10. data/assets/themes/j1/lightboxes/colorbox/css/theme_1/images/controls.png +0 -0
  11. data/assets/themes/j1/lightboxes/colorbox/css/theme_1/images/loading.gif +0 -0
  12. data/assets/themes/j1/lightboxes/colorbox/css/theme_1/images/loading_background.png +0 -0
  13. data/assets/themes/j1/lightboxes/colorbox/css/theme_1/images/overlay.png +0 -0
  14. data/assets/themes/j1/lightboxes/colorbox/css/theme_2/colorbox.css +72 -0
  15. data/assets/themes/j1/lightboxes/colorbox/css/theme_2/images/controls.png +0 -0
  16. data/assets/themes/j1/lightboxes/colorbox/css/theme_2/images/loading.gif +0 -0
  17. data/assets/themes/j1/lightboxes/colorbox/css/theme_3/colorbox.css +68 -0
  18. data/assets/themes/j1/lightboxes/colorbox/css/theme_3/images/controls.png +0 -0
  19. data/assets/themes/j1/lightboxes/colorbox/css/theme_3/images/loading.gif +0 -0
  20. data/assets/themes/j1/lightboxes/colorbox/css/theme_4/colorbox.css +89 -0
  21. data/assets/themes/j1/lightboxes/colorbox/css/theme_4/images/border1.png +0 -0
  22. data/assets/themes/j1/lightboxes/colorbox/css/theme_4/images/border2.png +0 -0
  23. data/assets/themes/j1/lightboxes/colorbox/css/theme_4/images/loading.gif +0 -0
  24. data/assets/themes/j1/lightboxes/colorbox/css/theme_5/colorbox.css +81 -0
  25. data/assets/themes/j1/lightboxes/colorbox/css/theme_5/images/border.png +0 -0
  26. data/assets/themes/j1/lightboxes/colorbox/css/theme_5/images/controls.png +0 -0
  27. data/assets/themes/j1/lightboxes/colorbox/css/theme_5/images/loading.gif +0 -0
  28. data/assets/themes/j1/lightboxes/colorbox/css/theme_5/images/loading_background.png +0 -0
  29. data/assets/themes/j1/lightboxes/colorbox/js/jquery.colorbox.js +1105 -0
  30. data/assets/themes/j1/lightboxes/colorbox/js/jquery.colorbox.min.js +6 -0
  31. data/assets/themes/j1/lightboxes/light_gallery/css/lg-fb-comment-box.css +57 -0
  32. data/assets/themes/j1/lightboxes/light_gallery/css/lg-fb-comment-box.min.css +1 -0
  33. data/assets/themes/j1/lightboxes/light_gallery/css/lg-transitions.css +778 -0
  34. data/assets/themes/j1/lightboxes/light_gallery/css/lg-transitions.min.css +1 -0
  35. data/assets/themes/j1/lightboxes/light_gallery/css/lightgallery.css +967 -0
  36. data/assets/themes/j1/lightboxes/light_gallery/css/lightgallery.min.css +1 -0
  37. data/assets/themes/j1/lightboxes/light_gallery/css/theme/j1_template.css +290 -0
  38. data/assets/themes/j1/lightboxes/light_gallery/fonts/lg.eot +0 -0
  39. data/assets/themes/j1/lightboxes/light_gallery/fonts/lg.svg +47 -0
  40. data/assets/themes/j1/lightboxes/light_gallery/fonts/lg.ttf +0 -0
  41. data/assets/themes/j1/lightboxes/light_gallery/fonts/lg.woff +0 -0
  42. data/assets/themes/j1/lightboxes/light_gallery/img/icons/animation-w.png +0 -0
  43. data/assets/themes/j1/lightboxes/light_gallery/img/icons/customize-w.png +0 -0
  44. data/assets/themes/j1/lightboxes/light_gallery/img/icons/dynamic-w.png +0 -0
  45. data/assets/themes/j1/lightboxes/light_gallery/img/icons/facebook-icon.svg +10 -0
  46. data/assets/themes/j1/lightboxes/light_gallery/img/icons/googleplus-icon.svg +30 -0
  47. data/assets/themes/j1/lightboxes/light_gallery/img/icons/html5-w.png +0 -0
  48. data/assets/themes/j1/lightboxes/light_gallery/img/icons/linked-in.png +0 -0
  49. data/assets/themes/j1/lightboxes/light_gallery/img/icons/module-w.png +0 -0
  50. data/assets/themes/j1/lightboxes/light_gallery/img/icons/play-button.png +0 -0
  51. data/assets/themes/j1/lightboxes/light_gallery/img/icons/responsive-w.png +0 -0
  52. data/assets/themes/j1/lightboxes/light_gallery/img/icons/thumb-w.png +0 -0
  53. data/assets/themes/j1/lightboxes/light_gallery/img/icons/touch-w.png +0 -0
  54. data/assets/themes/j1/lightboxes/light_gallery/img/icons/twitter-icon.svg +15 -0
  55. data/assets/themes/j1/lightboxes/light_gallery/img/icons/twitter.png +0 -0
  56. data/assets/themes/j1/lightboxes/light_gallery/img/icons/video1-w.png +0 -0
  57. data/assets/themes/j1/lightboxes/light_gallery/img/icons/zoom-w.png +0 -0
  58. data/assets/themes/j1/lightboxes/light_gallery/img/icons/zoom.png +0 -0
  59. data/assets/themes/j1/lightboxes/light_gallery/img/loading.gif +0 -0
  60. data/assets/themes/j1/lightboxes/light_gallery/img/video-play.png +0 -0
  61. data/assets/themes/j1/lightboxes/light_gallery/img/vimeo-play.png +0 -0
  62. data/assets/themes/j1/lightboxes/light_gallery/img/youtube-play.png +0 -0
  63. data/assets/themes/j1/lightboxes/light_gallery/js/lg-autoplay.js +204 -0
  64. data/assets/themes/j1/lightboxes/light_gallery/js/lg-autoplay.min.js +4 -0
  65. data/assets/themes/j1/lightboxes/light_gallery/js/lg-fullscreen.js +116 -0
  66. data/assets/themes/j1/lightboxes/light_gallery/js/lg-fullscreen.min.js +4 -0
  67. data/assets/themes/j1/lightboxes/light_gallery/js/lg-hash.js +93 -0
  68. data/assets/themes/j1/lightboxes/light_gallery/js/lg-hash.min.js +4 -0
  69. data/assets/themes/j1/lightboxes/light_gallery/js/lg-pager.js +105 -0
  70. data/assets/themes/j1/lightboxes/light_gallery/js/lg-pager.min.js +4 -0
  71. data/assets/themes/j1/lightboxes/light_gallery/js/lg-share.js +92 -0
  72. data/assets/themes/j1/lightboxes/light_gallery/js/lg-share.min.js +4 -0
  73. data/assets/themes/j1/lightboxes/light_gallery/js/lg-thumbnail.js +473 -0
  74. data/assets/themes/j1/lightboxes/light_gallery/js/lg-thumbnail.min.js +4 -0
  75. data/assets/themes/j1/lightboxes/light_gallery/js/lg-video.js +312 -0
  76. data/assets/themes/j1/lightboxes/light_gallery/js/lg-video.min.js +4 -0
  77. data/assets/themes/j1/lightboxes/light_gallery/js/lg-zoom.js +497 -0
  78. data/assets/themes/j1/lightboxes/light_gallery/js/lg-zoom.min.js +4 -0
  79. data/assets/themes/j1/lightboxes/light_gallery/js/lightgallery.js +1340 -0
  80. data/assets/themes/j1/lightboxes/light_gallery/js/lightgallery.min.js +4 -0
  81. data/assets/themes/j1/lightboxes/lightbox2/css/lightbox.css +213 -0
  82. data/assets/themes/j1/lightboxes/lightbox2/css/lightbox.min.css +1 -0
  83. data/assets/themes/j1/lightboxes/lightbox2/images/close.png +0 -0
  84. data/assets/themes/j1/lightboxes/lightbox2/images/loading.gif +0 -0
  85. data/assets/themes/j1/lightboxes/lightbox2/images/next.png +0 -0
  86. data/assets/themes/j1/lightboxes/lightbox2/images/prev.png +0 -0
  87. data/assets/themes/j1/lightboxes/lightbox2/js/lightbox-plus-jquery.js +9719 -0
  88. data/assets/themes/j1/lightboxes/lightbox2/js/lightbox-plus-jquery.min.js +38 -0
  89. data/assets/themes/j1/lightboxes/lightbox2/js/lightbox-plus-jquery.min.map +1 -0
  90. data/assets/themes/j1/lightboxes/lightbox2/js/lightbox.js +508 -0
  91. data/assets/themes/j1/lightboxes/lightbox2/js/lightbox.min.js +13 -0
  92. data/assets/themes/j1/lightboxes/lightbox2/js/lightbox.min.map +1 -0
  93. data/exe/console +14 -0
  94. data/exe/setup +8 -0
  95. data/lib/j1m_lightbox.rb +5 -0
  96. data/lib/j1m_lightbox/version.rb +3 -0
  97. metadata +185 -0
@@ -0,0 +1,84 @@
1
+
2
+ # -------------------------------------------------------------
3
+ # Lightbox2 (Lightbox) (LIGHTBOX Module)
4
+ #
5
+ - resource:
6
+ enabled: true
7
+ version: 0.0.1
8
+ id: j1_lightbox2
9
+ comment: Resources for lightbox Lightbox 2
10
+ layout: [ home, page, post ]
11
+ region: head
12
+ required: ondemand
13
+ script_load: defer
14
+ data:
15
+ css: [
16
+ lightboxes/lightbox2/css/lightbox
17
+ ]
18
+ files: [
19
+ j1/js/adapters/lightbox2.js
20
+ ]
21
+ js: [
22
+ lightboxes/lightbox2/js/lightbox
23
+ ]
24
+ init_function: J1Lightbox2.init
25
+
26
+ # -------------------------------------------------------------
27
+ # LightGallery (LIGHTBOX Module)
28
+ #
29
+ - resource:
30
+ enabled: true
31
+ version: 0.0.1
32
+ id: j1_light_gallery
33
+ comment: Resources for lightbox LightGallery
34
+ region: head
35
+ layout: [ home, page, post ]
36
+ required: ondemand
37
+ script_load: defer
38
+ data:
39
+ css: [
40
+ lightboxes/light_gallery/css/lightgallery,
41
+ lightboxes/light_gallery/css/lg-transitions,
42
+ lightboxes/light_gallery/css/lg-fb-comment-box
43
+ ]
44
+ files: [
45
+ lightboxes/light_gallery/css/theme/j1_template.css,
46
+ "https://cdnjs.cloudflare.com/ajax/libs/video.js/5.17.0/video-js.min.css",
47
+ "https://cdnjs.cloudflare.com/ajax/libs/video.js/5.17.0/video.min.js",
48
+ "https://f.vimeocdn.com/js/froogaloop2.min.js",
49
+ j1/js/adapters/lightbox_lightgallery.js
50
+ ]
51
+ js: [
52
+ lightboxes/light_gallery/js/lightgallery,
53
+ lightboxes/light_gallery/js/lg-autoplay,
54
+ lightboxes/light_gallery/js/lg-fullscreen,
55
+ lightboxes/light_gallery/js/lg-hash,
56
+ lightboxes/light_gallery/js/lg-pager,
57
+ lightboxes/light_gallery/js/lg-share,
58
+ lightboxes/light_gallery/js/lg-thumbnail,
59
+ lightboxes/light_gallery/js/lg-video
60
+ ]
61
+ init_function: J1LightGallery.init
62
+
63
+ # -------------------------------------------------------------
64
+ # Colorbox (LIGHTBOX Module)
65
+ #
66
+ - resource:
67
+ enabled: true
68
+ version: 0.0.1
69
+ id: j1_colorbox
70
+ comment: Resources for lightbox Colorbox
71
+ layout: [ home, page, post ]
72
+ region: head
73
+ required: ondemand
74
+ script_load: defer
75
+ data:
76
+ css: []
77
+ files: [
78
+ lightboxes/colorbox/css/theme_3/colorbox.css,
79
+ j1/js/adapters/colorbox.js
80
+ ]
81
+ js: [
82
+ lightboxes/colorbox/js/jquery.colorbox
83
+ ]
84
+ init_function: J1Colorbox.init
@@ -0,0 +1,93 @@
1
+ /*
2
+ # -----------------------------------------------------------------------------
3
+ # J1: ~/assets/themes/j1/j1/css/theme_1/colorbox.css
4
+ # Provides styles for J1 Colorbox
5
+ #
6
+ # Product/Info:
7
+ # http://jekyll.one
8
+ #
9
+ # Copyright (C) 2016 Jack Moore
10
+ # Copyright (C) 2016 Juergen Adams
11
+ #
12
+ # J1 is licensed under the Creative Commons Attribution 3.0 Unported License.
13
+ # For details, see http://creativecommons.org/licenses/by/3.0/.
14
+ # Colorbox is licensed under the MIT License
15
+ # For details, see http://www.opensource.org/licenses/mit-license.php
16
+ #
17
+ # -----------------------------------------------------------------------------
18
+ # $LastChangedDate: 2016-12-18 23:50:04 +0100 (So, 18 Dez 2016) $
19
+ # $LastChangedRevision: 20 $
20
+ # $LastChangedBy: jadams $
21
+ # -----------------------------------------------------------------------------
22
+ */
23
+
24
+ /*
25
+ Colorbox Core Style:
26
+ The following CSS is consistent between example themes and should not be altered.
27
+ */
28
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
29
+ #cboxWrapper {max-width:none;}
30
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
31
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
32
+ #cboxContent{position:relative;}
33
+ #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
34
+ #cboxTitle{margin:0;}
35
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
36
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
37
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
38
+ .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
39
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
40
+
41
+ /*
42
+ User Style:
43
+ Change the following styles to modify the appearance of Colorbox. They are
44
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
45
+ */
46
+ #cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
47
+ #colorbox{outline:0;}
48
+ #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
49
+ #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
50
+ #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
51
+ #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
52
+ #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
53
+ #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
54
+ #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
55
+ #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
56
+ #cboxContent{background:#fff; overflow:hidden;}
57
+ .cboxIframe{background:#fff;}
58
+ #cboxError{padding:50px; border:1px solid #ccc;}
59
+ #cboxLoadedContent{margin-bottom:28px;}
60
+ #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
61
+ #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
62
+ #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
63
+ #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
64
+
65
+ /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
66
+ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
67
+
68
+ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
69
+ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
70
+
71
+ #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
72
+ #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
73
+ #cboxPrevious:hover{background-position:-75px -25px;}
74
+ #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
75
+ #cboxNext:hover{background-position:-50px -25px;}
76
+ #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
77
+ #cboxClose:hover{background-position:-25px -25px;}
78
+
79
+ /*
80
+ The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
81
+ when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
82
+ See: http://jacklmoore.com/notes/ie-transparency-problems/
83
+ */
84
+ .cboxIE #cboxTopLeft,
85
+ .cboxIE #cboxTopCenter,
86
+ .cboxIE #cboxTopRight,
87
+ .cboxIE #cboxBottomLeft,
88
+ .cboxIE #cboxBottomCenter,
89
+ .cboxIE #cboxBottomRight,
90
+ .cboxIE #cboxMiddleLeft,
91
+ .cboxIE #cboxMiddleRight {
92
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
93
+ }
@@ -0,0 +1,72 @@
1
+ /*
2
+ # -----------------------------------------------------------------------------
3
+ # J1: ~/assets/themes/j1/j1/css/theme_2/colorbox.css
4
+ # Provides styles for J1 Colorbox
5
+ #
6
+ # Product/Info:
7
+ # http://jekyll.one
8
+ #
9
+ # Copyright (C) 2016 Jack Moore
10
+ # Copyright (C) 2016 Juergen Adams
11
+ #
12
+ # J1 is licensed under the Creative Commons Attribution 3.0 Unported License.
13
+ # For details, see http://creativecommons.org/licenses/by/3.0/.
14
+ # Colorbox is licensed under the MIT License
15
+ # For details, see http://www.opensource.org/licenses/mit-license.php
16
+ #
17
+ # -----------------------------------------------------------------------------
18
+ # $LastChangedDate: 2016-12-18 23:50:04 +0100 (So, 18 Dez 2016) $
19
+ # $LastChangedRevision: 20 $
20
+ # $LastChangedBy: jadams $
21
+ # -----------------------------------------------------------------------------
22
+ */
23
+ /*
24
+ Colorbox Core Style:
25
+ The following CSS is consistent between example themes and should not be altered.
26
+ */
27
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
28
+ #cboxWrapper {max-width:none;}
29
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
30
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
31
+ #cboxContent{position:relative;}
32
+ #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
33
+ #cboxTitle{margin:0;}
34
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
35
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
36
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
37
+ .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
38
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
39
+
40
+ /*
41
+ User Style:
42
+ Change the following styles to modify the appearance of Colorbox. They are
43
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
44
+ */
45
+ #cboxOverlay{background:#fff;}
46
+ #colorbox{outline:0;}
47
+ #cboxContent{margin-top:32px; overflow:visible; background:#000;}
48
+ .cboxIframe{background:#fff;}
49
+ #cboxError{padding:50px; border:1px solid #ccc;}
50
+ #cboxLoadedContent{background:#000; padding:1px;}
51
+ #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
52
+ #cboxLoadingOverlay{background:#000;}
53
+ #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
54
+ #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
55
+
56
+ /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
57
+ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
58
+
59
+ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
60
+ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
61
+
62
+ #cboxPrevious{background-position:0px 0px; right:44px;}
63
+ #cboxPrevious:hover{background-position:0px -25px;}
64
+ #cboxNext{background-position:-25px 0px; right:22px;}
65
+ #cboxNext:hover{background-position:-25px -25px;}
66
+ #cboxClose{background-position:-50px 0px; right:0;}
67
+ #cboxClose:hover{background-position:-50px -25px;}
68
+ .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
69
+ .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
70
+ .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
71
+ .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
72
+ .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
@@ -0,0 +1,68 @@
1
+ /*
2
+ # -----------------------------------------------------------------------------
3
+ # J1: ~/assets/themes/j1/j1/css/theme_3/colorbox.css
4
+ # Provides styles for J1 Colorbox
5
+ #
6
+ # Product/Info:
7
+ # http://jekyll.one
8
+ #
9
+ # Copyright (C) 2016 Jack Moore
10
+ # Copyright (C) 2016 Juergen Adams
11
+ #
12
+ # J1 is licensed under the Creative Commons Attribution 3.0 Unported License.
13
+ # For details, see http://creativecommons.org/licenses/by/3.0/.
14
+ # Colorbox is licensed under the MIT License
15
+ # For details, see http://www.opensource.org/licenses/mit-license.php
16
+ #
17
+ # -----------------------------------------------------------------------------
18
+ # $LastChangedDate: 2016-12-18 23:50:04 +0100 (So, 18 Dez 2016) $
19
+ # $LastChangedRevision: 20 $
20
+ # $LastChangedBy: jadams $
21
+ # -----------------------------------------------------------------------------
22
+ */
23
+
24
+ /*
25
+ Colorbox Core Style:
26
+ The following CSS is consistent between example themes and should not be altered.
27
+ */
28
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
29
+ #cboxWrapper {max-width:none;}
30
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
31
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
32
+ #cboxContent{position:relative;}
33
+ #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
34
+ #cboxTitle{margin:0;}
35
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
36
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
37
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
38
+ .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
39
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
40
+
41
+ /*
42
+ User Style:
43
+ Change the following styles to modify the appearance of Colorbox. They are
44
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
45
+ */
46
+ #cboxOverlay{background:#000;}
47
+ #colorbox{outline:0;}
48
+ #cboxContent{margin-top:20px;background:#000;}
49
+ .cboxIframe{background:#fff;}
50
+ #cboxError{padding:50px; border:1px solid #ccc;}
51
+ #cboxLoadedContent{border:5px solid #000; background:#fff;}
52
+ #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
53
+ #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
54
+ #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
55
+
56
+ /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
57
+ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
58
+
59
+ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
60
+ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
61
+
62
+ #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
63
+ #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
64
+ #cboxPrevious:hover{background-position:bottom left;}
65
+ #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
66
+ #cboxNext:hover{background-position:bottom right;}
67
+ #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
68
+ #cboxClose:hover{background-position:bottom center;}
@@ -0,0 +1,89 @@
1
+ /*
2
+ # -----------------------------------------------------------------------------
3
+ # J1: ~/assets/themes/j1/j1/css/theme_4/colorbox.css
4
+ # Provides styles for J1 Colorbox
5
+ #
6
+ # Product/Info:
7
+ # http://jekyll.one
8
+ #
9
+ # Copyright (C) 2016 Jack Moore
10
+ # Copyright (C) 2016 Juergen Adams
11
+ #
12
+ # J1 is licensed under the Creative Commons Attribution 3.0 Unported License.
13
+ # For details, see http://creativecommons.org/licenses/by/3.0/.
14
+ # Colorbox is licensed under the MIT License
15
+ # For details, see http://www.opensource.org/licenses/mit-license.php
16
+ #
17
+ # -----------------------------------------------------------------------------
18
+ # $LastChangedDate: 2016-12-18 23:50:04 +0100 (So, 18 Dez 2016) $
19
+ # $LastChangedRevision: 20 $
20
+ # $LastChangedBy: jadams $
21
+ # -----------------------------------------------------------------------------
22
+ */
23
+
24
+ /*
25
+ Colorbox Core Style:
26
+ The following CSS is consistent between example themes and should not be altered.
27
+ */
28
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
29
+ #cboxWrapper {max-width:none;}
30
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
31
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
32
+ #cboxContent{position:relative;}
33
+ #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
34
+ #cboxTitle{margin:0;}
35
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
36
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
37
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
38
+ .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
39
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
40
+
41
+ /*
42
+ User Style:
43
+ Change the following styles to modify the appearance of Colorbox. They are
44
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
45
+ */
46
+ #cboxOverlay{background:#fff;}
47
+ #colorbox{outline:0;}
48
+ #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
49
+ #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
50
+ #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
51
+ #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
52
+ #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
53
+ #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
54
+ #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
55
+ #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
56
+ #cboxContent{background:#fff; overflow:hidden;}
57
+ .cboxIframe{background:#fff;}
58
+ #cboxError{padding:50px; border:1px solid #ccc;}
59
+ #cboxLoadedContent{margin-bottom:20px;}
60
+ #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
61
+ #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
62
+ #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
63
+
64
+ /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
65
+ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
66
+
67
+ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
68
+ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
69
+
70
+ #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
71
+ #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
72
+ #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
73
+ #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
74
+
75
+ /*
76
+ The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
77
+ when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
78
+ See: http://jacklmoore.com/notes/ie-transparency-problems/
79
+ */
80
+ .cboxIE #cboxTopLeft,
81
+ .cboxIE #cboxTopCenter,
82
+ .cboxIE #cboxTopRight,
83
+ .cboxIE #cboxBottomLeft,
84
+ .cboxIE #cboxBottomCenter,
85
+ .cboxIE #cboxBottomRight,
86
+ .cboxIE #cboxMiddleLeft,
87
+ .cboxIE #cboxMiddleRight {
88
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
89
+ }
@@ -0,0 +1,81 @@
1
+ /*
2
+ # -----------------------------------------------------------------------------
3
+ # J1: ~/assets/themes/j1/j1/css/theme_5/colorbox.css
4
+ # Provides styles for J1 Colorbox
5
+ #
6
+ # Product/Info:
7
+ # http://jekyll.one
8
+ #
9
+ # Copyright (C) 2016 Jack Moore
10
+ # Copyright (C) 2016 Juergen Adams
11
+ #
12
+ # J1 is licensed under the Creative Commons Attribution 3.0 Unported License.
13
+ # For details, see http://creativecommons.org/licenses/by/3.0/.
14
+ # Colorbox is licensed under the MIT License
15
+ # For details, see http://www.opensource.org/licenses/mit-license.php
16
+ #
17
+ # -----------------------------------------------------------------------------
18
+ # $LastChangedDate: 2016-12-18 23:50:04 +0100 (So, 18 Dez 2016) $
19
+ # $LastChangedRevision: 20 $
20
+ # $LastChangedBy: jadams $
21
+ # -----------------------------------------------------------------------------
22
+ */
23
+
24
+ /*
25
+ Colorbox Core Style:
26
+ The following CSS is consistent between example themes and should not be altered.
27
+ */
28
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
29
+ #cboxWrapper {max-width:none;}
30
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
31
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
32
+ #cboxContent{position:relative;}
33
+ #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
34
+ #cboxTitle{margin:0;}
35
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
36
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
37
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
38
+ .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
39
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
40
+
41
+ /*
42
+ User Style:
43
+ Change the following styles to modify the appearance of Colorbox. They are
44
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
45
+ */
46
+ #cboxOverlay{background:#000;}
47
+ #colorbox{outline:0;}
48
+ #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
49
+ #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
50
+ #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
51
+ #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
52
+ #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
53
+ #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
54
+ #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
55
+ #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
56
+ #cboxContent{background:#fff; overflow:visible;}
57
+ .cboxIframe{background:#fff;}
58
+ #cboxError{padding:50px; border:1px solid #ccc;}
59
+ #cboxLoadedContent{margin-bottom:5px;}
60
+ #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
61
+ #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
62
+ #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
63
+ #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
64
+
65
+ /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
66
+ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
67
+
68
+ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
69
+ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
70
+
71
+ #cboxPrevious{left:0px; background-position: -51px -25px;}
72
+ #cboxPrevious:hover{background-position:-51px 0px;}
73
+ #cboxNext{left:27px; background-position:-75px -25px;}
74
+ #cboxNext:hover{background-position:-75px 0px;}
75
+ #cboxClose{right:0; background-position:-100px -25px;}
76
+ #cboxClose:hover{background-position:-100px 0px;}
77
+
78
+ .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
79
+ .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
80
+ .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
81
+ .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}