From d211aca986035967588dea1b1c9ce9776baecba0 Mon Sep 17 00:00:00 2001 From: Kabiir Date: Thu, 31 Mar 2022 01:46:22 +0530 Subject: [PATCH 1/4] Added a dark theme --- dist/css/98dark.css | 598 ++++++++++++++++++++++++++++++++++++++++++ dist/css/main.css | 16 ++ dist/img/run-dark.png | Bin 0 -> 324 bytes runhacx.html | 20 +- 4 files changed, 632 insertions(+), 2 deletions(-) create mode 100644 dist/css/98dark.css create mode 100644 dist/img/run-dark.png diff --git a/dist/css/98dark.css b/dist/css/98dark.css new file mode 100644 index 0000000..0260e89 --- /dev/null +++ b/dist/css/98dark.css @@ -0,0 +1,598 @@ +/*! 98.css v0.1.17 - https://github.com/jdan/98.css */ +@font-face { + font-family: "Pixelated MS Sans Serif"; + font-style: normal; + font-weight: 400; + src: url(ms_sans_serif.woff) format("woff"); + src: url(ms_sans_serif.woff2) format("woff2"); + } + @font-face { + font-family: "Pixelated MS Sans Serif"; + font-style: normal; + font-weight: 700; + src: url(ms_sans_serif_bold.woff) format("woff"); + src: url(ms_sans_serif_bold.woff2) format("woff2"); + } + body { + color: #222; + font-family: Arial; + font-size: 12px; + } + .title-bar, + .window, + button, + input, + label, + option, + select, + textarea, + ul.tree-view { + -webkit-font-smoothing: none; + font-family: "Pixelated MS Sans Serif", Arial; + font-size: 11px; + } + h1 { + font-size: 5rem; + } + h2 { + font-size: 2.5rem; + } + h3 { + font-size: 2rem; + } + h4 { + font-size: 1.5rem; + } + u { + border-bottom: 0.5px solid #222; + text-decoration: none; + } + button { + border: none; + border-radius: 0; + box-sizing: border-box; + min-height: 23px; + min-width: 75px; + padding: 0 12px; + } + .vertical-bar, + button { + background: silver; + box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, + inset 2px 2px #dfdfdf; + } + .vertical-bar { + height: 20px; + width: 4px; + } + button:not(:disabled):active { + box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, + inset -2px -2px #dfdfdf, inset 2px 2px grey; + padding: 2px 11px 0 13px; + } + @media (not(hover)) { + button:not(:disabled):hover { + box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, + inset -2px -2px #dfdfdf, inset 2px 2px grey; + } + } + button:focus { + outline: 1px dotted #000; + outline-offset: -4px; + } + button::-moz-focus-inner { + border: 0; + } + :disabled, + :disabled + label { + color: grey; + } + :disabled + label, + button:disabled { + text-shadow: 1px 1px 0 #fff; + } + .window { + background: silver; + box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, + inset -2px -2px grey, inset 2px 2px #fff; + padding: 3px; + } + .title-bar { + align-items: center; + background: #400080;/*linear-gradient(90deg, navy, #1084d0); */ + display: flex; + justify-content: space-between; + padding: 3px 2px 3px 3px; + } + .title-bar.inactive { + background: linear-gradient(90deg, grey, #b5b5b5); + } + .title-bar-text { + color: #fff; + font-weight: 700; + letter-spacing: 0; + margin-right: 24px; + } + .title-bar-controls { + display: flex; + } + .title-bar-controls button { + display: block; + min-height: 14px; + min-width: 16px; + padding: 0; + } + .title-bar-controls button:active { + padding: 0; + } + .title-bar-controls button:focus { + outline: none; + } + .title-bar-controls button[aria-label="Minimize"] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E"); + background-position: bottom 3px left 4px; + background-repeat: no-repeat; + } + .title-bar-controls button[aria-label="Maximize"] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E"); + background-position: top 2px left 3px; + background-repeat: no-repeat; + } + .title-bar-controls button[aria-label="Restore"] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E"); + background-position: top 2px left 3px; + background-repeat: no-repeat; + } + .title-bar-controls button[aria-label="Help"] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E"); + background-position: top 2px left 5px; + background-repeat: no-repeat; + } + .title-bar-controls button[aria-label="Close"] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E"); + background-position: top 3px left 4px; + background-repeat: no-repeat; + margin-left: 2px; + } + .status-bar { + gap: 1px; + display: flex; + margin: 0 1px; + } + .status-bar-field { + box-shadow: inset -1px -1px #dfdfdf, inset 1px 1px grey; + flex-grow: 1; + margin: 0; + padding: 2px 3px; + } + .window-body { + margin: 8px; + } + fieldset { + border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E") + 2; + margin: 0; + padding: 10px; + padding-block-start: 8px; + } + legend { + background: silver; + } + .field-row { + align-items: center; + display: flex; + } + [class^="field-row"] + [class^="field-row"] { + margin-top: 6px; + } + .field-row > * + * { + margin-left: 6px; + } + .field-row-stacked { + display: flex; + flex-direction: column; + } + .field-row-stacked * + * { + margin-top: 6px; + } + label { + align-items: center; + display: inline-flex; + } + input[type="checkbox"], + input[type="radio"] { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + background: 0; + border: none; + margin: 0; + opacity: 0; + position: fixed; + } + input[type="checkbox"] + label, + input[type="radio"] + label { + line-height: 13px; + } + input[type="radio"] + label { + margin-left: 18px; + position: relative; + } + input[type="radio"] + label:before { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E"); + content: ""; + display: inline-block; + height: 12px; + left: -18px; + margin-right: 6px; + position: absolute; + top: 0; + width: 12px; + } + input[type="radio"]:active + label:before { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E"); + } + input[type="radio"]:checked + label:after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E"); + content: ""; + display: block; + height: 4px; + left: -14px; + position: absolute; + top: 4px; + width: 4px; + } + input[type="checkbox"]:focus + label, + input[type="radio"]:focus + label { + outline: 1px dotted #000; + } + input[type="radio"][disabled] + label:before { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E"); + } + input[type="radio"][disabled]:checked + label:after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E"); + } + input[type="checkbox"] + label { + margin-left: 19px; + position: relative; + } + input[type="checkbox"] + label:before { + background: #fff; + box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + content: ""; + display: inline-block; + height: 13px; + left: -19px; + margin-right: 6px; + position: absolute; + width: 13px; + } + input[type="checkbox"]:active + label:before { + background: silver; + } + input[type="checkbox"]:checked + label:after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E"); + content: ""; + display: block; + height: 7px; + left: -16px; + position: absolute; + top: 3px; + width: 7px; + } + input[type="checkbox"][disabled] + label:before { + background: silver; + } + input[type="checkbox"][disabled]:checked + label:after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E"); + } + input[type="email"], + input[type="password"], + input[type="text"] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + border-radius: 0; + } + input[type="email"], + input[type="password"], + input[type="text"], + select { + background-color: #fff; + box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + box-sizing: border-box; + padding: 3px 4px; + } + select, + textarea { + border: none; + } + textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + border-radius: 0; + box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + box-sizing: border-box; + padding: 3px 4px; + } + input[type="email"], + input[type="password"], + input[type="text"], + select { + height: 21px; + } + input[type="email"], + input[type="password"], + input[type="text"] { + line-height: 2; + } + input[type="email"]:disabled, + input[type="password"]:disabled, + input[type="text"]:disabled, + textarea:disabled { + background-color: silver; + } + select { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E"); + background-position: top 2px right 2px; + background-repeat: no-repeat; + border-radius: 0; + padding-right: 32px; + position: relative; + } + input[type="email"]:focus, + input[type="password"]:focus, + input[type="text"]:focus, + select:focus, + textarea:focus { + outline: none; + } + input[type="range"] { + -webkit-appearance: none; + background: transparent; + width: 100%; + } + input[type="range"]:focus { + outline: none; + } + input[type="range"]::-webkit-slider-thumb { + -webkit-appearance: none; + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E"); + height: 21px; + transform: translateY(-8px); + width: 11px; + } + input[type="range"].has-box-indicator::-webkit-slider-thumb { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E"); + transform: translateY(-10px); + } + input[type="range"]::-moz-range-thumb { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E"); + border: 0; + border-radius: 0; + height: 21px; + transform: translateY(2px); + width: 11px; + } + input[type="range"].has-box-indicator::-moz-range-thumb { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E"); + transform: translateY(0); + } + input[type="range"]::-webkit-slider-runnable-track { + background: #000; + border-bottom: 1px solid grey; + border-right: 1px solid grey; + box-shadow: 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #a9a9a9, + -1px -1px 0 #a9a9a9, 0 -1px 0 #a9a9a9, -1px 1px 0 #fff, 1px -1px #a9a9a9; + box-sizing: border-box; + height: 2px; + width: 100%; + } + input[type="range"]::-moz-range-track { + background: #000; + border-bottom: 1px solid grey; + border-right: 1px solid grey; + box-shadow: 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #a9a9a9, + -1px -1px 0 #a9a9a9, 0 -1px 0 #a9a9a9, -1px 1px 0 #fff, 1px -1px #a9a9a9; + box-sizing: border-box; + height: 2px; + width: 100%; + } + .is-vertical { + display: inline-block; + height: 150px; + transform: translateY(50%); + width: 4px; + } + .is-vertical > input[type="range"] { + height: 4px; + margin: 0 16px 0 10px; + transform: rotate(270deg) translateX(calc(-50% + 8px)); + transform-origin: left; + width: 150px; + } + .is-vertical > input[type="range"]::-webkit-slider-runnable-track { + border-bottom: 1px solid grey; + border-left: 1px solid grey; + border-right: 0; + box-shadow: -1px 0 0 #fff, -1px 1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #a9a9a9, + 1px -1px 0 #a9a9a9, 0 -1px 0 #a9a9a9, 1px 1px 0 #fff, -1px -1px #a9a9a9; + } + .is-vertical > input[type="range"]::-moz-range-track { + border-bottom: 1px solid grey; + border-left: 1px solid grey; + border-right: 0; + box-shadow: -1px 0 0 #fff, -1px 1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #a9a9a9, + 1px -1px 0 #a9a9a9, 0 -1px 0 #a9a9a9, 1px 1px 0 #fff, -1px -1px #a9a9a9; + } + .is-vertical > input[type="range"]::-webkit-slider-thumb { + transform: translateY(-8px) scaleX(-1); + } + .is-vertical > input[type="range"].has-box-indicator::-webkit-slider-thumb { + transform: translateY(-10px) scaleX(-1); + } + .is-vertical > input[type="range"]::-moz-range-thumb { + transform: translateY(2px) scaleX(-1); + } + .is-vertical > input[type="range"].has-box-indicator::-moz-range-thumb { + transform: translateY(0) scaleX(-1); + } + select:focus { + background-color: navy; + color: #fff; + } + select:focus option { + background-color: #fff; + color: #000; + } + select:active { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E"); + } + a { + color: #00f; + } + a:focus { + outline: 1px dotted #00f; + } + ul.tree-view { + background: #fff; + box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + display: block; + margin: 0; + padding: 6px; + } + ul.tree-view li { + list-style-type: none; + } + ul.tree-view a { + color: #000; + text-decoration: none; + } + ul.tree-view a:focus { + background-color: navy; + color: #fff; + } + ul.tree-view li, + ul.tree-view ul { + margin-top: 3px; + } + ul.tree-view ul { + border-left: 1px dotted grey; + margin-left: 16px; + padding-left: 16px; + } + ul.tree-view ul > li { + position: relative; + } + ul.tree-view ul > li:before { + border-bottom: 1px dotted grey; + content: ""; + display: block; + left: -16px; + position: absolute; + top: 6px; + width: 12px; + } + ul.tree-view ul > li:last-child:after { + background: #fff; + bottom: 0; + content: ""; + display: block; + left: -20px; + position: absolute; + top: 7px; + width: 8px; + } + ul.tree-view details { + margin-top: 0; + } + ul.tree-view details[open] summary { + margin-bottom: 0; + } + ul.tree-view ul details > summary:before { + margin-left: -22px; + position: relative; + z-index: 1; + } + ul.tree-view details > summary:before { + background-color: #fff; + border: 1px solid grey; + content: "+"; + display: block; + float: left; + height: 9px; + line-height: 8px; + margin-right: 5px; + padding-left: 1px; + text-align: center; + width: 8px; + } + ul.tree-view details[open] > summary:before { + content: "-"; + } + pre { + background: #fff; + box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + display: block; + margin: 0; + padding: 12px 8px; + } + code, + code * { + font-family: monospace; + } + summary:focus { + outline: 1px dotted #000; + } + ::-webkit-scrollbar { + width: 16px; + } + ::-webkit-scrollbar:horizontal { + height: 17px; + } + ::-webkit-scrollbar-corner { + background: #dfdfdf; + } + ::-webkit-scrollbar-track { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E"); + } + ::-webkit-scrollbar-thumb { + background-color: #dfdfdf; + box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, + inset 2px 2px #dfdfdf; + } + ::-webkit-scrollbar-button:horizontal:end:increment, + ::-webkit-scrollbar-button:horizontal:start:decrement, + ::-webkit-scrollbar-button:vertical:end:increment, + ::-webkit-scrollbar-button:vertical:start:decrement { + display: block; + } + ::-webkit-scrollbar-button:vertical:start { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E"); + height: 17px; + } + ::-webkit-scrollbar-button:vertical:end { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E"); + height: 17px; + } + ::-webkit-scrollbar-button:horizontal:start { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E"); + width: 16px; + } + ::-webkit-scrollbar-button:horizontal:end { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E"); + width: 16px; + } + /*# sourceMappingURL=98.css.map */ + \ No newline at end of file diff --git a/dist/css/main.css b/dist/css/main.css index 094506a..eff63ea 100644 --- a/dist/css/main.css +++ b/dist/css/main.css @@ -1,2 +1,18 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}button{color:inherit;cursor:pointer;margin:0}.title-bar,.window,button,input,label,option,select,textarea,ul.tree-view{font-family:"Pixelated MS Sans Serif", Arial;-webkit-font-smoothing:subpixel-antialiased}b,strong{font-weight:600}html,body{margin:0;padding:0;height:100vh;min-height:600px;background:#000000}@media (min-width: 576px){html,body{min-height:550px}}html.overflow-hidden{overflow:hidden}html.overflow-hidden body{overflow:hidden}body{font-family:"Pixelated MS Sans Serif",Arial;font-size:11px;line-height:1.5;-webkit-font-smoothing:subpixel-antialiased}.windows{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.windows>div{position:relative;height:100%;width:100%}.window-layer{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:0}.window-layer .window-wrapper{position:relative;width:100%;height:100%}.window-layer .window{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:all !important;height:100%;width:100%}.window-layer .window .window-menu{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0}.window-layer .window .window-menu>li{position:relative;padding:1px 5px 0;margin:1px 0}.window-layer .window .window-menu>li:not(.window-menu__dropdown){cursor:pointer}.window-layer .window .window-menu>li:not(.window-menu__dropdown):active{padding-left:6px;padding-right:4px;-webkit-box-shadow:inset -1px -1px #dfdfdf, inset 1px 1px grey;box-shadow:inset -1px -1px #dfdfdf, inset 1px 1px grey}.window-layer .window .window-menu>li.window-menu__dropdown>div{cursor:pointer}.window-layer .window .window-menu>li.window-menu__dropdown.active{padding-left:6px;padding-right:4px;-webkit-box-shadow:inset -1px -1px #dfdfdf, inset 1px 1px grey;box-shadow:inset -1px -1px #dfdfdf, inset 1px 1px grey}.window-layer .window .window-menu>li>a{display:block;color:inherit !important;text-decoration:none !important;outline:none !important;margin:-1px -5px 0;padding:1px 5px 0}.window-layer .window .window-menu-divider{margin-top:2px;margin-bottom:3px;border-top:1px solid #808080;border-bottom:1px solid #ffffff}.window-layer .window .window-body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:1px;padding:0;margin:2px 0 0}.window-layer .window .status-bar{margin:2px 0 0}.window-layer .window .title-bar{cursor:all-scroll}.window-layer .window .title-bar .title-bar-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.window-layer .window .title-bar .title-bar-text img{width:16px;height:16px}.window-layer .window .title-bar .title-bar-text span{vertical-align:top;padding-left:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden}.window-layer .window .title-bar .title-bar-controls button{min-height:16px}.window-layer .window .title-bar .title-bar-controls button[aria-label=Minimize]{background-position:bottom 4px left 4px}.window-layer .window .title-bar .title-bar-controls button[aria-label=Maximize]{background-position:top 3px left 3px}@media (max-width: 991.99px){.window-layer .window .title-bar .title-bar-controls button[aria-label=Maximize]{position:relative;cursor:not-allowed}.window-layer .window .title-bar .title-bar-controls button[aria-label=Maximize]::after{position:absolute;content:'';top:1px;left:1px;right:2px;bottom:2px;background:silver;opacity:0.6;z-index:1}}.window-layer .window .title-bar .title-bar-controls button[aria-label=Close]{background-position:top 4px left 4px}.window-layer .window .title-bar .title-bar-controls button:disabled{position:relative;cursor:not-allowed}.window-layer .window .title-bar .title-bar-controls button:disabled::after{position:absolute;content:'';top:1px;left:1px;right:2px;bottom:2px;background:silver;opacity:0.6;z-index:1}.run-hacx.window-body{margin:16px 8px 8px !important}.run-hacx.window-body input{display:block;width:100%;margin-bottom:8px}.run-hacx.window-body .field-row{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.run-hacx>section{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}.run-hacx>section>div:first-child{width:32px}.run-hacx>section>div:last-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:8px}.run-hacx .run-hacx__loading{display:block;color:#a67c00;margin-top:-5px;margin-bottom:8px}.run-hacx .run-hacx__error{display:block;color:#DD4B39;margin-top:-5px;margin-bottom:8px}.run-hacx .run-hacx__success{display:block;color:#008000;margin-top:-5px;margin-bottom:8px} + +.theme-select{ + display:-webkit-box; + display:-ms-flexbox; + display:flex; + margin:0 35px 0 0; + padding:0; + border:0; + font-size:100%; + font:inherit; + vertical-align:middle; +} +.theme-select select{ + margin-left: 6px; +} + /*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/dist/img/run-dark.png b/dist/img/run-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..2d4828b2745a045d8dec68d07afa11f97976ed38 GIT binary patch literal 324 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vJfv#^NA%C&rs6b?Si}&H|6fVg?3o zVGw3ym^DWND5xIb6XFV_8yXsb! zD(c0iGjmTcS!Va89txF^VhmM~Jf*NkXUa4+jcFPj!U;Yh&V}sD8a8YY=(;R z0*0)$n-(&8Rj5iX%HZkh=d#Wzp$P!Q C;%uk@ literal 0 HcmV?d00001 diff --git a/runhacx.html b/runhacx.html index 581ca81..9b0d1ac 100644 --- a/runhacx.html +++ b/runhacx.html @@ -9,12 +9,12 @@ RunHacx Plugin - +
-
+
RunHacx
@@ -35,6 +35,15 @@
+
+
Theme:
+
+ +
+
@@ -42,5 +51,12 @@
+ + \ No newline at end of file From cd60f4a8fec935df37e0625d9c8dd7b4b3383e5f Mon Sep 17 00:00:00 2001 From: Kabiir Date: Thu, 31 Mar 2022 02:30:03 +0530 Subject: [PATCH 2/4] Basic Dark theme created --- runhacx.html | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/runhacx.html b/runhacx.html index 9b0d1ac..ba98090 100644 --- a/runhacx.html +++ b/runhacx.html @@ -16,7 +16,7 @@
-
RunHacx
+
RunHacx
@@ -24,7 +24,7 @@
-
+

Type in a cheatcode or command and the system will attempt running it for you.

@@ -54,8 +54,19 @@ From ef7b944d53f89181d8417ccc9e950cb79feafc70 Mon Sep 17 00:00:00 2001 From: Kabiir Date: Thu, 31 Mar 2022 03:09:53 +0530 Subject: [PATCH 3/4] Added new BTC2 Theme+image + code cleanup --- dist/img/run-btc2.png | Bin 0 -> 326 bytes runhacx.html | 39 +++++++++++++++++++++++++++------------ 2 files changed, 27 insertions(+), 12 deletions(-) create mode 100644 dist/img/run-btc2.png diff --git a/dist/img/run-btc2.png b/dist/img/run-btc2.png new file mode 100644 index 0000000000000000000000000000000000000000..fb1f466ba3d244771203f531e468c6b7d749bcd4 GIT binary patch literal 326 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vJfv#^NA%C&rs6b?Si}&H|6fVg?3o zVGw3ym^DWND5w?S6XFV_8yXsbz zprE0_;d;Q=)AJ<9a(m>mT-IkXnKy9cjG&v+5EflUtFz|^zw zSlgbCgrV{Dntf|;0iDU<>FVdQ&MBb@ E05J%5R{#J2 literal 0 HcmV?d00001 diff --git a/runhacx.html b/runhacx.html index ba98090..c5868cc 100644 --- a/runhacx.html +++ b/runhacx.html @@ -9,7 +9,7 @@ RunHacx Plugin - + @@ -41,6 +41,7 @@
@@ -54,20 +55,34 @@ \ No newline at end of file From 1863aa3cd67f41a8e71c76e19b969a7a8613e6fe Mon Sep 17 00:00:00 2001 From: Kabiir Date: Thu, 31 Mar 2022 22:46:41 +0530 Subject: [PATCH 4/4] Removed 98dark.css and vertical-align css property since they weren't required --- dist/css/98dark.css | 598 -------------------------------------------- dist/css/main.css | 1 - 2 files changed, 599 deletions(-) delete mode 100644 dist/css/98dark.css diff --git a/dist/css/98dark.css b/dist/css/98dark.css deleted file mode 100644 index 0260e89..0000000 --- a/dist/css/98dark.css +++ /dev/null @@ -1,598 +0,0 @@ -/*! 98.css v0.1.17 - https://github.com/jdan/98.css */ -@font-face { - font-family: "Pixelated MS Sans Serif"; - font-style: normal; - font-weight: 400; - src: url(ms_sans_serif.woff) format("woff"); - src: url(ms_sans_serif.woff2) format("woff2"); - } - @font-face { - font-family: "Pixelated MS Sans Serif"; - font-style: normal; - font-weight: 700; - src: url(ms_sans_serif_bold.woff) format("woff"); - src: url(ms_sans_serif_bold.woff2) format("woff2"); - } - body { - color: #222; - font-family: Arial; - font-size: 12px; - } - .title-bar, - .window, - button, - input, - label, - option, - select, - textarea, - ul.tree-view { - -webkit-font-smoothing: none; - font-family: "Pixelated MS Sans Serif", Arial; - font-size: 11px; - } - h1 { - font-size: 5rem; - } - h2 { - font-size: 2.5rem; - } - h3 { - font-size: 2rem; - } - h4 { - font-size: 1.5rem; - } - u { - border-bottom: 0.5px solid #222; - text-decoration: none; - } - button { - border: none; - border-radius: 0; - box-sizing: border-box; - min-height: 23px; - min-width: 75px; - padding: 0 12px; - } - .vertical-bar, - button { - background: silver; - box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, - inset 2px 2px #dfdfdf; - } - .vertical-bar { - height: 20px; - width: 4px; - } - button:not(:disabled):active { - box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, - inset -2px -2px #dfdfdf, inset 2px 2px grey; - padding: 2px 11px 0 13px; - } - @media (not(hover)) { - button:not(:disabled):hover { - box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, - inset -2px -2px #dfdfdf, inset 2px 2px grey; - } - } - button:focus { - outline: 1px dotted #000; - outline-offset: -4px; - } - button::-moz-focus-inner { - border: 0; - } - :disabled, - :disabled + label { - color: grey; - } - :disabled + label, - button:disabled { - text-shadow: 1px 1px 0 #fff; - } - .window { - background: silver; - box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, - inset -2px -2px grey, inset 2px 2px #fff; - padding: 3px; - } - .title-bar { - align-items: center; - background: #400080;/*linear-gradient(90deg, navy, #1084d0); */ - display: flex; - justify-content: space-between; - padding: 3px 2px 3px 3px; - } - .title-bar.inactive { - background: linear-gradient(90deg, grey, #b5b5b5); - } - .title-bar-text { - color: #fff; - font-weight: 700; - letter-spacing: 0; - margin-right: 24px; - } - .title-bar-controls { - display: flex; - } - .title-bar-controls button { - display: block; - min-height: 14px; - min-width: 16px; - padding: 0; - } - .title-bar-controls button:active { - padding: 0; - } - .title-bar-controls button:focus { - outline: none; - } - .title-bar-controls button[aria-label="Minimize"] { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E"); - background-position: bottom 3px left 4px; - background-repeat: no-repeat; - } - .title-bar-controls button[aria-label="Maximize"] { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E"); - background-position: top 2px left 3px; - background-repeat: no-repeat; - } - .title-bar-controls button[aria-label="Restore"] { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E"); - background-position: top 2px left 3px; - background-repeat: no-repeat; - } - .title-bar-controls button[aria-label="Help"] { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E"); - background-position: top 2px left 5px; - background-repeat: no-repeat; - } - .title-bar-controls button[aria-label="Close"] { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E"); - background-position: top 3px left 4px; - background-repeat: no-repeat; - margin-left: 2px; - } - .status-bar { - gap: 1px; - display: flex; - margin: 0 1px; - } - .status-bar-field { - box-shadow: inset -1px -1px #dfdfdf, inset 1px 1px grey; - flex-grow: 1; - margin: 0; - padding: 2px 3px; - } - .window-body { - margin: 8px; - } - fieldset { - border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E") - 2; - margin: 0; - padding: 10px; - padding-block-start: 8px; - } - legend { - background: silver; - } - .field-row { - align-items: center; - display: flex; - } - [class^="field-row"] + [class^="field-row"] { - margin-top: 6px; - } - .field-row > * + * { - margin-left: 6px; - } - .field-row-stacked { - display: flex; - flex-direction: column; - } - .field-row-stacked * + * { - margin-top: 6px; - } - label { - align-items: center; - display: inline-flex; - } - input[type="checkbox"], - input[type="radio"] { - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - background: 0; - border: none; - margin: 0; - opacity: 0; - position: fixed; - } - input[type="checkbox"] + label, - input[type="radio"] + label { - line-height: 13px; - } - input[type="radio"] + label { - margin-left: 18px; - position: relative; - } - input[type="radio"] + label:before { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E"); - content: ""; - display: inline-block; - height: 12px; - left: -18px; - margin-right: 6px; - position: absolute; - top: 0; - width: 12px; - } - input[type="radio"]:active + label:before { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E"); - } - input[type="radio"]:checked + label:after { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E"); - content: ""; - display: block; - height: 4px; - left: -14px; - position: absolute; - top: 4px; - width: 4px; - } - input[type="checkbox"]:focus + label, - input[type="radio"]:focus + label { - outline: 1px dotted #000; - } - input[type="radio"][disabled] + label:before { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E"); - } - input[type="radio"][disabled]:checked + label:after { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E"); - } - input[type="checkbox"] + label { - margin-left: 19px; - position: relative; - } - input[type="checkbox"] + label:before { - background: #fff; - box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, - inset 2px 2px #0a0a0a; - content: ""; - display: inline-block; - height: 13px; - left: -19px; - margin-right: 6px; - position: absolute; - width: 13px; - } - input[type="checkbox"]:active + label:before { - background: silver; - } - input[type="checkbox"]:checked + label:after { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E"); - content: ""; - display: block; - height: 7px; - left: -16px; - position: absolute; - top: 3px; - width: 7px; - } - input[type="checkbox"][disabled] + label:before { - background: silver; - } - input[type="checkbox"][disabled]:checked + label:after { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E"); - } - input[type="email"], - input[type="password"], - input[type="text"] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: none; - border-radius: 0; - } - input[type="email"], - input[type="password"], - input[type="text"], - select { - background-color: #fff; - box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, - inset 2px 2px #0a0a0a; - box-sizing: border-box; - padding: 3px 4px; - } - select, - textarea { - border: none; - } - textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - border-radius: 0; - box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, - inset 2px 2px #0a0a0a; - box-sizing: border-box; - padding: 3px 4px; - } - input[type="email"], - input[type="password"], - input[type="text"], - select { - height: 21px; - } - input[type="email"], - input[type="password"], - input[type="text"] { - line-height: 2; - } - input[type="email"]:disabled, - input[type="password"]:disabled, - input[type="text"]:disabled, - textarea:disabled { - background-color: silver; - } - select { - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E"); - background-position: top 2px right 2px; - background-repeat: no-repeat; - border-radius: 0; - padding-right: 32px; - position: relative; - } - input[type="email"]:focus, - input[type="password"]:focus, - input[type="text"]:focus, - select:focus, - textarea:focus { - outline: none; - } - input[type="range"] { - -webkit-appearance: none; - background: transparent; - width: 100%; - } - input[type="range"]:focus { - outline: none; - } - input[type="range"]::-webkit-slider-thumb { - -webkit-appearance: none; - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E"); - height: 21px; - transform: translateY(-8px); - width: 11px; - } - input[type="range"].has-box-indicator::-webkit-slider-thumb { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E"); - transform: translateY(-10px); - } - input[type="range"]::-moz-range-thumb { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E"); - border: 0; - border-radius: 0; - height: 21px; - transform: translateY(2px); - width: 11px; - } - input[type="range"].has-box-indicator::-moz-range-thumb { - background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E"); - transform: translateY(0); - } - input[type="range"]::-webkit-slider-runnable-track { - background: #000; - border-bottom: 1px solid grey; - border-right: 1px solid grey; - box-shadow: 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #a9a9a9, - -1px -1px 0 #a9a9a9, 0 -1px 0 #a9a9a9, -1px 1px 0 #fff, 1px -1px #a9a9a9; - box-sizing: border-box; - height: 2px; - width: 100%; - } - input[type="range"]::-moz-range-track { - background: #000; - border-bottom: 1px solid grey; - border-right: 1px solid grey; - box-shadow: 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #a9a9a9, - -1px -1px 0 #a9a9a9, 0 -1px 0 #a9a9a9, -1px 1px 0 #fff, 1px -1px #a9a9a9; - box-sizing: border-box; - height: 2px; - width: 100%; - } - .is-vertical { - display: inline-block; - height: 150px; - transform: translateY(50%); - width: 4px; - } - .is-vertical > input[type="range"] { - height: 4px; - margin: 0 16px 0 10px; - transform: rotate(270deg) translateX(calc(-50% + 8px)); - transform-origin: left; - width: 150px; - } - .is-vertical > input[type="range"]::-webkit-slider-runnable-track { - border-bottom: 1px solid grey; - border-left: 1px solid grey; - border-right: 0; - box-shadow: -1px 0 0 #fff, -1px 1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #a9a9a9, - 1px -1px 0 #a9a9a9, 0 -1px 0 #a9a9a9, 1px 1px 0 #fff, -1px -1px #a9a9a9; - } - .is-vertical > input[type="range"]::-moz-range-track { - border-bottom: 1px solid grey; - border-left: 1px solid grey; - border-right: 0; - box-shadow: -1px 0 0 #fff, -1px 1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #a9a9a9, - 1px -1px 0 #a9a9a9, 0 -1px 0 #a9a9a9, 1px 1px 0 #fff, -1px -1px #a9a9a9; - } - .is-vertical > input[type="range"]::-webkit-slider-thumb { - transform: translateY(-8px) scaleX(-1); - } - .is-vertical > input[type="range"].has-box-indicator::-webkit-slider-thumb { - transform: translateY(-10px) scaleX(-1); - } - .is-vertical > input[type="range"]::-moz-range-thumb { - transform: translateY(2px) scaleX(-1); - } - .is-vertical > input[type="range"].has-box-indicator::-moz-range-thumb { - transform: translateY(0) scaleX(-1); - } - select:focus { - background-color: navy; - color: #fff; - } - select:focus option { - background-color: #fff; - color: #000; - } - select:active { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E"); - } - a { - color: #00f; - } - a:focus { - outline: 1px dotted #00f; - } - ul.tree-view { - background: #fff; - box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, - inset 2px 2px #0a0a0a; - display: block; - margin: 0; - padding: 6px; - } - ul.tree-view li { - list-style-type: none; - } - ul.tree-view a { - color: #000; - text-decoration: none; - } - ul.tree-view a:focus { - background-color: navy; - color: #fff; - } - ul.tree-view li, - ul.tree-view ul { - margin-top: 3px; - } - ul.tree-view ul { - border-left: 1px dotted grey; - margin-left: 16px; - padding-left: 16px; - } - ul.tree-view ul > li { - position: relative; - } - ul.tree-view ul > li:before { - border-bottom: 1px dotted grey; - content: ""; - display: block; - left: -16px; - position: absolute; - top: 6px; - width: 12px; - } - ul.tree-view ul > li:last-child:after { - background: #fff; - bottom: 0; - content: ""; - display: block; - left: -20px; - position: absolute; - top: 7px; - width: 8px; - } - ul.tree-view details { - margin-top: 0; - } - ul.tree-view details[open] summary { - margin-bottom: 0; - } - ul.tree-view ul details > summary:before { - margin-left: -22px; - position: relative; - z-index: 1; - } - ul.tree-view details > summary:before { - background-color: #fff; - border: 1px solid grey; - content: "+"; - display: block; - float: left; - height: 9px; - line-height: 8px; - margin-right: 5px; - padding-left: 1px; - text-align: center; - width: 8px; - } - ul.tree-view details[open] > summary:before { - content: "-"; - } - pre { - background: #fff; - box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, - inset 2px 2px #0a0a0a; - display: block; - margin: 0; - padding: 12px 8px; - } - code, - code * { - font-family: monospace; - } - summary:focus { - outline: 1px dotted #000; - } - ::-webkit-scrollbar { - width: 16px; - } - ::-webkit-scrollbar:horizontal { - height: 17px; - } - ::-webkit-scrollbar-corner { - background: #dfdfdf; - } - ::-webkit-scrollbar-track { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E"); - } - ::-webkit-scrollbar-thumb { - background-color: #dfdfdf; - box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, - inset 2px 2px #dfdfdf; - } - ::-webkit-scrollbar-button:horizontal:end:increment, - ::-webkit-scrollbar-button:horizontal:start:decrement, - ::-webkit-scrollbar-button:vertical:end:increment, - ::-webkit-scrollbar-button:vertical:start:decrement { - display: block; - } - ::-webkit-scrollbar-button:vertical:start { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E"); - height: 17px; - } - ::-webkit-scrollbar-button:vertical:end { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E"); - height: 17px; - } - ::-webkit-scrollbar-button:horizontal:start { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E"); - width: 16px; - } - ::-webkit-scrollbar-button:horizontal:end { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E"); - width: 16px; - } - /*# sourceMappingURL=98.css.map */ - \ No newline at end of file diff --git a/dist/css/main.css b/dist/css/main.css index eff63ea..bb56302 100644 --- a/dist/css/main.css +++ b/dist/css/main.css @@ -9,7 +9,6 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb border:0; font-size:100%; font:inherit; - vertical-align:middle; } .theme-select select{ margin-left: 6px;