• Home
• io.bluebank.braid
• braid-standalone-server
• 3.3.1
• source code
• app.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

editor-web.app.css Maven / Gradle / Ivy

body,html,main{height:100%;font-family:"Roboto Light",sans-serif}body{background:#ececec;margin:0;overflow:hidden;padding:0}.calls{background:#ececec;bottom:0;display:inline-block;left:0;padding-left:5px;position:absolute;top:0;transition:all .3s;width:225px;z-index:-1}.calls ul{background:#ececec;list-style:none;margin:0 5px 20px 0;padding:0;width:220px}.calls ul li{box-sizing:border-box;border-radius:3px;color:#fff;margin-bottom:2px;padding:5px 10px 6px;width:220px}.calls ul li:hover{cursor:pointer}.calls ul li .title{font-size:20px;font-weight:400;margin:0}.calls ul li .content.hide{display:none}.calls ul li .content div{border-top:1px solid #888;padding-left:5px}.calls ul li .content div h4{margin-top:8px}.calls ul li .content div.description{margin-top:10px}.calls ul li .content div .parameters-content{background:#000;border-radius:3px;font-family:monospace;padding:10px 0 10px 10px}.calls ul li .content div .return-type-content{background:#000;border-radius:3px;padding:10px 0 10px 10px}.calls ul.implemented-functions li{background:#49cc90;border:2px solid #49cc90}.calls ul.stubbed-functions li{background:#fca130;border:2px solid #fca130}#editor{background:#ececec;border:1px solid #000;box-sizing:border-box;display:inline-block;height:calc(100vh - 120px);margin-left:5px;padding:5px;position:relative;right:0;width:calc(100% - 260px);transition:all .5s}#editor .functions{margin:5px 3px}#editor .functions button{background:linear-gradient(#ddd,#bbb);border:1px solid #888;border-radius:2px;color:#000;font-family:SSP-Bold;font-size:16px;margin:auto 6px auto 0;outline:0;padding:5px 20px;vertical-align:top}#editor .functions button:disabled{background:rgba(0,0,0,.4)}#editor .functions button:active{box-shadow:0 0 5px 2px #333;-webkit-transform:scale(.8,.95);-moz-transform:scale(.95,.95);-ms-transform:scale(.95,.95);transform:scale(.95,.95)}#editor .functions button#createServiceBtn{border-left:none;border-radius:0 2px 2px 0}#editor .functions button#deleteBtn{float:right}#editor .functions input[type=text]{border:1px solid #000;border-right:none;font-size:16px;height:27px;margin-right:-8px;outline:0;padding-bottom:2px;padding-left:10px;width:250px}#editor .functions input[type=text]::-webkit-input-placeholder{color:#ccc;font-style:italic;font-weight:100}#editor .functions input[type=text] ::-moz-placeholder{color:#ccc;font-style:italic;font-weight:100}#editor .functions input[type=text] :-ms-input-placeholder{color:#ccc;font-style:italic;font-weight:100}#editor .functions input[type=text]::-moz-placeholder{color:#ccc;font-style:italic;font-weight:100}#editor .functions .tooltip{background:#000;border:2px solid #de0000;border-radius:3px;box-sizing:border-box;color:#fff;position:absolute;opacity:1;text-align:center;top:50px;width:300px;z-index:-100}#editor .functions .tooltip.shown{opacity:1;z-index:100}#editor .functions .tooltip:before{content:" ";border:6px solid;border-color:transparent transparent #de0000 transparent;left:30%;position:absolute;top:-14px;transform:translateX(-50%)}#editor .functions .tooltip:after{content:" ";border:6px solid;border-color:transparent transparent #000 transparent;right:70%;position:absolute;top:-11px;transform:translateX(50%)}#editor .functions .tooltip h4{margin:15px 0 10px 30px}#editor .functions .tooltip .close{background:0 0;border:none;color:#fff;float:right;font-size:30px;padding:5px 10px 0 0}#editor .functions .tooltip .close:hover{color:#de0000}#editor .functions .tooltip ul{padding-left:0}#editor .functions .tooltip ul li{display:none;margin-bottom:10px}#editor .functions .tooltip ul li.shown{display:block}#editor #monaco{border-top:1px solid #000;height:calc(100% - 75px);margin-top:10px;padding-top:10px}header{background:#000 url(png/header.png) no-repeat 99% 5px;color:#ef0017;height:60px;margin-bottom:0;position:relative}header img{height:40px;padding-left:10px;position:relative;top:50%;transform:translateY(-50%)}header span{margin-left:30px;font-size:30px;font-family:SSP-Bold;letter-spacing:2px;position:absolute;top:50%;transform:translateY(-50%)}.modal{background:rgba(0,0,0,.4);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:100}.modal.shown{opacity:1;pointer-events:all}.modal .modal-content{background:#000;border:3px solid #de0000;border-radius:6px;position:relative;left:50%;padding:10px;text-align:center;top:50%;transform:translate(-50%,-50%);width:320px}.modal .modal-content p{color:#fff;margin-top:0}.modal .modal-content p i{font-weight:bolder}.modal .modal-content button{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;width:50px}.modal .modal-content button#yesBtn{background:#0b0}.modal .modal-content button#yesBtn:hover{background:#0e0}.modal .modal-content button#noBtn{background:#de0000}.modal .modal-content button#noBtn:hover{background:red}.endpoint{background:#ececec;color:rgba(0,0,0,.8);height:50px;padding-bottom:5px;position:relative}.endpoint div{position:absolute;left:30%;top:50%;transform:translate(0,-50%)}.endpoint div label{color:rgba(0,0,0,.8)}.endpoint div span{background:#fff;border:1px solid rgba(0,0,0,.8);border-radius:3px;padding:4px 10px}.endpoint div input[type=text]{border:1px solid rgba(0,0,0,.8);border-radius:3px;color:rgba(0,0,0,.8);height:16px;font-family:"Roboto Light",sans-serif;font-size:16px;padding:5px 10px;vertical-align:bottom;width:18em}.endpoint div button{background:linear-gradient(#ddd,#bbb);border:1px solid #888;border-radius:2px;color:#000;font-family:SSP-Bold;font-size:16px;margin:-3px 6px auto 0;outline:0;padding:2px 7px 1px;position:relative;vertical-align:middle}.endpoint div button img{height:20px}.endpoint div button .tooltip-clip{background:#000;border-radius:3px;color:#fff;display:none;font-size:9px;padding:4px 5px 5px;postition:absolute;transform:translate(80%,-50%)}.endpoint div button .tooltip-clip:before{border:4px solid transparent;border-left:none;border-right-color:#000;content:"";height:0;left:-4px;position:absolute;top:6px;width:0}#container{background:url(svg/black-background.svg) repeat-y;overflow-x:hidden;overflow-y:hidden;position:relative}@media screen and (max-width:1159px){#container #editor .functions button{font-size:12px;padding:5px 10px}#container #editor .functions button#deleteBtn{float:none}#container #editor .functions input[type=text]{font-size:12px;height:22px;margin-bottom:3px;width:200px}}.services-list{background:#000;color:rgba(255,255,255,.9);display:inline-block;float:left;font-size:20px;margin:0;min-height:1px;overflow-y:auto;width:250px;z-index:100}.services-list ul{margin:0;padding:0;max-height:calc(100vh - 115px);overflow-y:auto;text-align:center}.services-list ul li{border-bottom:2px solid rgba(255,255,255,.9);list-style:none;padding:7px 10px;cursor:pointer}@font-face{font-family:SSP-Black;src:url(fonts/SourceSansPro-Black.ttf) format("truetype")}@font-face{font-family:SSP-BlackItalic;src:url(fonts/SourceSansPro-BlackItalic.ttf) format("truetype")}@font-face{font-family:SSP-Bold;src:url(fonts/SourceSansPro-Bold.ttf) format("truetype")}@font-face{font-family:SSP-BoldItalic;src:url(fonts/SourceSansPro-BoldItalic.ttf) format("truetype")}@font-face{font-family:SSP-Italic}@font-face{font-family:SSP-Regular;src:url(fonts/SourceSansPro-Regular.ttf) format("truetype")}@font-face{font-family:SSP-SemiBold}@font-face{font-family:SSP-SemiBoldItalic;src:url(fonts/SourceSansPro-SemiBoldItalic.ttf) format("truetype")}