Browse code
Add some custom css
Benjamin Roth authored on12/01/2023 16:03:23 Showing4 changed files
- contao/templates/j_jbox.html5
- public/jBox.custom.css
- public/jBox.custom.min.css
- public/jBox.custom.scss
| ... | ... |
@@ -4,6 +4,7 @@ use Contao\Template; |
| 4 | 4 |
// Add the colorbox style sheet |
| 5 | 5 |
$GLOBALS['TL_CSS']['jbox'] = 'bundles/vonrotenbergjbox/jBox.min.css|static'; |
| 6 | 6 |
$GLOBALS['TL_CSS']['jbox_image'] = 'bundles/vonrotenbergjbox/plugins/jBox.Image.css|static'; |
| 7 |
+$GLOBALS['TL_CSS']['jbox_custom'] = 'bundles/vonrotenbergjbox/jBox.custom.min.css|static'; |
|
| 7 | 8 |
|
| 8 | 9 |
echo Template::generateScriptTag('bundles/vonrotenbergjbox/jBox.all.min.js',false,null);
|
| 9 | 10 |
?> |
| 10 | 11 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,22 @@ |
| 1 |
+.jBox-wrapper .jBox-container {
|
|
| 2 |
+ overflow: hidden; |
|
| 3 |
+} |
|
| 4 |
+.jBox-wrapper img {
|
|
| 5 |
+ vertical-align: middle; |
|
| 6 |
+} |
|
| 7 |
+.jBox-wrapper.jBox-Borderless .jBox-content {
|
|
| 8 |
+ padding: 0; |
|
| 9 |
+} |
|
| 10 |
+.jBox-wrapper.jBox-Borderless .jBox-content .ce_text {
|
|
| 11 |
+ padding: 15px 20px; |
|
| 12 |
+} |
|
| 13 |
+.jBox-wrapper.jBox-Iframe .jBox-content {
|
|
| 14 |
+ -webkit-box-sizing: border-box; |
|
| 15 |
+ -moz-box-sizing: border-box; |
|
| 16 |
+ box-sizing: border-box; |
|
| 17 |
+ overflow: hidden; |
|
| 18 |
+} |
|
| 19 |
+.jBox-wrapper.jBox-Iframe .jBox-content > iframe {
|
|
| 20 |
+ width: 100%; |
|
| 21 |
+ height: 100%; |
|
| 22 |
+} |
| 0 | 23 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1 @@ |
| 1 |
+.jBox-wrapper .jBox-container{overflow:hidden}.jBox-wrapper img{vertical-align:middle}.jBox-wrapper.jBox-Borderless .jBox-content{padding:0}.jBox-wrapper.jBox-Borderless .jBox-content .ce_text{padding:15px 20px}.jBox-wrapper.jBox-Iframe .jBox-content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.jBox-wrapper.jBox-Iframe .jBox-content>iframe{width:100%;height:100%}
|
|
| 0 | 2 |
\ No newline at end of file |
| 1 | 3 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,33 @@ |
| 1 |
+.jBox-wrapper {
|
|
| 2 |
+ |
|
| 3 |
+ .jBox-container {
|
|
| 4 |
+ overflow: hidden; |
|
| 5 |
+ } |
|
| 6 |
+ |
|
| 7 |
+ img {
|
|
| 8 |
+ vertical-align: middle; |
|
| 9 |
+ } |
|
| 10 |
+ |
|
| 11 |
+ &.jBox-Borderless {
|
|
| 12 |
+ .jBox-content {
|
|
| 13 |
+ padding: 0; |
|
| 14 |
+ |
|
| 15 |
+ .ce_text {
|
|
| 16 |
+ padding: 15px 20px; |
|
| 17 |
+ } |
|
| 18 |
+ } |
|
| 19 |
+ } |
|
| 20 |
+ |
|
| 21 |
+ &.jBox-Iframe {
|
|
| 22 |
+ .jBox-content {
|
|
| 23 |
+ -webkit-box-sizing: border-box; |
|
| 24 |
+ -moz-box-sizing: border-box; |
|
| 25 |
+ box-sizing: border-box; |
|
| 26 |
+ overflow: hidden; |
|
| 27 |
+ > iframe {
|
|
| 28 |
+ width: 100%; |
|
| 29 |
+ height: 100%; |
|
| 30 |
+ } |
|
| 31 |
+ } |
|
| 32 |
+ } |
|
| 33 |
+} |