5 lines
4.4 KiB
CSS
5 lines
4.4 KiB
CSS
/* code from: https://pyscript.net/latest/pyscript.css and minimized with https://www.toptal.com/developers/cssminifier */
|
|
/* src/styles/pyscript_base.css */
|
|
.label,.py-pop-up,.py-title{text-align:center}.py-terminal-hidden,py-box:not(:defined),py-button:not(:defined),py-config,py-inputbox:not(:defined),py-repl:not(:defined),py-script:not(:defined),py-title:not(:defined){display:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}.spinner::after{content:"";box-sizing:border-box;width:40px;height:40px;position:absolute;top:calc(40% - 20px);left:calc(50% - 20px);border-radius:50%}.spinner.smooth::after{border-top:4px solid #fff;border-left:4px solid #fff;border-right:4px solid rgba(255,255,255,0);animation:.6s linear infinite spinner}@keyframes spinner{to{transform:rotate(360deg)}}.label{width:100%;display:block;color:rgba(255,255,255,.8);font-size:.8rem;margin-top:6rem}.py-overlay{position:fixed;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);transition:opacity .5s;color:visible;visibility:visible;opacity:1}.alert-banner.py-error>#alert-close-button,.py-error{color:#9d041c}.py-pop-up{width:600px}.py-pop-up p{margin:5px}.py-pop-up a{position:absolute;color:#fff;text-decoration:none;font-size:200%;top:3.5%;right:5%}.alert-banner{position:relative;padding:.5rem 1.5rem .5rem .5rem;margin:5px 0}.alert-banner p,py-terminal[docked] .py-terminal{margin:0}.py-error{background-color:#ffe9e8;border:solid #f0625f}.py-warning{background-color:#fff4e5;border:solid #ffa016;color:#794700}.alert-banner.py-warning>#alert-close-button{color:#794700}#alert-close-button{position:absolute;right:.5rem;top:.5rem;cursor:pointer;background:0 0;border:none}.py-box{display:flex;flex-direction:row;justify-content:flex-start}.py-repl-run-button,input{text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block}.py-box div.py-box-child *{max-width:100%}.py-repl-box{flex-direction:column}.py-repl-editor{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;position:relative;box-sizing:border-box;border:1px solid #d1d5db}.editor-box:hover button,.py-repl-run-button:hover{opacity:1}.py-repl-run-button{opacity:0;bottom:.25rem;right:.25rem;position:absolute;padding:1px 6px;line-height:inherit;color:inherit;background-color:transparent;background-image:none;-webkit-appearance:button;font-family:inherit;font-size:100%;margin:0;line-height:normal;text-align:center;align-items:flex-start;cursor:default;box-sizing:border-box;background-color:-internal-light-dark(#efefef,#3b3b3b);border:0}.py-button,.py-input{--tw-border-opacity:1;border-width:1px;border-radius:.25rem;padding:.5rem}.py-title{text-transform:uppercase}.py-title h1{font-weight:700;font-size:1.875rem}.py-input{border-color:rgba(209,213,219,var(--tw-border-opacity));margin-right:.75rem;border-style:solid;width:auto}.py-box input.py-input{width:-webkit-fill-available}.central-content{max-width:20rem;margin-left:auto;margin-right:auto}input{color:-internal-light-dark(black,#fff);text-align:start;appearance:auto;-webkit-rtl-ordering:logical;background-color:-internal-light-dark(#fff,#3b3b3b);padding:1px 2px;border-width:2px;border-style:inset;border-color:-internal-light-dark(#767676,#858585);border-image:initial}.py-button{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity));border-color:rgba(37,99,235,var(--tw-border-opacity));cursor:pointer}.py-li-element p{margin:5px;display:inline}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.line-through{text-decoration:line-through}.py-terminal{min-height:10em;background-color:#000;color:#fff;padding:.5rem;overflow:auto}html:has(py-terminal[docked]:not(py-terminal[docked].py-terminal-hidden)){padding-bottom:40vh}py-terminal[docked]{position:fixed;bottom:0;width:100vw;max-height:40vh;overflow:auto}
|
|
/*# sourceMappingURL=pyscript.css.map */
|