fieldset.contexts { color:white; position:fixed; background:radial-gradient(black, #00000073); top:100px; left:100px; z-index:10; } fieldset.contexts legend { text-align:left; cursor:pointer; background:radial-gradient(black, #00000073); } fieldset.contexts form.option div.item { float:left; margin-right:3px; min-height:25px; vertical-align:middle; } fieldset.contexts div.output { clear:both; overflow:auto; } fieldset.contexts div.status div.item { float:left; padding:4px; height:18px; } fieldset.contexts div.status div.item>label { font-size:10px; /* color:#504242e0; */ } fieldset.contexts select { height:25px; font-size:14px; box-shadow: 4px 4px 10px 1px #626bd0; background-color:black; color:cyan; padding:0 10px; cursor:pointer; } fieldset.contexts option { font-family:monospace; } fieldset.contexts textarea { width:400px; height:60px; background-color:cyan; } fieldset.contexts input[type=button] { background-color:black; color:cyan; letter-spacing:4px; padding-left:10px; cursor:pointer; font-family:monospace; } fieldset.contexts input[type=button]:hover { background-color:gray; color:cyan; } fieldset.contexts input[type=text] { width:82px; height:21px; font-size:16px; box-shadow:4px 4px 10px 1px #626bd0; background-color:cyan; color:black; padding:0 4px; } fieldset.contexts input[type=text]:hover { background-color:white; } fieldset.contexts table.content a { color:white; } fieldset.contexts table.content { color:white; } fieldset.contexts div.code { background-color:#343a3445; color:white; font-size:14px; font-family:monospace; box-shadow: 4px 4px 20px 4px #626bd0; padding:10px; border:solid 3px green; text-align:left; white-space:pre; overflow:auto; clear:both; } div.input.contexts input { color:black; } table.content { border:0; white-space:pre; font-size:14px; font-family:monospace; text-align:left; overflow: auto; } table.content tr { background-color:#04272f45; } table.content tr.select { background-color:green; } table.content tr:hover { background-color:green; } table.content th { background-color:#0fbd45; padding:2px 6px; cursor:pointer; } table.content th:hover { background-color:red; } table.content td { padding:2px 6px; overflow:auto; } table.content td.done { background-color:green; } table.content td.select { background-color:red; } table.content td:hover { background-color:red; } body>div.toast { background:#0e3369b3; color:yellow; position:fixed; padding:5px; overflow:auto; z-index:10; } body>div.toast a { color:yellow; } body>div.toast div.title { float:left; word-break:break-all; color:#cae850; font-size:14px; cursor:copy; } body>div.toast div.duration { color:gray; font-size:14px; float:right; cursor:pointer; } body>div.toast div.content { text-align:center; white-space:pre; clear:both; } body>div.toast div.action div.item { float:left; } body>div.toast div.progress { height:10px; border:solid 2px green; margin-left:-2px; clear:both; } body>div.toast div.progress div.current { height:10px; background:red; } body>div.carte { position:fixed; background:#295b61; color:white; padding:4px; min-width:80px; z-index:10; } body>div.carte div.item { padding:3px 12px; } body>div.carte div.item:hover { background:red; } body>div.input { position:fixed; background-color:#0d4142a6; z-index:10; } body>div.input input[type=text] { width:171px; } body>div.input input[name=username] { width:171px; } body>div.input input[name=password] { width:171px; } body>div.input textarea { box-shadow: 4px 4px 10px 1px #626bd0; border:2px inset #14a58e; width:171px; height:60px; background-color: cyan; padding:4px; } body>div.input div.item { float:left; } body>div.input.login { padding:10px; } body>div.input.login input { font-size:18px; } div.input input[type=button] { background-color:black; color:cyan; letter-spacing:4px; padding-left:10px; cursor:pointer; font-family:monospace; } div.input input[type=button]:hover { background-color:gray; color:cyan; }