98.css/build/98.css.map

{"version":3,"sources":["../style.css"],"names":[],"mappings":"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","file":"98.css","sourcesContent":["/**\r\n * 98.css\r\n * Copyright (c) 2020 Jordan Scales <thatjdanisso.cool>\r\n * https://github.com/jdan/98.css/blob/master/LICENSE\r\n */\r\n\r\n:root {\r\n  /* Color */\r\n  --surface: #c0c0c0;\r\n  --button-highlight: #ffffff;\r\n  --button-face: #dfdfdf;\r\n  --button-shadow: #808080;\r\n  --window-frame: #0a0a0a;\r\n  --dialog-blue: #000080;\r\n  --dialog-blue-light: #1084d0;\r\n  --link-blue: #0000ff;\r\n\r\n  /* Spacing */\r\n  --element-spacing: 8px;\r\n  --grouped-button-spacing: 4px;\r\n  --grouped-element-spacing: 6px;\r\n  --radio-width: 12px;\r\n  --checkbox-width: 13px;\r\n  --radio-label-spacing: 6px;\r\n\r\n  /* Some detailed computations for radio buttons and checkboxes */\r\n  --radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);\r\n  --radio-total-width: calc(var(--radio-total-width-precalc));\r\n  --radio-left: calc(-1 * var(--radio-total-width-precalc));\r\n  --radio-dot-width: 4px;\r\n  --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);\r\n  --radio-dot-left: calc(\r\n    -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(\r\n        --radio-dot-width\r\n      ) / 2\r\n  );\r\n\r\n  --checkbox-total-width-precalc: var(--checkbox-width) +\r\n    var(--radio-label-spacing);\r\n  --checkbox-total-width: calc(var(--checkbox-total-width-precalc));\r\n  --checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));\r\n  --checkmark-width: 7px;\r\n  --checkmark-top: 3px;\r\n  --checkmark-left: 3px;\r\n\r\n  /* Borders */\r\n  --border-width: 1px;\r\n  --border-raised-outer: inset -1px -1px var(--window-frame),\r\n    inset 1px 1px var(--button-highlight);\r\n  --border-raised-inner: inset -2px -2px var(--button-shadow),\r\n    inset 2px 2px var(--button-face);\r\n  --border-sunken-outer: inset -1px -1px var(--button-highlight),\r\n    inset 1px 1px var(--window-frame);\r\n  --border-sunken-inner: inset -2px -2px var(--button-face),\r\n    inset 2px 2px var(--button-shadow);\r\n\r\n  /* Field borders (checkbox, input, etc) flip window-frame and button-shadow */\r\n  --border-field: inset -1px -1px var(--button-highlight),\r\n    inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),\r\n    inset 2px 2px var(--window-frame);\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Pixelated MS Sans Serif\";\r\n  src: url(\"fonts/converted/ms_sans_serif.woff\") format(\"woff\");\r\n  src: url(\"fonts/converted/ms_sans_serif.woff2\") format(\"woff2\");\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Pixelated MS Sans Serif\";\r\n  src: url(\"fonts/converted/ms_sans_serif_bold.woff\") format(\"woff\");\r\n  src: url(\"fonts/converted/ms_sans_serif_bold.woff2\") format(\"woff2\");\r\n  font-weight: bold;\r\n  font-style: normal;\r\n}\r\n\r\nbody {\r\n  font-family: Arial;\r\n  font-size: 12px;\r\n  color: #222222;\r\n}\r\n\r\nbutton,\r\nlabel,\r\ninput,\r\ntextarea,\r\nselect,\r\noption,\r\nul.tree-view,\r\n.window,\r\n.title-bar {\r\n  font-family: \"Pixelated MS Sans Serif\", Arial;\r\n  -webkit-font-smoothing: none;\r\n  font-size: 11px;\r\n}\r\n\r\nh1 {\r\n  font-size: 5rem;\r\n}\r\n\r\nh2 {\r\n  font-size: 2.5rem;\r\n}\r\n\r\nh3 {\r\n  font-size: 2rem;\r\n}\r\n\r\nh4 {\r\n  font-size: 1.5rem;\r\n}\r\n\r\nu {\r\n  text-decoration: none;\r\n  border-bottom: 0.5px solid #222222;\r\n}\r\n\r\nbutton {\r\n  box-sizing: border-box;\r\n  border: none;\r\n  background: var(--surface);\r\n  box-shadow: var(--border-raised-outer), var(--border-raised-inner);\r\n  border-radius: 0;\r\n\r\n  min-width: 75px;\r\n  min-height: 23px;\r\n  padding: 0 12px;\r\n}\r\n\r\nbutton:not(:disabled):active {\r\n  box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\r\n}\r\n\r\nbutton:focus {\r\n  outline: 1px dotted #000000;\r\n  outline-offset: -4px;\r\n}\r\n\r\n:disabled,\r\n:disabled + label {\r\n  color: var(--button-shadow);\r\n  text-shadow: 1px 1px 0 var(--button-highlight);\r\n}\r\n\r\n.window {\r\n  box-shadow: var(--border-raised-outer), var(--border-raised-inner);\r\n  background: var(--surface);\r\n  padding: 3px;\r\n}\r\n\r\n.title-bar {\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--dialog-blue),\r\n    var(--dialog-blue-light)\r\n  );\r\n  padding: 2px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.title-bar-text {\r\n  font-weight: bold;\r\n  color: white;\r\n  letter-spacing: 0;\r\n  margin-right: 24px;\r\n}\r\n\r\n.title-bar-controls {\r\n  display: flex;\r\n}\r\n\r\n.title-bar-controls button {\r\n  padding: 0;\r\n  display: block;\r\n  min-width: 14px;\r\n  min-height: 12px;\r\n}\r\n\r\n.title-bar-controls button:focus {\r\n  outline: none;\r\n}\r\n\r\n.title-bar-controls button[aria-label=\"Minimize\"] {\r\n  background-image: svg-load(\"./icon/minimize.svg\");\r\n  background-repeat: no-repeat;\r\n  background-position: bottom 2px left 3px;\r\n}\r\n\r\n.title-bar-controls button[aria-label=\"Maximize\"] {\r\n  background-image: svg-load(\"./icon/maximize.svg\");\r\n  background-repeat: no-repeat;\r\n  /* Off by 1px because contents can't go above the inner shadow */\r\n  /* Should be 9px by 9px, with top 1px */\r\n  background-position: top 2px left 2px;\r\n}\r\n\r\n.title-bar-controls button[aria-label=\"Close\"] {\r\n  margin-left: 2px;\r\n  background-image: svg-load(\"./icon/close.svg\");\r\n  background-repeat: no-repeat;\r\n  background-position: top 2px center;\r\n}\r\n\r\n.window-body {\r\n  margin: var(--element-spacing);\r\n}\r\n\r\nfieldset {\r\n  border: none;\r\n  box-shadow: var(--border-sunken-outer), var(--border-raised-inner);\r\n  padding: calc(2 * var(--border-width) + var(--element-spacing));\r\n  padding-block-start: var(--element-spacing);\r\n  margin: 0;\r\n}\r\n\r\nlegend {\r\n  background: var(--surface);\r\n}\r\n\r\n.field-row {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n[class^=\"field-row\"] + [class^=\"field-row\"] {\r\n  margin-top: var(--grouped-element-spacing);\r\n}\r\n\r\n.field-row * + * {\r\n  margin-left: var(--grouped-element-spacing);\r\n}\r\n\r\n.field-row-stacked {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.field-row-stacked * + * {\r\n  margin-top: var(--grouped-element-spacing);\r\n}\r\n\r\nlabel {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\ninput[type=\"radio\"],\r\ninput[type=\"checkbox\"] {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  margin: 0;\r\n  border: none;\r\n}\r\n\r\ninput[type=\"radio\"] + label,\r\ninput[type=\"checkbox\"] + label {\r\n  line-height: 13px;\r\n}\r\n\r\ninput[type=\"radio\"] + label {\r\n  position: relative;\r\n  margin-left: var(--radio-total-width);\r\n}\r\n\r\ninput[type=\"radio\"] + label::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: calc(-1 * (var(--radio-total-width-precalc)));\r\n  display: inline-block;\r\n  width: var(--radio-width);\r\n  height: var(--radio-width);\r\n  margin-right: var(--radio-label-spacing);\r\n  background: svg-load(\"./icon/radio-border.svg\");\r\n}\r\n\r\ninput[type=\"radio\"]:checked + label::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: var(--radio-dot-width);\r\n  height: var(--radio-dot-width);\r\n  top: var(--radio-dot-top);\r\n  left: var(--radio-dot-left);\r\n  position: absolute;\r\n  background: svg-load(\"./icon/radio-dot.svg\");\r\n}\r\n\r\ninput[type=\"radio\"]:focus + label,\r\ninput[type=\"checkbox\"]:focus + label {\r\n  outline: 1px dotted #000000;\r\n}\r\n\r\ninput[type=\"radio\"][disabled] + label::before {\r\n  background: svg-load(\"./icon/radio-border-disabled.svg\");\r\n}\r\n\r\ninput[type=\"radio\"][disabled]:checked + label::after {\r\n  background: svg-load(\"./icon/radio-dot-disabled.svg\");\r\n}\r\n\r\ninput[type=\"checkbox\"] + label {\r\n  position: relative;\r\n  margin-left: var(--checkbox-total-width);\r\n}\r\n\r\ninput[type=\"checkbox\"] + label::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: calc(-1 * (var(--checkbox-total-width-precalc)));\r\n  display: inline-block;\r\n  width: var(--checkbox-width);\r\n  height: var(--checkbox-width);\r\n  background: var(--button-highlight);\r\n  box-shadow: var(--border-field);\r\n  margin-right: var(--radio-label-spacing);\r\n}\r\n\r\ninput[type=\"checkbox\"]:checked + label::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: var(--checkmark-width);\r\n  height: var(--checkmark-width);\r\n  position: absolute;\r\n  top: var(--checkmark-top);\r\n  left: calc(\r\n    -1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)\r\n  );\r\n  background: svg-load(\"./icon/checkmark.svg\");\r\n}\r\n\r\ninput[type=\"checkbox\"][disabled] + label::before {\r\n  background: var(--surface);\r\n}\r\n\r\ninput[type=\"checkbox\"][disabled]:checked + label::after {\r\n  background: svg-load(\"./icon/checkmark-disabled.svg\");\r\n}\r\n\r\ninput[type=\"text\"],\r\nselect,\r\ntextarea {\r\n  padding: 3px 4px;\r\n  border: none;\r\n  box-shadow: var(--border-field);\r\n  background-color: var(--button-highlight);\r\n  box-sizing: border-box;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  border-radius: 0;\r\n}\r\n\r\ninput[type=\"text\"],\r\nselect {\r\n  height: 21px;\r\n}\r\n\r\ninput[type=\"text\"] {\r\n  /* For some reason descenders are getting cut off without this */\r\n  line-height: 2;\r\n}\r\n\r\nselect {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  position: relative;\r\n  padding-right: 32px;\r\n  background-image: svg-load(\"./icon/button-down.svg\");\r\n  background-position: top 2px right 2px;\r\n  background-repeat: no-repeat;\r\n  border-radius: 0;\r\n}\r\n\r\nselect:focus,\r\ninput[type=\"text\"]:focus,\r\ntextarea:focus {\r\n  outline: none;\r\n}\r\n\r\nselect:focus {\r\n  color: var(--button-highlight);\r\n  background-color: var(--dialog-blue);\r\n}\r\nselect:focus option {\r\n  color: #000;\r\n  background-color: #fff;\r\n}\r\n\r\nselect:active {\r\n  background-image: svg-load(\"./icon/button-down-active.svg\");\r\n}\r\n\r\na {\r\n  color: var(--link-blue);\r\n}\r\n\r\na:focus {\r\n  outline: 1px dotted var(--link-blue);\r\n}\r\n\r\nul.tree-view {\r\n  display: block;\r\n  background: var(--button-highlight);\r\n  box-shadow: var(--border-field);\r\n  padding: 6px;\r\n  margin: 0;\r\n}\r\n\r\nul.tree-view li {\r\n  list-style-type: none;\r\n}\r\n\r\nul.tree-view a {\r\n  text-decoration: none;\r\n  color: #000;\r\n}\r\n\r\nul.tree-view a:focus {\r\n  background-color: var(--dialog-blue);\r\n  color: var(--button-highlight);\r\n}\r\n\r\nul.tree-view ul,\r\nul.tree-view li {\r\n  margin-top: 3px;\r\n}\r\n\r\nul.tree-view ul {\r\n  margin-left: 16px;\r\n  padding-left: 16px;\r\n  /* Goes down too far */\r\n  border-left: 1px dotted #808080;\r\n}\r\n\r\nul.tree-view ul > li {\r\n  position: relative;\r\n}\r\nul.tree-view ul > li::before {\r\n  content: \"\";\r\n  display: block;\r\n  position: absolute;\r\n  left: -16px;\r\n  top: 6px;\r\n  width: 12px;\r\n  border-bottom: 1px dotted #808080;\r\n}\r\n\r\n/* Cover the bottom of the left dotted border */\r\nul.tree-view ul > li:last-child::after {\r\n  content: \"\";\r\n  display: block;\r\n  position: absolute;\r\n  left: -20px;\r\n  top: 7px;\r\n  bottom: 0px;\r\n  width: 8px;\r\n  background: var(--button-highlight);\r\n}\r\n\r\npre {\r\n  display: block;\r\n  background: var(--button-highlight);\r\n  box-shadow: var(--border-field);\r\n  padding: 12px 8px;\r\n  margin: 0;\r\n}\r\n\r\ncode,\r\ncode * {\r\n  font-family: monospace;\r\n}\r\n\r\nsummary:focus {\r\n  outline: 1px dotted #000000;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  width: 16px;\r\n}\r\n::-webkit-scrollbar:horizontal {\r\n  height: 17px;\r\n}\r\n\r\n::-webkit-scrollbar-corner {\r\n  background: var(--button-face);\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background-image: svg-load(\"./icon/scrollbar-background.svg\");\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background-color: var(--button-face);\r\n  box-shadow: var(--border-raised-outer), var(--border-raised-inner);\r\n}\r\n\r\n::-webkit-scrollbar-button:vertical:start {\r\n  height: 17px;\r\n  background-image: svg-load(\"./icon/button-up.svg\");\r\n}\r\n::-webkit-scrollbar-button:vertical:end {\r\n  height: 17px;\r\n  background-image: svg-load(\"./icon/button-down.svg\");\r\n}\r\n::-webkit-scrollbar-button:horizontal:start {\r\n  width: 16px;\r\n  background-image: svg-load(\"./icon/button-left.svg\");\r\n}\r\n::-webkit-scrollbar-button:horizontal:end {\r\n  width: 16px;\r\n  background-image: svg-load(\"./icon/button-right.svg\");\r\n}\r\n"]}