terminalizer-player
Version:
A web player for Terminalizer's recordings
1 lines • 11.2 kB
Source Map (JSON)
{"version":3,"sources":["css ./node_modules/css-loader!./node_modules/postcss-loader/src??ref--5-2!./src/css/terminalizer.css"],"names":[],"mappings":"AAOA,mCAEA,oBACA,CAEA,qCACA,2BACA,CAEA,oBACA,iBACA,CAIA,kBACA,QAAA,CACA,SAAA,CACA,QAAA,CACA,SAAA,CACA,mBAAA,CACA,kBAAA,CACA,cAAA,CACA,mBAAA,CACA,uBACA,CAIA,wCACA,iBAAA,CACA,wBAAA,CACA,2BAAA,CACA,WAAA,CACA,eACA,CAEA,+DACA,+BAAA,CACA,gCAAA,CACA,kCAAA,CACA,mCAAA,CACA,kBAAA,CACA,+BAAA,CACA,0BAAA,CACA,2BAAA,CACA,4BAAA,CACA,aAAA,CACA,4BAAA,CACA,cAAA,CACA,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,UACA,CAEA,wEACA,QAAA,CACA,aAAA,CACA,iBAAA,CACA,SACA,CAEA,6EACA,sBAAA,CACA,yBAAA,CACA,kBAAA,CACA,iBAAA,CACA,wBAAA,CACA,oBAAA,CACA,WAAA,CACA,UACA,CAEA,gFACA,sBAAA,CACA,yBAAA,CACA,kBAAA,CACA,iBAAA,CACA,wBAAA,CACA,oBAAA,CACA,WAAA,CACA,eAAA,CACA,UACA,CAEA,gFACA,sBAAA,CACA,yBAAA,CACA,kBAAA,CACA,iBAAA,CACA,wBAAA,CACA,oBAAA,CACA,WAAA,CACA,eAAA,CACA,UACA,CAEA,2DACA,wBAAA,CACA,YACA,CAIA,0CACA,sBAAA,CACA,yBAAA,CACA,wBAAA,CACA,iBAAA,CACA,2BAAA,CACA,WAAA,CACA,eACA,CAEA,iEACA,UAAA,CACA,4BAAA,CACA,cAAA,CACA,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,UACA,CAEA,0EACA,SAAA,CACA,aAAA,CACA,iBAAA,CACA,OACA,CAEA,+EACA,sBAAA,CACA,yBAAA,CACA,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,WAAA,CACA,UACA,CAEA,kFACA,sBAAA,CACA,yBAAA,CACA,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,WAAA,CACA,gBAAA,CACA,eAAA,CACA,UACA,CAEA,kFACA,sBAAA,CACA,yBAAA,CACA,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,WAAA,CACA,gBAAA,CACA,eAAA,CACA,UACA,CAEA,6DACA,YACA,CAIA,uCACA,sBAAA,CACA,yBAAA,CACA,wBAAA,CACA,iBAAA,CACA,2BAAA,CACA,WAAA,CACA,eACA,CAEA,8DACA,UAAA,CACA,4BAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,UACA,CAEA,qEACA,WACA,CAMA,kJACA,YACA,CAEA,0DACA,YACA,CAIA,qBACA,iBAAA,CACA,WACA,CAEA,iCACA,kBAAA,CACA,QAAA,CACA,YAAA,CACA,sCAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CACA,UAAA,CACA,UAAA,CACA,+GAAA,CACA,iDAAA,CACA,0BAAA,CACA,kCAAA,CACA,+BAAA,CACA,6BACA,CAEA,0CACA,aACA,CAEA,yCACA,QAAA,CACA,eACA,CAEA,+CACA,WAAA,CACA,eACA,CAEA,uDAEA,YAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,UACA,CAEA,mEAEA,wDAAA,CACA,qBAAA,CACA,cAAA,CACA,oBAAA,CACA,WACA,CAEA,kCACA,mBAAA,CACA,uBAAA,CACA,cACA,CAEA,iCACA,kBAAA,CACA,2BAAA,CACA,cACA,CAMA,+DACA,YACA,CAEA,oCACA,oBACA,CAEA,4BACA,aAAA,CACA,WAAA,CACA,gBAAA,CACA,cACA,CAEA,0CACA,WAAA,CACA,gBAAA,CACA,eACA,CAEA,kCACA,wBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,kBAAA,CACA,uBAAA,CACA,0BACA,CAEA,0CACA,cACA,CAEA,+BACA,wBAAA,CACA,UAAA,CACA,iBAAA,CACA,OACA,CAEA,4BACA,cAAA,CACA,WAAA,CACA,iBAAA,CACA,UAAA,CACA,UACA,CAEA,gCACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,QAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAA,CACA,OAAA,CACA,WAAA,CACA,UAAA,CACA,iDAAA,CACA,yDACA,CAEA,sCACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,UACA,CAEA,uCACA,yBAAA,CACA,iCAAA,CACA,8BAAA,CACA,4BAAA,CACA,6BACA,CAEA,mFAEA,SACA,CAEA,wEAEA,YACA,CAEA,6CACA,aACA","file":"terminalizer.min.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"]}