j1m_lightbox 0.0.1

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