system.css/system.css.map

{"version":3,"sources":["../style.css"],"names":[],"mappings":"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","file":"system.css","sourcesContent":["/*! system.css v0.1.3 - https://github.com/sakofchit/system.css */\n/**\n * system.css\n * Copyright (c) 2022 Sakun Acharige <sakun.co>\n */\n\n:root {\n  --box-shadow: 2px 2px;\n\n  /* Spacing */\n  --element-spacing: 8px;\n  --grouped-element-spacing: 6px;\n  --radio-width: 12px;\n  --checkbox-width: 13px;\n  --radio-label-spacing: 6px;\n\n  /* Some detailed computations for radio buttons and checkboxes (from 98.css) */\n  --radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);\n  --radio-total-width: calc(var(--radio-total-width-precalc));\n  --radio-left: calc(-1 * var(--radio-total-width-precalc));\n  --radio-dot-width: 6px;\n  --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);\n  --radio-dot-left: calc(\n    -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(\n        --radio-dot-width\n      ) / 2\n  );\n\n  --checkbox-total-width-precalc: var(--checkbox-width) +\n    var(--radio-label-spacing);\n  --checkbox-total-width: calc(var(--checkbox-total-width-precalc));\n  --checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));\n  --checkmark-width: 13px;\n  --checkmark-top: 1.5px;\n  --checkmark-left: 1.5px;\n}\n\n@font-face {\n  font-family: Chicago;\n  src: url(\"fonts/ChicagoFLF.ttf\");\n}\n@font-face {\n  font-family: Monaco;\n  src: url(\"fonts/monaco.ttf\")\n}\n\n/* Fonts below are recreations by Giles Booth */\n@font-face {\n  font-family: Chicago_12;\n  src: url(\"fonts/ChiKareGo2.ttf\"); \n}\n@font-face {\n  font-family: Geneva_9;\n  src: url(\"fonts/FindersKeepers.ttf\")\n}\n::-webkit-scrollbar {\n  width: 22px;\n  background-color: #fff;\n}\n\n::-webkit-scrollbar-track {\n  background: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000);\n  background-color: white;\n  background-size: 4px 4px;\n  background-position: 0 0, 2px 2px;\n  width: 10px;\n  border-left: 3px solid black;\n}\n\n::-webkit-scrollbar-thumb {\n  width: 20px;\n  box-sizing: content-box;\n  background-color: #fff;\n  border: 2px solid black;\n  border-right: none;\n}\n\n::-webkit-scrollbar-button:horizontal:start:decrement,\n::-webkit-scrollbar-button:horizontal:end:increment,\n::-webkit-scrollbar-button:vertical:start:decrement,\n::-webkit-scrollbar-button:vertical:end:increment {\n  display: block;\n}\n\n::-webkit-scrollbar-button:vertical:start {\n  background-repeat: no-repeat;\n  height: 23.38px;\n  background-image: svg-load(\"./icon/scrollbar-up.svg\");\n}\n::-webkit-scrollbar-button:vertical:start:active {\n  background-repeat: no-repeat;\n  height: 23.38px;\n  background-image: svg-load(\"./icon/scrollbar-up-active.svg\");\n}\n::-webkit-scrollbar-button:vertical:end {\n  height: 23.38px;\n  background-image: svg-load(\"./icon/scrollbar-down.svg\");\n}\n::-webkit-scrollbar-button:vertical:end:active {\n  background-repeat: no-repeat;\n  height: 23.38px;\n  background-image: svg-load(\"./icon/scrollbar-down-active.svg\");\n}\n\n::-webkit-scrollbar-button:horizontal:start {\n  background-repeat: no-repeat;\n  height: 23.38px;\n  background-image: svg-load(\"./icon/scrollbar-left.svg\");\n}\n::-webkit-scrollbar-button:horizontal:start:active {\n  background-repeat: no-repeat;\n  height: 23.38px;\n  background-image: svg-load(\"./icon/scrollbar-left-active.svg\");\n}\n::-webkit-scrollbar-button:horizontal:end {\n  height: 23.38px;\n  background-image: svg-load(\"./icon/scrollbar-right.svg\");\n}\n::-webkit-scrollbar-button:horizontal:end:active {\n  background-repeat: no-repeat;\n  height: 23.38px;\n  background-image: svg-load(\"./icon/scrollbar-right-active.svg\");\n}\n\nbody {\n  background: linear-gradient(90deg, #ffffff 21px, transparent 1%) center, linear-gradient(#ffffff 21px, transparent 1%) center, #000000;\n  background-size: 22px 22px;\n  background-attachment: fixed;\n}\n\na {\n  color: black;\n  text-decoration: underline;\n}\n\nhr {\n  border-top: 0.15em solid #000;\n}\n\n.container {\n  width: 50%;\n  margin: 0 auto;\n  display: block;\n}\n\nh1,\n.heading {\n  font-family: Chicago;\n  font-size: 1em;\n}\n\nh2 {\n  font-family: Chicago;\n  font-size: 2em;\n}\n\n/* buttons */\n.standard-button {\n  display: block;\n  min-width: 59px;\n  min-height: 20px;\n}\n\n/* dialogs & modals */\n.standard-dialog {\n  border: 2px solid;\n  padding: 10px;\n  box-shadow: var(--box-shadow);\n  background-color: white;\n}\n\n.modal-dialog, .alert-box {\n  width: auto;\n  padding: 13px;\n}\n\n.modal-contents, .alert-contents {\n  padding: 10px;\n}\n\n.modeless-dialog {\n  height: 100%;\n  padding: 0.5rem 0.5rem;\n  font-size: 18px;\n  letter-spacing: -0.025em;\n}\n\n.inner-border {\n  border-color: black;\n  border-top: 3.5px solid;\n  border-bottom: 3.5px solid;\n  border-left: 5px solid;\n  border-right: 5px solid;\n}\n.outer-border {\n  border-color: black;\n  border: 2px solid;\n  padding: 3px;\n}\n\n/* title bar */\n.title-bar {\n  flex: none;\n  display: flex;\n  align-items: center;\n  height: 1.5rem;\n  margin: 0.1rem 0;\n  padding: 0.2rem 0.1rem;\n  background: linear-gradient(#000 50%, transparent 50%);\n  background-size: 6.6666666667% 13.3333333333%;\n  background-clip: content-box;\n}\n.title-bar .title {\n  padding: 0 0.5em;\n  margin: 0 auto;\n  font-size: 1.5rem;\n  font-weight: bold;\n  line-height: 1.1;\n  text-align: center;\n  background: #fff;\n  cursor: default;\n  font-family: Chicago_12;\n}\n\n.inactive-title-bar {\n  flex: none;\n  display: flex;\n  align-items: center;\n  height: 1.5rem;\n  margin: 0.1rem 0;\n  padding: 0.2rem 0.1rem;\n  background-size: 6.6666666667% 13.3333333333%;\n  background-clip: content-box;\n}\n.inactive-title-bar .title {\n  padding: 0 0.5em;\n  margin: 0 auto;\n  font-size: 1.5rem;\n  font-weight: bold;\n  line-height: 1.1;\n  text-align: center;\n  cursor: default;\n  font-family: Chicago_12;\n  color:#A5A5A5;\n}\n\n.title-bar button {\n  position: relative;\n  display: block;\n  width: 40px;\n  height: 40px;\n  margin: 0 0.2rem;\n  border: 4px solid #000;\n  background-color: #fff;\n  cursor: pointer;\n  transform: scale(0.5);\n}\n.title-bar button span {\n  position: absolute !important;\n  clip: rect(1px 1px 1px 1px);\n  /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n}\n.title-bar button.close::before, .title-bar button.close::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n}\n.title-bar button.close::before {\n  background: linear-gradient(#000 0%, #000 100%) left center, linear-gradient(#000 0%, #000 100%) right center, linear-gradient(#000 0%, #000 100%) center top, linear-gradient(#000 0%, #000 100%) center bottom;\n  background-size: 30% 4px, 30% 4px, 4px 30%, 4px 30%;\n  background-repeat: no-repeat;\n}\n.title-bar button.close::after {\n  background: linear-gradient(#000 0%, #000 100%) left center, linear-gradient(#000 0%, #000 100%) right center, linear-gradient(#000 0%, #000 100%) center top, linear-gradient(#000 0%, #000 100%) center bottom;\n  background-size: 22.5% 3.6363636364px, 22.5% 3.6363636364px, 3.6363636364px 22.5%, 3.6363636364px 22.5%;\n  background-repeat: no-repeat;\n  transform: rotate(45deg) scale(1.1);\n}\n.title-bar button.close:active::before, .title-bar button.close:active::after {\n  opacity: 1;\n}\n.title-bar button.resize {\n  background: linear-gradient(#000 0%, #000 100%) left 58%, linear-gradient(to bottom, #000 0%, #000 100%) 58% top;\n  background-size: 60% 4px, 4px 60%;\n  background-repeat: no-repeat;\n  background-color: #fff;\n}\n.title-bar button.resize:active {\n  background: #fff;\n}\n.title-bar button.hidden {\n  visibility: hidden;\n}\n\n.window {\n  flex-direction: column;\n  margin: 1rem;\n  min-width: 320px;\n  overflow: hidden;\n  background-color: #fff;\n  border: 0.1em solid #000;\n  font-family: \"Inconsolata\", Menlo, Chicago, Geneva;\n}\n.window-pane {\n  overflow-y: scroll;\n  height: 100%;\n  padding: 1rem 2rem;\n  font-size: 18px;\n  letter-spacing: -0.025em;\n  /*margin-bottom: 1rem;*/\n}\n.window-pane::-webkit-scrollbar {\n  width: 22px;\n  background-color: #fff;\n}\n.window-pane::-webkit-scrollbar-track {\n  background: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000);\n  background-color: white;\n  background-size: 4px 4px;\n  background-position: 0 0, 2px 2px;\n  width: 10px;\n  border-left: 4px solid black;\n}\n.window-pane::-webkit-scrollbar-thumb {\n  width: 20px;\n  box-sizing: content-box;\n  background-color: #fff;\n  border: 2px solid black;\n  border-right: none;\n}\n\n.separator {\n  flex: none;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  /*padding: 0.4rem 0.8rem;*/\n  border-top: 0.1rem solid black;\n  border-width: 0.1rem 0;\n  font-size: 1rem;\n}\n\n.details-bar {\n  flex: none;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0.4rem 0.8rem;\n  border: 0.1rem solid black;\n  border-width: 0.1rem 0;\n  font-size: 1rem;\n  font-weight: 100;\n}\n\n\n/* buttons */\n.btn {\n  min-height: 20px;\n  min-width: 59px;\n  padding: 0 20px;\n  text-align:center;\n  background: white;\n  border-image: url(\"./icon/button.png\") 30 stretch;\n  border: 5.5px solid transparent;\n  color: black;\n  text-align: center;\n  text-decoration: none;\n  font-size: 18px;\n  font-family: Chicago_12;\n  cursor: pointer;\n}\n\n.btn:active {\n  background: black;\n  border-radius:6px;\n  color: white;\n  font-family: Chicago_12;\n}\n\n.btn:disabled {\n  min-height: 20px;\n  min-width: 59px;\n  text-align:center;\n  background: white;\n  border-image: url(\"./icon/button.png\") 30 stretch;\n  border: 5.5px solid transparent;\n  color: #B6B7B8;\n  text-align: center;\n  text-decoration: none;\n  font-size: 18px;\n  font-family: Chicago_12;\n}\n\n/* text input */\ninput  {\n  border: 1.5px solid black;\n  font-family: Chicago_12;\n  font-size: 18px;\n  padding-left: 5px;\n}\n\ninput:focus  {\n  outline:none;\n}\n\ninput[type=\"radio\"] + label::before {\n  border-image: svg-load(\"./icon/radio-border.svg\");\n  width: 20px;\n  height: 20px;\n}\n\ninput[type=\"checkbox\"] + label::before {\n  border: 1.5px solid black;\n  width: 20px;\n  height: 20px;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  margin: 0;\n  background: 0;\n  position: fixed;\n  opacity: 0;\n  border: none;\n}\n\ninput[type=\"radio\"] + label,\ninput[type=\"checkbox\"] + label {\n  line-height: 13px;\n  padding-left: 5px;\n}\n\ninput[type=\"radio\"] + label {\n  position: relative;\n  margin-left: var(--radio-total-width);\n}\n\ninput[type=\"radio\"] + label::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: calc(-1 * (var(--radio-total-width-precalc)));\n  display: inline-block;\n  width: var(--radio-width);\n  height: var(--radio-width);\n  margin-right: var(--radio-label-spacing);\n  background: svg-load(\"./icon/radio-border.svg\");\n}\n\n\ninput[type=\"radio\"]:checked + label::after {\n  content: \"\";\n  display: block;\n  width: var(--radio-dot-width);\n  height: var(--radio-dot-width);\n  top: var(--radio-dot-top);\n  left: var(--radio-dot-left);\n  position: absolute;\n  background: svg-load(\"./icon/radio-dot.svg\");\n}\n\ninput[type=\"checkbox\"] + label {\n  position: relative;\n  margin-left: var(--checkbox-total-width);\n}\n\ninput[type=\"checkbox\"] + label::before {\n  content: \"\";\n  position: absolute;\n  left: calc(-1 * (var(--checkbox-total-width-precalc)));\n  display: inline-block;\n  width: var(--checkbox-width);\n  height: var(--checkbox-width);\n  background: var(--button-highlight);\n  box-shadow: var(--border-field);\n  margin-right: var(--radio-label-spacing);\n}\n\ninput[type=\"checkbox\"]:checked + label::after {\n  content: \"\";\n  display: block;\n  width: var(--checkmark-width);\n  height: var(--checkmark-width);\n  position: absolute;\n  top: var(--checkmark-top);\n  left: calc(\n    -1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)\n  );\n  background: svg-load(\"./icon/checkmark.svg\");\n  background-repeat: no-repeat;\n}\n\n\ninput[type=\"checkbox\"][disabled] + label::before {\n  background: var(--surface);\n}\n\ninput[type=\"checkbox\"][disabled]:checked + label::after {\n  background: svg-load(\"./icon/checkmark-disabled.svg\");\n}\n\n.field-row {\n  display: flex;\n  align-items: center;\n  font-family: Chicago_12;\n  font-size: 1em;\n}\n\n[class^=\"field-row\"] + [class^=\"field-row\"] {\n  margin-top: var(--grouped-element-spacing);\n}\n\n.field-row > * + * {\n  margin-left: var(--grouped-element-spacing);\n}\n\n.apple {\n  background: svg-load(\"./icon/apple.svg\");\n  height: 20.7px;\n  width: 17px;\n  background-repeat: no-repeat;\n  border: none;\n  \n}\n\n/* Form */\nform {\n  font-family: \"Inconsolata\", Menlo, Chicago, Geneva;\n  font-size:14px;\n}\n\n/* Dropdown */\n.dropdown {\n  display: inline-block;\n  position: relative;\n}\n\n.dd-toggle {\n  display: inline-block;\n  padding: 5px;\n  background-color: #ffffff;\n  cursor: pointer;\n  white-space: nowrap;\n  font-family: Chicago_12;\n  font-size: 1em; \n  \n}\n\n.dd-toggle:after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  width: 0; \n  height: 0; \n}\n\n.dd-toggle:hover {\n  background-color: black;\n  color: white;\n}\n\n.dd-input {\n  display: none;\n}\n\n.dd-menu {\n  position: absolute;\n  top: 100%;\n  padding: 0;\n  margin: 2px 0 0 0;\n  box-shadow: var(--box-shadow);\n  border: 2px solid;\n  background-color: #ffffff;\n  list-style-type: none;\n  font-family: Chicago_12;\n  font-size: 1em;\n}\n\n.dd-input + .dd-menu {\n  display: none;\n} \n\n.dd-input:checked + .dd-menu {\n  display: block;\n} \n\n.dd-menu li {\n  padding: 5px 20px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.dd-menu li:hover {\n  background-color: black;\n  color: white;\n}\n\n.dd-menu a:hover {\n  background-color: black;\n  color: white;\n}\n\n.dd-menu li.divider{\n  padding: 0;\n  border-bottom: 1.5px dotted #000;\n}"]}