vue-masonry-gallery-new/dist/static/css/app.4e9b147706e58fd94acca5bbb7b832c2.css.map

Masonry gallery layout component for Nuxtjs

{"version":3,"sources":["app.4e9b147706e58fd94acca5bbb7b832c2.css"],"names":[],"mappings":"AACA,EACE,SAAU,AACV,SAAW,CACZ,AACD,EAEE,oBAAsB,CACvB,AACD,WAHE,UAAY,CAKb,AACD,eAGE,YAAa,AACb,wBAA0B,CAC3B,AACD,gBACE,eAAgB,AAChB,0BAA+B,AAC/B,YAAa,AACb,WAAY,AACZ,YAAa,AACb,UAAW,AACX,MAAO,AACP,MAAQ,CACT,AACD,kCACI,kBAAmB,AACnB,SAAU,AACV,QAAS,AACT,8BAAiC,CACpC,AAID,aACI,YAAa,AACb,cAAe,AACf,mBAAoB,AACpB,mBAAoB,AACpB,6DAAyE,AACzE,WAAe,AACf,mBAAoB,AACpB,eAAgB,AAChB,gBAAiB,AACjB,YAAa,AACb,WAAY,AACZ,yCAA8C,AAC9C,+BAAiC,CACpC,AACD,2BACM,iBAAkB,AAClB,cAAe,AACf,WAAa,CAClB,AACD,sCACQ,WAAY,AACZ,YAAa,AACb,iBAAkB,AAClB,2BAA8B,CACrC,AACD,4CACU,mBAAqB,CAC9B,AACD,mEAEQ,YAAa,AACb,iBAAkB,AAClB,gBAAiB,AACjB,WAAY,AACZ,WAAa,CACpB,AACD,wKAIU,YAAa,AACb,iBAAkB,AAClB,4BAA8B,AAC9B,mBAAqB,CAC9B,AACD,mFAEU,UAAa,CACtB,AACD,+FAEY,SAAW,CACtB,AACD,qFAEU,UAAa,CACtB,AACD,iGAEY,oBAAqB,AACrB,SAAW,CACtB,AACD,wCACQ,kBAAmB,AACnB,YAAa,AACb,SAAU,AACV,YAAa,AACb,UAAY,CACnB,AACD,cACI,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,UAAY,CACf,AACD,wBACM,uCAA0C,AAC1C,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,YAAa,AACb,YAAa,AACb,kBAAmB,AACnB,UAAW,AACX,4BAA8B,AAC9B,qBAAwB,CAC7B,AACD,uEAEQ,iBAAkB,AAClB,kBAAmB,AACnB,4BAA8B,AAC9B,qBAAuB,AACvB,oCAA2C,AAC3C,wBAAyB,AACzB,gBAAkB,CACzB,AACD,oCACQ,UAAW,AACX,cAAe,AACf,kCAAmC,AACnC,cAAe,AACf,wCAAgD,CACvD,AACD,mCACQ,aAAc,AACd,eAAgB,AAChB,cAAe,AACf,cAAe,AACf,0CAAkD,CACzD,AACD,8BACQ,SAAW,CAClB,AACD,0CACU,QAAU,CACnB,AACD,yCACU,WAAa,CACtB,AACD,KACE,cAAe,AACf,iBAAmB,CACpB,AACD,gBACI,gBAAiB,AACjB,iBAAmB,CACtB,AACD,0CACA,gCACI,gBAAkB,CACrB,CACA,AACD,0CACA,gCACI,eAAiB,CACpB,CACA,AACD,yCACA,gCACI,eAAgB,AAChB,aAAe,CAClB,CACA,AACD,yCACA,6CACI,kBAAmB,AACnB,UAAY,CACf,CACA,AAED,gDACE,WAAY,AACZ,YAAa,AACb,iBAAmB,CACpB,AACD,4EACI,iBAAkB,AAClB,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,kBAAmB,AACnB,gCAAkC,CACrC,AACD,qEACI,kBAAmB,AACnB,UAAY,CACf,AACD,qCACA,GACI,mBAAsB,CACzB,AACD,GACI,kBAAoB,CACvB,CACA,AACD,8EACM,kBAAmB,AACnB,sBAAuB,AACvB,SAAW,CAChB,AACD,qGACM,wCAA0C,AAC1C,4BAAgC,AAChC,oBAAuB,CAC5B,AACD,uEACM,aAAe,CACpB,AACD,qFACM,oCAAyC,AACzC,kBAAmB,AACnB,2BAA8B,CACnC,AACD,2FACQ,mBAAqB,CAC5B,AACD,kFACM,+6FAAi7F,CACt7F,AACD,sFACQ,WAAY,AACZ,cAAe,AACf,WAAa,CACpB,AACD,2EACM,kBAAmB,AACnB,WAAY,AACZ,kBAAmB,AACnB,eAAgB,AAChB,gBAAiB,AACjB,WAAY,AACZ,iBAAoB,AACpB,SAAU,AACV,sCAA0C,CAC/C,AACD,+DACI,WAAY,AACZ,6BAAgC,CACnC,AACD,yDACI,kBAAmB,AACnB,SAAU,AACV,2BAA4B,AAC5B,WAAY,AACZ,WAAa,CAChB,AACD,qCACA,IACI,WAAa,AACb,oBAAuB,CAC1B,AACD,GACI,UAAW,AACX,kBAAoB,CACvB,CACA,AACD,wEACM,sBAAuB,AACvB,yBAA0B,AAC1B,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,WAAY,AACZ,yBAA0B,AAC1B,qBAAsB,AACtB,0DAA6D,CAClE,AACD,wFACM,oBAAuB,CAC5B,AACD,yBACE,oBAAqB,AACrB,WAAY,AACZ,iBAAmB,CACpB,AACD,qCACI,YAAa,AACb,cAAe,AACf,aAAe,CAClB,AAED,OACE,UAAa,CACd,AAED,gBACE,6BAAqC,CACtC,AACD,kBACE,yBAA6B,AAC7B,YAAc,CACf","file":"app.4e9b147706e58fd94acca5bbb7b832c2.css","sourcesContent":["\n* {\n  margin: 0;\n  padding: 0;\n}\na {\n  color: #000;\n  text-decoration: none;\n}\na:active {\n    color: #000;\n}\nhtml,\nbody,\n#app {\n  height: 100%;\n  background-color: #f5f6f7;\n}\n.lightbox-alpha {\n  position: fixed;\n  background: rgba(0, 0, 0, 0.7);\n  height: 100%;\n  width: 100%;\n  z-index: 999;\n  opacity: 1;\n  top: 0;\n  left: 0;\n}\n.lightbox-alpha .lightbox-content {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}\n#app {\n  position: relative;\n}\n#app #header {\n    height: 80px;\n    display: block;\n    background: #e8e8e8;\n    background: #ececec;\n    background: linear-gradient(0deg, #ececec 0%, #d2d2d2 94%, #d2d2d2 100%);\n    color: #333333;\n    line-height: normal;\n    font-size: 16px;\n    position: sticky;\n    z-index: 999;\n    width: 100%;\n    box-shadow: 0 -3px 8px 2px rgba(0, 0, 0, 0.6);\n    border-bottom: solid 1px #4e4944;\n}\n#app #header .header-block {\n      max-width: 1380px;\n      margin: 0 auto;\n      height: 100%;\n}\n#app #header .header-block .vajralogo {\n        float: left;\n        height: 29px;\n        padding-top: 26px;\n        transition: all 0.4s ease-out;\n}\n#app #header .header-block .vajralogo:hover {\n          filter: grayscale(1);\n}\n#app #header .header-block .npm,\n      #app #header .header-block .github {\n        float: right;\n        text-align: right;\n        margin-top: 22px;\n        width: 30px;\n        height: 22px;\n}\n#app #header .header-block .npm .npmlogo,\n        #app #header .header-block .npm .ghlogo,\n        #app #header .header-block .github .npmlogo,\n        #app #header .header-block .github .ghlogo {\n          height: 22px;\n          margin-left: 10px;\n          transition: all 0.4s ease-out;\n          filter: grayscale(1);\n}\n#app #header .header-block .npm .ghlogo,\n        #app #header .header-block .github .ghlogo {\n          opacity: 0.1;\n}\n#app #header .header-block .npm .ghlogo:hover,\n          #app #header .header-block .github .ghlogo:hover {\n            opacity: 1;\n}\n#app #header .header-block .npm .npmlogo,\n        #app #header .header-block .github .npmlogo {\n          opacity: 0.2;\n}\n#app #header .header-block .npm .npmlogo:hover,\n          #app #header .header-block .github .npmlogo:hover {\n            filter: grayscale(0);\n            opacity: 1;\n}\n#app #header .header-block img.npm-code {\n        position: relative;\n        right: -80px;\n        top: 59px;\n        float: right;\n        z-index: 99;\n}\n#app #content {\n    position: absolute;\n    top: 80px;\n    bottom: 0;\n    width: 100%;\n}\n#app #content .img-info {\n      font-family: Arial, Helvetica, sans-serif;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 97.8%;\n      height: 100%;\n      text-align: center;\n      opacity: 0;\n      transition: all 0.2s ease-out;\n      transition-delay: 0.05s;\n}\n#app #content .img-info .title-info,\n      #app #content .img-info .desc-info {\n        padding: 10px 4px;\n        position: absolute;\n        transition: all 0.3s ease-out;\n        transition-delay: 0.1s;\n        background-color: rgba(255, 255, 255, 0.8);\n        width: calc(100% - 20px);\n        margin-left: 10px;\n}\n#app #content .img-info .title-info {\n        top: -10px;\n        color: #676464;\n        text-rendering: geometricPrecision;\n        display: block;\n        box-shadow: 0px 4px 4px -4px rgba(0, 0, 3, 0.7);\n}\n#app #content .img-info .desc-info {\n        bottom: -15px;\n        font-size: 14px;\n        color: #5f5f5f;\n        display: block;\n        box-shadow: 0px -4px 6px -5px rgba(0, 0, 3, 0.75);\n}\n#app #content .img-info:hover {\n        opacity: 1;\n}\n#app #content .img-info:hover .title-info {\n          top: 10px;\n}\n#app #content .img-info:hover .desc-info {\n          bottom: 10px;\n}\n#app {\n  overflow: auto;\n  position: relative;\n}\n#app .some-info {\n    line-height: 1.6;\n    text-align: center;\n}\n@media only screen and (max-width: 1399px) {\nbody #app #header .header-block {\n    max-width: 1040px;\n}\n}\n@media only screen and (max-width: 1049px) {\nbody #app #header .header-block {\n    max-width: 680px;\n}\n}\n@media only screen and (max-width: 699px) {\nbody #app #header .header-block {\n    max-width: 100%;\n    margin: 0 30px;\n}\n}\n@media only screen and (max-width: 444px) {\nbody #app #header .header-block img.npm-code {\n    position: absolute;\n    right: 15px;\n}\n}\n\n.vue-masonry-gallery-container[data-v-1e8ca796] {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.vue-masonry-gallery-container .vue-masonry-gallery-scroll[data-v-1e8ca796] {\n    padding-top: 12px;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: scroll;\n    -webkit-overflow-scrolling: touch;\n}\n.vue-masonry-gallery-container .vue-masonry-gallery[data-v-1e8ca796] {\n    position: absolute;\n    width: 100%;\n}\n@keyframes show-card-data-v-1e8ca796 {\n0% {\n    transform: scale(0.7);\n}\n100% {\n    transform: scale(1);\n}\n}\n.vue-masonry-gallery-container .vue-masonry-gallery > .img-box[data-v-1e8ca796] {\n      position: absolute;\n      box-sizing: border-box;\n      width: 50%;\n}\n.vue-masonry-gallery-container .vue-masonry-gallery > .img-box.default-card-animation[data-v-1e8ca796] {\n      animation: show-card-data-v-1e8ca796 0.4s;\n      transition: left 0.6s, top 0.6s;\n      transition-delay: 0.1s;\n}\n.vue-masonry-gallery-container .vue-masonry-gallery a[data-v-1e8ca796] {\n      display: block;\n}\n.vue-masonry-gallery-container .vue-masonry-gallery a.img-inner-box[data-v-1e8ca796] {\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n      border-radius: 4px;\n      transition: all 0.4s ease-out;\n}\n.vue-masonry-gallery-container .vue-masonry-gallery a.img-inner-box[data-v-1e8ca796]:hover {\n        filter: grayscale(1);\n}\n.vue-masonry-gallery-container .vue-masonry-gallery a.img-wraper[data-v-1e8ca796] {\n      background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1M0JCM0QwNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1M0JCM0NGNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYwRUMyMDE2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYwRUMyMDI2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhcaGhoaFx4eIyUnJSMeLy8zMy8vQEBAQEBAQEBAQEBAQEBAAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCACRAJEDASIAAhEBAxEB/8QAZQAAAwEBAQAAAAAAAAAAAAAAAAIDAQQHAQEAAAAAAAAAAAAAAAAAAAAAEAACAQMDBAEFAAMBAAAAAAAAAQIRMQMhQRJRYYEycZHBIkITsdFSYhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9AAAAAMFnNQWt9kAwkssVbV9CTnKb10XQVtLSyAd5ZuzURW27yfhmX9RlDI+wD4Vf/ZVi41SKCdeNI3YEnOXJtOiBZZr/wBGcMi2Ft7AXjli76PoOcqael0Mpyg9NV0A6QEhNTWl90MBoAAAAAAGGiTlxjXfZAZkycdEqyI3q26sOrd92CTm6bbsA1boh1i3lqPGKiqIZAYklYHY0x6tIDY2B3NdjEBgNJ3NACTxbx0E1TozoYsoqSowI2o06MtjyctGqSItODptsw6NX2YHSaJCXKNd90OAAAAYznnLnJvZWK5pUjRXloiNdwCjk0l9S0YqKohcSpGrvLUcDUBLK23x23FWNtVSAuHch/KXQP5PoBdqq77GJ1XfczFVKjVBcuPk6rXqBQCH8n0D+UugFwZD+bV1oNif5OOzQDyipKjI0cW0/qXYmVVjVXjqAkZcHXZ3OhHNXcthlWNHeOjAoAABDLKs6bISlWl1Busm+42Jfm30At2BmI1gRy+3gpD1XwTy+3gpH1QDASyt8uKdFuJRw1iwOjdBKy+TIutGbK3kAAxtJNuwiywdmA7s/glj9/BV04unQli9l8AWDsBjAhSja6D4pUnTZmZV+afUVOkk+4HUBgAc0bD4v2+fsJGw+L9vn7AVQMEDAjl9vBSHqvgnl9vBSHqvgDJwbfJC8JPSlEO5wTo3qMnUDEqNGz0jXoD08BRSXyBB/m6u2xvFPQ1qjoDAVNxqv1ZuJUnT5BGw9/AFQYAwJZf1+fsJKw+X9fn7CSsB0AAAc7VG13GxP82uoZFSbezFWkkwOgGCBgRy15adDZTaioq7QZPfwZQDFFfPc2MnB0vE1AwCc+WituPjaS4kzU6agPkS9hEVeqJJU0AAh7+ACHv4AqAAwI5X+aXQVKrS7g3WTY2ONZp7IC9AAAJ5lWNf+dSV1XqdL1VGc8lxk47bAUxyqqO60GIpuL5LyuxZNNVVtmAmVfkpbbi1RYAI1QVRYAI1QJ1aRYzdAbJ8Y1I1RZggI1SNxL8uW1NCoAYxckqKiu9Bm0lV23ZFtyfJ+F2Ayyr0K4VSNf8ArUnFcpKO250LRUQABoAYLkhzXdWHMA5u26uNGXF9tx8uOusfYlbTcC6aaqrdTTnTlHVfQrHJF6PRsBwAAC5i9vg0xbgaAIAAxtJVduosskVotWiTcpav6ANKXJ9the27sF9NyuLHTWXsA2OHBd3cYDQAAAAAAAwSeNS1syhgHNRxdJfUK10ujoaTuJLCrp0Amm1Ztdhv6z3Sfkxwmu4leqoBT+1P1f8AkZy4469daEaopllRqPRAH9ZOyp5Fbbu2+xmuyGUJvsAtaaWQUcnSP1Kxwq7dR0krALDGo63Y4GgAAAAAAAAAAAAAAAAAshJ7AAGK6B3YABsNx4gADAAAAAAAAAAAAAf/2Q==);\n}\n.vue-masonry-gallery-container .vue-masonry-gallery a.img-wraper > img[data-v-1e8ca796] {\n        width: 100%;\n        display: block;\n        border: none;\n}\n.vue-masonry-gallery-container .vue-masonry-gallery .over[data-v-1e8ca796] {\n      position: absolute;\n      width: 100%;\n      text-align: center;\n      font-size: 12px;\n      line-height: 1.6;\n      color: #aaa;\n      padding: 20px 0 0 0;\n      margin: 0;\n      font-family: Arial, Helvetica, sans-serif;\n}\n.vue-masonry-gallery-container > .loading.first[data-v-1e8ca796] {\n    bottom: 50%;\n    transform: translate(-50%, 50%);\n}\n.vue-masonry-gallery-container > .loading[data-v-1e8ca796] {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    bottom: 6px;\n    z-index: 999;\n}\n@keyframes ball-beat-data-v-1e8ca796 {\n30% {\n    opacity: 0.2;\n    transform: scale(0.55);\n}\n100% {\n    opacity: 1;\n    transform: scale(1);\n}\n}\n.vue-masonry-gallery-container > .loading.ball-beat > .dot[data-v-1e8ca796] {\n      vertical-align: bottom;\n      background-color: #da1c04;\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      margin: 2px;\n      animation-fill-mode: both;\n      display: inline-block;\n      animation: ball-beat-data-v-1e8ca796 0.7s 0s infinite linear;\n}\n.vue-masonry-gallery-container > .loading.ball-beat > .dot[data-v-1e8ca796]:nth-child(2n-1) {\n      animation-delay: 0.35s;\n}\n#footer[data-v-1e8ca796] {\n  padding: 10px 0 20px;\n  width: 100%;\n  text-align: center;\n}\n#footer p.copyright[data-v-1e8ca796] {\n    width: 108px;\n    margin: 0 auto;\n    color: #adadad;\n}\n\n.alink {\n  color: black;\n}\n\n.lightbox-alpha {\n  background: rgba(245, 245, 245, .85);\n}\n.lightbox-content {\n  background-color: whitesmoke;\n  padding: 10px;\n}\n"]}