@magicbruno/fm_viewer/dist/css/file-man-custom-2.css.min.css

Simple web file viewer

{"version":3,"sources":["helper/_bs-classes.scss","helper/_fm-viewer-custom-2.scss"],"names":[],"mappings":"AACI,gBACI,qBACA,gBACA,gBACA,cACA,kBACA,qBACA,sBACA,eACA,yBACA,sBACA,iBACA,6BACA,6BACA,uBACA,eACA,qBACA,8HAIA,uCArBJ,gBAsBQ,iBAGJ,sBACI,cAGJ,sBACI,UACA,6CAIR,kDAEI,oBACA,YAGJ,qBACI,uBACA,cACA,kBACA,mBACA,SAEA,2BACI,gBAIR,wBACI,WACA,yBACA,qBAGA,8BACI,WACA,yBACA,qBAGJ,8BACI,WACA,yBACA,qBACA,2CAGJ,+BACI,WACA,yBACA,qBAGJ,kEAEI,WACA,yBACA,qBAIR,uBACI,sBAGJ,wBACI,6BAGJ,mBACI,wBChGR,0BACI,GAEI,0BAIR,WACI,gCACA,eACA,MACA,OACA,YACA,WACA,aACA,mBACA,aACA,uBACA,mBAEA,sBACI,sBACA,UACA,oBAGJ,2BACI,mBAEA,kJAII,UACA,mBAGJ,yEAEI,4BAGJ,yEAEI,6BAIR,8BACI,cACA,eAGJ,iCACI,UACA,WACA,SACA,cAGJ,gCACI,UACA,YAGJ,0BACI,WACA,cACA,kBACA,aACA,cACA,uBACA,wBAGA,sBACA,+BACA,kBACA,6CAIJ,0BACI,aACA,aACA,cACA,cACA,6BACA,mBACA,kBACA,SAEA,4BACI,WACA,iBACA,cACA,kBACA,kCACI,WAIZ,uCACI,SACA,WAGJ,iFACI,SACA,wBAGJ,+BACI,qBACA,WAEJ,mCACI,qBACA,UAEJ,kBACI,kBACA,SACA,OACA,WACA,aACA,oBACA,gCACI,cACA,cACA,oBACA,WACA,sBACA","file":"file-man-custom-2.css","sourcesContent":[".fm-viewer {\r\n    .btn {\r\n        display: inline-block;\r\n        font-weight: 400;\r\n        line-height: 1.5;\r\n        color: #212529;\r\n        text-align: center;\r\n        text-decoration: none;\r\n        vertical-align: middle;\r\n        cursor: pointer;\r\n        -webkit-user-select: none;\r\n        -moz-user-select: none;\r\n        user-select: none;\r\n        background-color: transparent;\r\n        border: 1px solid transparent;\r\n        padding: 0.375rem 0.75rem;\r\n        font-size: 1rem;\r\n        border-radius: 0.25rem;\r\n        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\r\n            border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            transition: none;\r\n        }\r\n\r\n        &:hover {\r\n            color: #212529;\r\n        }\r\n\r\n        &:focus {\r\n            outline: 0;\r\n            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\r\n        }\r\n    }\r\n\r\n    .btn:disabled,\r\n    .btn.disabled {\r\n        pointer-events: none;\r\n        opacity: 0.65;\r\n    }\r\n\r\n    .btn-dark {\r\n        background: transparent;\r\n        color: #f6f6f6;\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n        border: 0;\r\n\r\n        &:hover {\r\n            background: #444;\r\n        }\r\n    }\r\n\r\n    .btn-warning {\r\n        color: #000;\r\n        background-color: #ffc107;\r\n        border-color: #ffc107;\r\n\r\n\r\n        &:hover {\r\n            color: #000;\r\n            background-color: #ffca2c;\r\n            border-color: #ffc720;\r\n        }\r\n\r\n        &:focus {\r\n            color: #000;\r\n            background-color: #ffca2c;\r\n            border-color: #ffc720;\r\n            box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);\r\n        }\r\n\r\n        &:active {\r\n            color: #000;\r\n            background-color: #ffcd39;\r\n            border-color: #ffc720;\r\n        }\r\n\r\n        &:disabled,\r\n        &.disabled {\r\n            color: #000;\r\n            background-color: #ffc107;\r\n            border-color: #ffc107;\r\n        }\r\n    }\r\n\r\n    .text-white {\r\n        color: white !important;\r\n    }\r\n\r\n    .text-center {\r\n        text-align: center !important;\r\n    }\r\n\r\n    .d-none {\r\n        display: none !important;\r\n    }\r\n}","@keyframes spinner-border {\r\n    to \r\n    {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n.fm-viewer {\r\n    background-color: rgba(0, 0, 0, .9);\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    z-index: 1050;\r\n    transition: all 0.5s;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    &.off-screen {\r\n        transform: scale(0.01);\r\n        opacity: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .viewer-content {\r\n        transition: all 0.4s;\r\n\r\n        &.fade-in,\r\n        &.fade-out,\r\n        &.fade-right,\r\n        &.fade-left {\r\n            opacity: 0;\r\n            transition: all 0.4s;\r\n        }\r\n\r\n        &.fade-in,\r\n        &.fade-right {\r\n            transform: translateX(200px);\r\n        }\r\n\r\n        &.fade-out,\r\n        &.fade-left {\r\n            transform: translateX(-200px);\r\n        }\r\n    }\r\n\r\n    img.viewer-content {\r\n        max-width: 95%;\r\n        max-height: 95%;\r\n    }\r\n\r\n    iframe.viewer-content {\r\n        width: 90%;\r\n        height: 80%;\r\n        border: 0;\r\n        display: block;\r\n    }\r\n\r\n    video.viewer-content {\r\n        width: 90%;\r\n        height: auto;\r\n    }\r\n\r\n    &.loading::after {\r\n        content: \"\" ;\r\n        display: block;\r\n        position: absolute;\r\n        width: 2.3rem;\r\n        height: 2.3rem;\r\n        top: calc(50% - 1.1rem);\r\n        left: calc(50% - 1.1rem);\r\n        // transform-origin: -1.3rem -1.3em;\r\n        // transform: translate(1.3rem, 1.3rem) ;\r\n        border: 6px solid white;\r\n        border-right-color: transparent;\r\n        border-radius: 50%;\r\n        animation: 0.7s linear infinite spinner-border;\r\n    }\r\n\r\n\r\n    a[data-action] {\r\n        z-index: 1060;\r\n        width: 1.2rem;\r\n        height: 1.2rem;\r\n        display: block;\r\n        background-color: transparent;\r\n        transition: all 0.4s;\r\n        position: absolute;\r\n        border: 0;\r\n\r\n        & > i {\r\n            color:#fff;\r\n            font-size: 1.2rem;\r\n            line-height: 1;\r\n            text-align: center;\r\n            &:hover {\r\n                opacity: 0.7;\r\n            }\r\n        }\r\n    }\r\n    a[data-action=\"close-viewer\"]{\r\n        top: 10px;\r\n        right: 10px;\r\n    }\r\n\r\n    a[data-action=\"fullscreen-on\"], a[data-action=\"fullscreen-off\"]{\r\n        top: 10px;\r\n        right: calc(10px + 2rem) ;\r\n    }\r\n\r\n    a[data-action=\"next\"]{\r\n        top: calc(50% - 15px);\r\n        right: 10px;\r\n    }\r\n    a[data-action=\"previous\"]{\r\n        top: calc(50% - 15px);\r\n        left: 10px;\r\n    }\r\n    footer {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        display: flex;\r\n        padding-bottom: 1rem;\r\n        .viewer-title {\r\n            margin: 0 auto;\r\n            display: block;\r\n            padding: 0.25rem 1rem;\r\n            color: white;\r\n            border: 1px solid #fff;\r\n            background-color:#000;\r\n        }\r\n    }\r\n}\r\n"]}