diff options
Diffstat (limited to 'src/main/resources/static/main.css')
| -rw-r--r-- | src/main/resources/static/main.css | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/src/main/resources/static/main.css b/src/main/resources/static/main.css new file mode 100644 index 0000000..8f7c6cb --- /dev/null +++ b/src/main/resources/static/main.css @@ -0,0 +1,2 @@ +:root{--text:#333;--table-border:rgba(16,24,40,.1);--dark:brightness(.9);--bg-blue:#004a9d;--bg-blue-op:rgba(0,74,157,.35);--bg-green:green;--bg-green-op:rgba(0,128,0,.35);--bg-yellow:#ff8c00;--bg-yellow-op:rgba(255,140,0,.35);--bg-red:red;--bg-red-op:rgba(255,0,0,.35);--bg-gray:#708090;--bg-gray-op:rgba(112,128,144,.35)}*{box-sizing:border-box;font-family:sans-serif}html{background:linear-gradient(transparent 30rem,#fff 50rem),linear-gradient(-135deg,transparent 20vw,rgba(0,77,110,.063) 25vw,transparent 30vw),linear-gradient(-135deg,transparent 30vw,rgba(112,111,111,.063) 35vw,transparent 40vw),linear-gradient(-135deg,transparent 40vw,rgba(245,158,0,.063) 45vw,transparent 50vw);overflow-y:scroll}body{color:var(--text);background-size:contain;margin:0;font-size:.8rem}div.headline{z-index:1000;border-bottom:1px solid var(--table-border);background:#fff;align-content:center;width:100%;height:5rem;display:block;position:fixed;top:0}nav{max-width:1140px;margin:0 auto;line-height:1.5rem;display:flex}nav a.nav-home{color:var(--text);margin:auto 0;font-size:2rem;font-weight:700;line-height:1.5rem;text-decoration:none}nav a.nav-home>img{vertical-align:middle;width:1.5rem}nav>ul{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 0 0 auto;padding:0;display:block}nav>ul>li{padding:0 1rem;display:inline-block}nav>ul>li.login{border-left:1px solid var(--table-border);margin:0 0 0 1rem;padding:0 0 0 2rem;line-height:3.5rem}nav>ul>li.login a{text-transform:none;padding:1rem;text-decoration:none}nav .login .user-name{font-weight:700}nav>ul>li.login>span{margin:0 .5rem;display:inline-block}nav>ul>li.login .user-icon{vertical-align:middle;flex-direction:column;width:4rem;display:inline-flex}nav>ul>li.login .user-icon img{align-self:center;width:80%;margin:0 0 -1em}nav>ul>li.login .user-icon span{color:#fff;text-align:center;border-radius:4px;padding:0 .6em;font-size:.8rem;font-weight:700;line-height:normal}nav>ul>li.login .user-icon span.guest{background:#2f4f4f}nav>ul>li.login .user-icon span.user{background:#006400}nav>ul>li.login .user-icon span.admin{background:#8b0000}nav li a{color:var(--bg-blue);text-transform:uppercase;font-weight:700;text-decoration:none}nav li a:hover{text-decoration:underline}a{color:var(--bg-blue)}.breadcrumps{max-width:1140px;margin:0 auto}.breadcrumps ul{background:#eee;margin:2px 0;padding:.4rem 1rem;list-style:none}.breadcrumps ul li{display:inline}.breadcrumps ul li+li:before{color:gray;content:"/ ";padding:.4rem}.breadcrumps ul li a{color:var(--text);text-decoration:none}.centered{text-align:center}.container{margin:auto}main{min-height:calc(100dvh - 10rem);margin:6rem auto 0}main,.container{max-width:1140px}footer{border-top:1px solid var(--table-border);background:var(--bg-blue);color:#fff;align-content:center;width:100%;height:4rem;padding:1rem 0;display:flex;position:relative;bottom:0}footer>.container>div{max-width:1140px;margin:0 auto;display:inline-block}footer>.container>div,footer>.container>div:after{content:"-";padding-left:1rem}footer>.container>div:last-child,footer>.container>div:last-child:after{content:""}footer svg{color:#fff;vertical-align:text-bottom;height:1.4rem}section{margin:3rem 0}form{text-align:center;background:#eee;border:1px solid #d3d3d3;border-radius:3px;margin:1rem 0;padding:1rem}form>h2{margin:0}form.samplecode-input>div{background:#fff;border:1px solid #d3d3d3;border-radius:3px;padding:.6rem;display:inline-block}form.samplecode-input input{text-align:left;-webkit-appearance:textfield;-moz-appearance:textfield;-ms-appearance:textfield;appearance:textfield;border:none;outline:none;padding:0;font-size:1.2rem;font-weight:700}form.samplecode-input input:focus-visible{background:#90ee90}.login-form{border:1px solid var(--table-border);background:#fff;border-radius:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3rem auto;padding:2em 5rem}.login-form form{grid-gap:.5rem;background:0 0;border:none;width:20rem;margin:0 auto;display:grid}.login-form img{width:4rem;margin:0 auto;display:block}.userrole-form{display:inline-block}.userrole-form form{text-align:inherit;background:0 0;border:none;border-radius:0;margin:0;padding:0}.login-form form *,.token-form form *{border:1px solid var(--table-border);border-radius:3px;padding:.5rem}.login-form form hr,.token-form form hr,.userrole-form form hr{width:100%;padding:0}.login-form button,.login-form a.btn,.token-form button{background:var(--bg-blue);color:#fff;border:none;margin:1rem 0}.userrole-form form select{border:none;border-radius:3px;padding:.5rem;font-size:.8rem;line-height:1.2rem}.border{border:1px solid var(--table-border);background:#fff;border-radius:.5rem;padding:1rem}table,.chart{border:1px solid var(--table-border);border-spacing:0;background:#fff;border-radius:.5rem;padding:1.5rem}table{min-width:100%;font-family:sans-serif}table.config-table td:first-child{width:26rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}table.config-table td>button:last-of-type{float:right}.border>table{background:0 0;border:none;padding:0}.page-control{text-align:center;border-radius:.5rem;padding:1rem 2rem;line-height:1.75em}.page-control a{color:var(--bg-gray);padding:0 .25rem;font-size:1.75rem;text-decoration:none}.page-control a[href]{color:var(--bg-blue)}.page-control span{vertical-align:text-bottom;padding:0 .5rem}#samples-table.max{background:#fff;width:100vw;min-height:100vh;padding:1rem;position:fixed;top:0;left:0}table.samples{max-width:100%;display:block;overflow-x:scroll}th,td{text-align:left;white-space:nowrap;vertical-align:top;padding:.4rem .2rem;line-height:2rem}th{border-bottom:1px solid var(--bg-gray)}td{border-bottom:1px solid var(--bg-gray-op)}td,td>a{font-family:monospace}tr:last-of-type>td{border-bottom:none}td>small{text-align:center;display:block}td.patient-id{text-overflow:ellipsis;min-width:20rem;overflow:hidden}td.bg-blue,th.bg-blue,td.bg-green,th.bg-green,td.bg-yellow,th.bg-yellow,td.bg-red,th.bg-red,td.bg-gray,th.bg-gray{width:8rem}td.bg-blue>small,th.bg-blue>small{background:var(--bg-blue);color:#fff;border-radius:.4rem}td.bg-green>small,th.bg-green>small{background:var(--bg-green);color:#fff;border-radius:.4rem}td.bg-yellow>small,th.bg-yellow>small{background:var(--bg-yellow);color:#fff;border-radius:.4rem}td.bg-red>small,th.bg-red>small{background:var(--bg-red);color:#fff;border-radius:.4rem}td.bg-gray>small,th.bg-gray>small{background:var(--bg-gray);color:#fff;border-radius:.4rem}.bg-path{background:var(--bg-gray-op)}.bg-from{background:var(--bg-red-op)}.bg-to{background:var(--bg-green-op)}.bg-path,.bg-from,.bg-to{border-radius:3px;padding:.25rem .5rem;font-family:monospace}td.bg-shaded,th.bg-shaded{background:repeating-linear-gradient(140deg,#fff,#e5e5f5 4px,#fff 8px)}td.clipboard{cursor:copy}td.clipboard.clipped{box-shadow:inset 0 0 1rem #90ee90}.btn{cursor:pointer;border:0 solid transparent;border-radius:3px;margin:4px;padding:4px 8px;font-size:.8rem;font-weight:400;line-height:1.2rem;text-decoration:none}.btn:active,.btn:hover{-webkit-filter:drop-shadow(0px 1px 1px var(--bg-gray))var(--dark);filter:drop-shadow(0px 1px 1px var(--bg-gray))var(--dark)}.btn:active{translate:0 1px}.btn.btn-red{background:var(--bg-red);color:#fff}.btn.btn-yellow{background:var(--bg-yellow);color:#fff}.btn.btn-green{background:var(--bg-green);color:#fff}.btn.btn-blue{background:var(--bg-blue);color:#fff}.btn.btn-delete:before{content:"🗑";padding:.2rem}button:disabled,.btn:disabled{color:#d3d3d3;-webkit-filter:none;filter:none;cursor:default;background:#708090!important}input.inline{border:none;outline:none;font-size:1.1rem}input.inline:focus-visible{background:#90ee90}.monospace{color:#333;font-family:monospace;border-bottom:1px dotted gray!important}.help{color:#fff;background:#708090;border:1px solid #2f4f4f;border-radius:3px;padding:1rem}.help.error{background:#ff8c00;border:3px dashed red}.help .help-header{font-size:1.2rem;font-weight:700}.charts{grid-gap:1em;grid-template:"a b"28rem"c c"28rem/1fr 1fr;display:grid}.charts>.grid-left{grid-area:a}.charts>.grid-right{grid-area:b}.charts>.grid-full{grid-area:c}.connection-display{grid-template-columns:10rem 16rem 10rem;align-items:center;justify-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:1em auto;display:grid}.connection-display>*{text-align:center;margin:auto 0}.connection-display .connection{background:repeating-linear-gradient(to left,white,white 2px,transparent 2px,transparent 8px,white 8px)var(--bg-red);width:100%;height:4px;display:block}.connection-display .connection.available{background:var(--bg-green)}.notification{text-align:center;border-radius:3px;margin:1rem;padding:.5rem}.notification.info{color:var(--bg-blue)}.notification.success{color:var(--bg-green)}.notification.notice{color:var(--bg-yellow)}.notification.error{color:var(--bg-red)}.tab{cursor:pointer;border:none;border-radius:3px 3px 0 0;padding:1rem;font-weight:700;transition:all .2s}.tab:hover,.tab.active{background:var(--bg-gray);color:#fff}.tabcontent{border:2px solid var(--bg-gray);background:#fff;border-radius:0 .5rem .5rem;padding:1rem;display:none}.tabcontent.active{display:block}a.reload{vertical-align:top;border-radius:1.4rem;margin:0;display:none}a.reload:before{content:"⟳";vertical-align:top;font-size:1.2rem}a.reload span{display:none}a.reload:hover span{display:inline}.new-token{background:var(--bg-green-op);padding:1rem}.new-token>pre{border:1px solid var(--bg-green);width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0;padding:.5rem;display:inline-block}.no-token{background:var(--bg-red-op);padding:1rem}.issue-message{font-family:monospace;font-weight:bolder}.issue-path{font-family:monospace;line-height:1rem} +/*# sourceMappingURL=main.css.map*/
\ No newline at end of file |
