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

Simple web file viewer

{"version":3,"sources":["helper/_fm-viewer.scss","helper/_bs-classes.scss","helper/_stand-alone.scss"],"names":[],"mappings":"AAAA,0BACI,GAEI,0BAIR,WACI,sBACA,eACA,MACA,OACA,YACA,WACA,cACA,mBACA,aACA,uBACA,mBAEA,sBACI,4BACA,UAGJ,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,6CC5EJ,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,wBC/FJ,mDACI,OACA,MACA,WACA,aACA,kBACA,8BACA,mBACA,+EACI,SACA,iBACA,WAEJ,2EACI,aACA,qBAIR,sBACI,aACA,qBACA,8BACA,mBACA,sBAEA,qCACI,gBACA,aACA,qBACA,UACA,SACA,yCACI,cACA,cAEJ,0CACI,eACA,gBACA","file":"file-man.css","sourcesContent":["@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, 1);\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    z-index: 10000;\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: translateY(-100%);\r\n        opacity: 0;\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: 80%;\r\n        max-height: 80%;\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}",".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}",".fm-viewer {\r\n    .fm-navbar.navbar, .fm-navbar {\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        z-index: 1000;\r\n        position: absolute;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        .viewer-title {\r\n            margin: 0;\r\n            padding: 0 .75rem;\r\n            color: white;\r\n        }\r\n        .navbar-nav {\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            \r\n        }\r\n    }\r\n    .fm-navbar {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        justify-content: space-between;\r\n        padding-top: 0.25rem;\r\n        padding-bottom: 0.25rem;\r\n\r\n        .fm-navbar-nav {\r\n            list-style: none;\r\n            display: flex;\r\n            flex-flow: row nowrap;\r\n            padding:0;\r\n            margin:0;\r\n            svg {\r\n                display: block;\r\n                height: 1.2rem;\r\n            }\r\n            .btn {\r\n                padding: 0.75rem;\r\n                border-radius: 0;\r\n                margin: 0 .25rem;\r\n            }\r\n        }\r\n    }\r\n}"]}