terminalizer-player
Version:
A web player for Terminalizer's recordings
1 lines • 10.4 kB
Source Map (JSON)
{"version":3,"sources":["webpack://webpackNumbers/./src/css/terminalizer.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yD;AACA,iE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"css/terminalizer.css","sourcesContent":["/**\n * Terminalizer Web Plugin\n * https://terminalizer.com\n * \n * @author Mohammad Fares <faressoft.com@gmail.com>\n */\n\n.terminalizer-player,\n.terminalizer {\n display: inline-block;\n}\n\n.terminalizer .xterm .xterm-viewport {\n overflow-y: hidden!important;\n}\n\n.terminalizer-frame {\n position: relative;\n}\n\n/*//// [ Reset ] ////*/\n\n.terminalizer div {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n font-weight: inherit;\n font-style: inherit;\n font-size: 100%;\n font-family: inherit;\n vertical-align: baseline;\n}\n\n/*//// [ Window ] ////*/\n\n.terminalizer-frame.terminalizer-window {\n border-radius: 6px;\n border: 1px solid #B3B3B3;\n box-shadow: 0px 0px 18px #B3B3B3;\n margin: 18px;\n overflow: hidden;\n}\n\n.terminalizer-frame.terminalizer-window .terminalizer-titlebar {\n -moz-border-top-left-radius: 6px;\n -moz-border-top-right-radius: 6px;\n -webkit-border-top-left-radius: 6px;\n -webkit-border-top-right-radius: 6px;\n background: #E8E8E8;\n border-bottom: 1px solid #B1AEB1;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n border-top: 1px solid #F3F1F3;\n color: #3B4247;\n font-family: Arial, sans-serif;\n font-size: 14px;\n height: 22px;\n line-height: 22px;\n position: relative;\n text-align: center;\n width: 100%;\n}\n\n.terminalizer-frame.terminalizer-window .terminalizer-titlebar .buttons {\n left: 8px;\n line-height: 0px;\n position: absolute;\n top: 3.5px;\n}\n\n.terminalizer-frame.terminalizer-window .terminalizer-titlebar .close-button {\n -moz-border-radius: 50%;\n -webkit-border-radius: 50%;\n background: #FF5C5C;\n border-radius: 50%;\n border: 1px solid #E33E41;\n display: inline-block;\n height: 12px;\n width: 12px;\n}\n\n.terminalizer-frame.terminalizer-window .terminalizer-titlebar .minimize-button {\n -moz-border-radius: 50%;\n -webkit-border-radius: 50%;\n background: #FFBD4C;\n border-radius: 50%;\n border: 1px solid #E09E3E;\n display: inline-block;\n height: 12px;\n margin-left: 4px;\n width: 12px;\n}\n\n.terminalizer-frame.terminalizer-window .terminalizer-titlebar .maximize-button {\n -moz-border-radius: 50%;\n -webkit-border-radius: 50%;\n background: #00CA56;\n border-radius: 50%;\n border: 1px solid #14AE46;\n display: inline-block;\n height: 12px;\n margin-left: 4px;\n width: 12px;\n}\n\n.terminalizer-frame.terminalizer-window .terminalizer-body {\n background-color: #1D1D1D;\n padding: 10px;\n}\n\n/*//// [ Floating ] ////*/\n\n.terminalizer-frame.terminalizer-floating {\n -moz-border-radius: 6px;\n -webkit-border-radius: 6px;\n background-color: #1D1D1D;\n border-radius: 6px;\n box-shadow: 0px 0px 18px #B3B3B3;\n margin: 18px;\n overflow: hidden;\n}\n\n.terminalizer-frame.terminalizer-floating .terminalizer-titlebar {\n color: white;\n font-family: Arial, sans-serif;\n font-size: 14px;\n height: 34px;\n line-height: 34px;\n position: relative;\n text-align: center;\n width: 100%;\n}\n\n.terminalizer-frame.terminalizer-floating .terminalizer-titlebar .buttons {\n left: 13px;\n line-height: 0px;\n position: absolute;\n top: 9px;\n}\n\n.terminalizer-frame.terminalizer-floating .terminalizer-titlebar .close-button {\n -moz-border-radius: 50%;\n -webkit-border-radius: 50%;\n background: #FF5C5C;\n border-radius: 50%;\n display: inline-block;\n height: 15px;\n width: 15px;\n}\n\n.terminalizer-frame.terminalizer-floating .terminalizer-titlebar .minimize-button {\n -moz-border-radius: 50%;\n -webkit-border-radius: 50%;\n background: #FFBD4C;\n border-radius: 50%;\n display: inline-block;\n height: 15px;\n line-height: 10px;\n margin-left: 4px;\n width: 15px;\n}\n\n.terminalizer-frame.terminalizer-floating .terminalizer-titlebar .maximize-button {\n -moz-border-radius: 50%;\n -webkit-border-radius: 50%;\n background: #00CA56;\n border-radius: 50%;\n display: inline-block;\n height: 15px;\n line-height: 10px;\n margin-left: 4px;\n width: 15px;\n}\n\n.terminalizer-frame.terminalizer-floating .terminalizer-body {\n padding: 20px;\n}\n\n/*//// [ Solid ] ////*/\n\n.terminalizer-frame.terminalizer-solid {\n -moz-border-radius: 6px;\n -webkit-border-radius: 6px;\n background-color: #1D1D1D;\n border-radius: 6px;\n box-shadow: 0px 0px 18px #B3B3B3;\n margin: 18px;\n overflow: hidden;\n}\n\n.terminalizer-frame.terminalizer-solid .terminalizer-titlebar {\n color: white;\n font-family: Arial, sans-serif;\n font-size: 14px;\n position: relative;\n text-align: center;\n width: 100%;\n}\n\n.terminalizer-frame.terminalizer-solid .terminalizer-titlebar .title {\n margin: 15px 15px 15px;\n}\n\n.terminalizer-frame.terminalizer-solid .terminalizer-titlebar .title:empty {\n display: none;\n}\n\n.terminalizer-frame.terminalizer-solid .terminalizer-titlebar .buttons {\n display: none;\n}\n\n.terminalizer-frame.terminalizer-solid .terminalizer-body {\n padding: 20px;\n}\n\n/*//// [ Player ] ////*/\n\n.terminalizer-player {\n position: relative;\n font-size: 0;\n}\n\n.terminalizer-player .controller {\n background: #45484d;\n bottom: 0px;\n display: none;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 12px;\n height: 30px;\n position: absolute;\n width: 100%;\n z-index: 20;\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );\n background: linear-gradient(to bottom, #45484d 0%,#000000 100%);\n transition: height ease 200ms;\n -webkit-transition: height ease 200ms;\n -moz-transition: height ease 200ms;\n -o-transition: height ease 200ms;\n}\n\n.terminalizer-player.controls .controller {\n display: block;\n}\n\n.terminalizer-player.playing .controller {\n height: 0px;\n overflow: hidden;\n}\n\n.terminalizer-player.playing:hover .controller {\n height: 30px;\n overflow: hidden;\n}\n\n.terminalizer-player .play,\n.terminalizer-player .pause {\n fill: #CACACA;\n float: left;\n height: 30px;\n line-height: 30px;\n text-align: center;\n width: 40px;\n}\n\n.terminalizer-player .play .icon,\n.terminalizer-player .pause .icon {\n border-color: transparent transparent transparent #CACACA;\n box-sizing: border-box;\n cursor: pointer;\n display: inline-block;\n height: 15px;\n}\n\n.terminalizer-player .pause .icon {\n border-style: double;\n border-width: 0px 0px 0px 12px;\n margin-top: 7px;\n}\n\n.terminalizer-player .play .icon {\n border-style: solid;\n border-width: 8px 0px 8px 13px;\n margin-top: 6px;\n}\n\n.terminalizer-player .pause {\n display: none;\n}\n\n.terminalizer-player.playing .play {\n display: none;\n}\n\n.terminalizer-player.playing .pause {\n display: inline-block;\n}\n\n.terminalizer-player .timer {\n color: #CACACA;\n float: right;\n line-height: 30px;\n padding: 0 10px\n}\n\n.terminalizer-player .progressbar-wrapper {\n height: 30px;\n line-height: 28px;\n overflow: hidden;\n}\n\n.terminalizer-player .progressbar {\n background-color: #424242;\n display: inline-block;\n height: 7px;\n overflow: hidden;\n width: 100%;\n border-radius: 10px;\n -moz-border-radius: 10px;\n -webkit-border-radius: 10px;\n}\n\n.terminalizer-player.started .progressbar {\n cursor: pointer;\n}\n\n.terminalizer-player .progress {\n background-color: #CACACA;\n height: 7px;\n position: relative;\n width: 0%;\n}\n\n.terminalizer-player .cover {\n cursor: pointer;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 10;\n}\n\n.terminalizer-player .start svg {\n cursor: pointer;\n fill: #EAEAEA;\n height: 130px;\n left: 50%;\n margin-left: -65px;\n margin-top: -65px;\n position: absolute;\n top: 50%;\n width: 130px;\n z-index: 20;\n filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.4)); \n -webkit-filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.4)); \n}\n\n.terminalizer-player.small .start svg {\n height: 60px;\n margin-left: -30px;\n margin-top: -30px;\n width: 60px;\n}\n\n.terminalizer-player.framed .start svg {\n transform: translate(0px, 8px);\n -webkit-transform: translate(0px, 8px);\n -moz-transform: translate(0px, 8px);\n -o-transform: translate(0px, 8px);\n -ms-transform: translate(0px, 8px);\n}\n\n.terminalizer-player .cover:hover + .start svg,\n.terminalizer-player .start:hover svg {\n fill: white;\n}\n\n.terminalizer-player.started .cover,\n.terminalizer-player.started .start {\n display: none;\n}\n\n.terminalizer-player .terminalizer-watermark {\n z-index: 99999;\n}\n"],"sourceRoot":""}