Skip to content

Instantly share code, notes, and snippets.

@majedur-rahaman
Created May 16, 2020 09:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save majedur-rahaman/362b107c3cf64ef5243198ea2f072c57 to your computer and use it in GitHub Desktop.
Save majedur-rahaman/362b107c3cf64ef5243198ea2f072c57 to your computer and use it in GitHub Desktop.
instafeed-3.6.4 css file
#insta-feed a,.instafeed-shopify a{border:none!important;position:static;display:inline;padding:0;z-index:999999}#insta-feed,.instafeed-shopify{text-align:center;clear:both}#insta-feed a:focus,#insta-feed a:hover,.instafeed-shopify a:focus,.instafeed-shopify a:hover{opacity:1!important}#insta-feed a:after,.instafeed-shopify a:after{border:none}#insta-feed .instafeed-container:hover .instafeed-overlay,.instafeed-shopify .instafeed-container:hover .instafeed-overlay{opacity:1}#insta-feed img,.instafeed-shopify img{max-width:none;object-fit:cover;position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto;width:100%;height:100%;border-radius:0;transform:initial}#insta-feed .instafeed-container,.instafeed-shopify .instafeed-container{display:inline-block;position:relative;vertical-align:top;padding:0;color:#fff}#insta-feed .instafeed-overlay,.instafeed-shopify .instafeed-overlay{opacity:0;position:absolute;background-color:transparent;top:0;left:0;bottom:0;right:0;width:100%;height:100%;margin:0 auto;transition:all .2s linear}#insta-feed .likes,.instafeed-shopify .likes{position:absolute;display:flex;font-size:14px;font-family:sans-serif;bottom:2%;right:3%;margin:0 auto;z-index:200;color:#fff}#insta-feed .instafeed-overlay::after,.instafeed-shopify .instafeed-overlay::after{content:' ';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}#insta-feed .instafeed-overlay::before,.instafeed-shopify .instafeed-overlay::before{content:' ';opacity:1;background:url(/assets/img/instagram-icon.svg) no-repeat center center;background-size:20px 20px;position:absolute;z-index:100;top:0;left:0;bottom:0;right:0}.instafeed-lightbox{display:none!important;position:fixed!important;font-size:15px;font-family:sans-serif;z-index:99999;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,.8)}.instafeed-lightbox:focus{opacity:1!important}.instafeed-lightbox .lightbox-instagram{height:500px;width:900px;background-color:#fff;position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-450px}.instafeed-lightbox .lightbox-instagram video{width:50%;height:100%;position:absolute;background-color:#eee;left:0;top:0;margin:0 auto}.instafeed-lightbox .lightbox-instagram .sub-header{height:32px;color:grey}.instafeed-lightbox .lightbox-instagram .products-tagging{margin-top:15px;font-size:14px}.instafeed-lightbox .lightbox-instagram #caption{margin-top:15px;word-wrap:break-word;white-space:pre-wrap;clear:both}.instafeed-lightbox .lightbox-instagram .description{position:absolute;right:0;width:450px;text-align:left;color:#000;text-decoration:none;box-sizing:content-box}.instafeed-lightbox .lightbox-instagram .profile-picture{height:60px!important;width:60px!important;border-radius:50%!important;margin:12px!important}.instafeed-lightbox .lightbox-instagram .username{position:absolute;top:30px;left:85px}.instafeed-lightbox .lightbox-instagram .header{height:76px!important;position:relative;transform:none;margin:0;padding:0;text-align:inherit;opacity:1}.instafeed-lightbox .lightbox-instagram .box-content{margin:10px;max-height:385px;overflow:auto}.instafeed-lightbox .tagged-products{margin:15px 0 0;position:relative;clear:both}.instafeed-lightbox .tagged-products img{position:relative!important;object-fit:cover!important;height:70px!important;width:70px!important;margin:0!important;border:1px solid #ccc}.instafeed-lightbox .tagged-products #product-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:350px;font-size:initial;position:absolute!important;left:80px;top:0}.instafeed-lightbox .tagged-products #tagged-buy-button{margin:0;padding:7px 16px;height:auto;width:auto;background:0 0;color:#666!important;background-color:#f6f6f6;border:1px solid #ccc;font-weight:700;font-size:11px;margin:5px 0 7px;border-radius:2px;cursor:pointer;display:block;box-shadow:none}.instafeed-lightbox .tagged-products #tagged-buy-button:hover{background-color:#eee;border-color:#ccc;color:#000}.instafeed-lightbox .tagged-products #delete-product{font-size:xx-large}.instafeed-lightbox .lightbox-instagram .follow{border:1px solid #299bf4!important;padding:3px 10px!important;text-decoration:none;color:#fff;background-color:#299bf4;border-radius:3px;font-size:12px;position:absolute!important;right:15px;top:26px}.instafeed-lightbox .lightbox-instagram .follow:hover{border:1px solid #137aca!important;color:#137aca;background:0 0}.instafeed-lightbox .lightbox-instagram hr{margin:10px;border:0;border-bottom:1px solid #e8e9eb}.instafeed-lightbox .lightbox-instagram .arrows{width:70px;float:right}.instafeed-lightbox .lightbox-instagram .arrows img{object-fit:none!important;width:32px!important;position:relative!important;display:inline-block!important;border:1px solid #ccc;border-radius:4px!important}.instafeed-lightbox .lightbox-instagram .arrows a{display:inline-block!important;height:32px}.instafeed-lightbox .lightbox-instagram .arrows a:hover{background-color:#eee}.instafeed-lightbox img{max-width:450px!important;right:auto!important}.instafeed-lightbox:target{outline:0;display:block!important}@media only screen and (min-width:481px){.page-container.drawer-page-content{transform:initial}}@media only screen and (max-width:480px){.instafeed-lightbox .lightbox-instagram .image{position:relative;height:50vh}.instafeed-lightbox img{position:static!important;width:90vw!important}.instafeed-lightbox video{width:100%!important}.instafeed-lightbox .lightbox-instagram .description{box-sizing:border-box;width:100%;position:relative}.instafeed-lightbox .lightbox-instagram .box-content{max-height:none}.instafeed-lightbox .lightbox-instagram{height:90vh;width:90vw;top:5%;left:5%;margin-top:auto;margin-left:auto;overflow:scroll;max-height:90vh}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment