1.3 KiB
1.3 KiB
⸨ v1.0 ⸩ OUTDATED, v3.0 is now here.
- original post: glenthemes.tumblr.com/post/614223478203285504
- npf lightbox by codematurgy
How to use:
Put before </body>
:
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="//cdn.glitch.global/64d4443d-743c-41f4-8b8c-36ca9f07d75b/npf-styling.js"></script>
<script src="//cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
<script>
npfPhotosets(".posts", npfOptions); // .posts is your posts selector
</script>
Put before </style>
:
/*------- npf photoset image spacing-------*/
:root {
--NPF-Image-Spacing:4px; /* spacing value */
}
.npf_row {
display:flex!important;
margin:calc(var(--NPF-Image-Spacing) / -2)!important;
margin-bottom:calc(var(--NPF-Image-Spacing) / 2)!important;
}
.npf_row:last-of-type {
margin-bottom:calc(var(--NPF-Image-Spacing) / -2)!important;
}
.tmblr-full {
flex:1;
margin:0!important;
padding:calc(var(--NPF-Image-Spacing) / 2)!important;
width:auto!important;
height:auto!important;
outline:none;
}