mirror of
https://github.com/ducbao414/win32.run.git
synced 2025-12-16 17:22:51 +09:00
1 line
21 KiB
Plaintext
1 line
21 KiB
Plaintext
{"version":3,"sources":["../style.css"],"names":[],"mappings":"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","file":"98.custom-build.css","sourcesContent":["/*! 98.css custom build - https://github.com/jdan/98.css */\n/**\n * 98.css\n * Copyright (c) 2020 Jordan Scales <thatjdanisso.cool>\n * https://github.com/jdan/98.css/blob/main/LICENSE\n */\n\n:root {\n /* Color */\n --surface: var(--ButtonFace, #c0c0c0);\n --button-highlight: var(--ButtonHilight, #ffffff);\n --button-face: var(--ButtonFace, #dfdfdf);\n --button-shadow: var(--ButtonShadow, #808080);\n --window-frame: var(--WindowFrame, #0a0a0a);\n --dialog-blue: var(--ActiveTitle, #000080);\n --dialog-blue-light: var(--GradientActiveTitle, #1084d0);\n --dialog-gray: var(--InactiveTitle, #808080);\n --dialog-gray-light: var(--GradientInactiveTitle, #b5b5b5);\n --link-blue: #0000ff;\n\n /* Spacing */\n --element-spacing: 8px;\n --grouped-button-spacing: 4px;\n --grouped-element-spacing: 6px;\n --radio-width: 12px;\n --checkbox-width: 13px;\n --radio-label-spacing: 6px;\n --range-track-height: 4px;\n --range-spacing: 10px;\n\n /* Some detailed computations for radio buttons and checkboxes */\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: 4px;\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: 7px;\n --checkmark-top: 3px;\n --checkmark-left: 3px;\n\n /* Borders */\n --border-width: 1px;\n /* rtl:ignore */\n --border-raised-outer: inset -1px -1px var(--window-frame),\n inset 1px 1px var(--button-highlight);\n /* rtl:ignore */\n --border-raised-inner: inset -2px -2px var(--button-shadow),\n inset 2px 2px var(--button-face);\n /* rtl:ignore */\n --border-sunken-outer: inset -1px -1px var(--button-highlight),\n inset 1px 1px var(--window-frame);\n /* rtl:ignore */\n --border-sunken-inner: inset -2px -2px var(--button-face),\n inset 2px 2px var(--button-shadow);\n\n /* Window borders flip button-face and button-highlight */\n /* rtl:ignore */\n --border-window-outer: inset -1px -1px var(--window-frame),\n inset 1px 1px var(--button-face);\n /* rtl:ignore */\n --border-window-inner: inset -2px -2px var(--button-shadow),\n inset 2px 2px var(--button-highlight);\n\n /* Field borders (checkbox, input, etc) flip window-frame and button-shadow */\n /* rtl:ignore */\n --border-field: inset -1px -1px var(--button-highlight),\n inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),\n inset 2px 2px var(--window-frame);\n}\n\n/* \n@font-face {\n font-family: \"Pixelated MS Sans Serif\";\n src: url(\"fonts/converted/ms_sans_serif.woff\") format(\"woff\");\n src: url(\"fonts/converted/ms_sans_serif.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Pixelated MS Sans Serif\";\n src: url(\"fonts/converted/ms_sans_serif_bold.woff\") format(\"woff\");\n src: url(\"fonts/converted/ms_sans_serif_bold.woff2\") format(\"woff2\");\n font-weight: bold;\n font-style: normal;\n}\n\nbody {\n font-family: Arial;\n font-size: 12px;\n color: #222222;\n}\n\nbutton,\nlabel,\ninput,\ntextarea,\nselect,\noption,\nul.tree-view,\n.window,\n.title-bar {\n font-family: \"Pixelated MS Sans Serif\", Arial;\n -webkit-font-smoothing: none;\n font-size: 11px;\n}\n\nh1 {\n font-size: 5rem;\n}\n\nh2 {\n font-size: 2.5rem;\n}\n\nh3 {\n font-size: 2rem;\n}\n\nh4 {\n font-size: 1.5rem;\n}\n\nu {\n text-decoration: none;\n border-bottom: 0.5px solid #222222;\n}\n\nbutton {\n box-sizing: border-box;\n border: none;\n background: var(--surface);\n box-shadow: var(--border-raised-outer), var(--border-raised-inner);\n border-radius: 0;\n\n min-width: 75px;\n min-height: 23px;\n padding: 0 12px;\n}\n\n.vertical-bar {\n width: 4px;\n height: 20px;\n background: #c0c0c0;\n box-shadow: var(--border-raised-outer), var(--border-raised-inner);\n}\n\nbutton:not(:disabled):active {\n box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\n padding: 2px 11px 0 13px;\n}\n\n@media (not(hover)) {\n button:not(:disabled):hover {\n box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\n }\n}\n\nbutton:focus {\n outline: 1px dotted #000000;\n outline-offset: -4px;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\n:disabled,\n:disabled + label {\n color: var(--button-shadow);\n}\n\nbutton:disabled,\n:disabled + label {\n text-shadow: 1px 1px 0 var(--button-highlight);\n}\n\n.window {\n box-shadow: var(--border-window-outer), var(--border-window-inner);\n background: var(--surface);\n padding: 3px;\n}\n\n.title-bar {\n background: linear-gradient(\n 90deg,\n var(--dialog-blue),\n var(--dialog-blue-light)\n );\n padding: 3px 2px 3px 3px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.title-bar.inactive {\n background: linear-gradient(\n 90deg,\n var(--dialog-gray),\n var(--dialog-gray-light)\n );\n}\n\n.title-bar-text {\n font-weight: bold;\n color: white;\n letter-spacing: 0;\n margin-right: 24px;\n}\n\n.title-bar-controls {\n display: flex;\n}\n\n.title-bar-controls button {\n padding: 0;\n display: block;\n min-width: 16px;\n min-height: 14px;\n}\n\n.title-bar-controls button:active {\n padding: 0;\n}\n\n.title-bar-controls button:focus {\n outline: none;\n}\n\n.title-bar-controls button[aria-label=\"Minimize\"] {\n background-image: svg-load(\"./icon/minimize.svg\");\n background-repeat: no-repeat;\n background-position: bottom 3px left 4px;\n}\n\n.title-bar-controls button[aria-label=\"Maximize\"] {\n background-image: svg-load(\"./icon/maximize.svg\");\n background-repeat: no-repeat;\n background-position: top 2px left 3px;\n}\n\n.title-bar-controls button[aria-label=\"Restore\"] {\n background-image: svg-load(\"./icon/restore.svg\");\n background-repeat: no-repeat;\n background-position: top 2px left 3px;\n}\n\n.title-bar-controls button[aria-label=\"Help\"] {\n background-image: svg-load(\"./icon/help.svg\");\n background-repeat: no-repeat;\n background-position: top 2px left 5px;\n}\n\n.title-bar-controls button[aria-label=\"Close\"] {\n margin-left: 2px;\n background-image: svg-load(\"./icon/close.svg\");\n background-repeat: no-repeat;\n background-position: top 3px left 4px;\n}\n\n.status-bar {\n margin: 0px 1px;\n display: flex;\n gap: 1px;\n}\n\n.status-bar-field {\n box-shadow: inset -1px -1px #dfdfdf, \n inset 1px 1px #808080;\n flex-grow: 1;\n padding: 2px 3px;\n margin: 0;\n}\n\n.window-body {\n margin: var(--element-spacing);\n}\n*/\n\nfieldset {\n border-image: svg-load(\"./icon/groupbox-border.svg\") 2;\n padding: calc(2 * var(--border-width) + var(--element-spacing));\n padding-block-start: var(--element-spacing);\n margin: 0;\n}\n\nlegend {\n background: var(--surface);\n}\n\n/* .field-row {\n display: flex;\n align-items: center;\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.field-row-stacked {\n display: flex;\n flex-direction: column;\n}\n\n.field-row-stacked * + * {\n margin-top: var(--grouped-element-spacing);\n}\n\n.field-row label {\n display: inline-flex;\n align-items: center;\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}\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\ninput[type=\"radio\"]:active + label::before {\n background: svg-load(\"./icon/radio-border-disabled.svg\");\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=\"radio\"]:focus + label,\ninput[type=\"checkbox\"]:focus + label {\n outline: 1px dotted #000000;\n}\n\ninput[type=\"radio\"][disabled] + label::before {\n background: svg-load(\"./icon/radio-border-disabled.svg\");\n}\n\ninput[type=\"radio\"][disabled]:checked + label::after {\n background: svg-load(\"./icon/radio-dot-disabled.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(--Window);\n box-shadow: var(--border-field);\n margin-right: var(--radio-label-spacing);\n}\n\ninput[type=\"checkbox\"]:active + label::before {\n background: var(--surface);\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}\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/*\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\nselect,\ntextarea {\n padding: 3px 4px;\n border: none;\n box-shadow: var(--border-field);\n background-color: var(--Window);\n color: var(--WindowText);\n box-sizing: border-box;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: 0;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\nselect {\n height: 21px;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"] {\n /* For some reason descenders are getting cut off without this *.../\n line-height: 2;\n}\n\ninput[type=\"text\"]:disabled,\ninput[type=\"password\"]:disabled,\ninput[type=\"email\"]:disabled,\ntextarea:disabled {\n background-color: var(--surface);\n}\n\nselect {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n position: relative;\n padding-right: 32px;\n background-image: svg-load(\"./icon/button-down.svg\");\n background-position: top 2px right 2px;\n background-repeat: no-repeat;\n border-radius: 0;\n}\n\nselect:focus,\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"email\"]:focus,\ntextarea:focus {\n outline: none;\n}\n*/\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n width: 100%;\n background: transparent;\n}\n\ninput[type=\"range\"]:focus {\n outline: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: 21px;\n width: 11px;\n background: svg-load(\"./icon/indicator-horizontal.svg\");\n transform: translateY(-8px);\n}\n\ninput[type=\"range\"].has-box-indicator::-webkit-slider-thumb {\n background: svg-load(\"./icon/indicator-rectangle-horizontal.svg\");\n transform: translateY(-10px);\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n height: 21px;\n width: 11px;\n border: 0;\n border-radius: 0;\n background: svg-load(\"./icon/indicator-horizontal.svg\");\n transform: translateY(2px);\n}\n\ninput[type=\"range\"].has-box-indicator::-moz-range-thumb {\n background: svg-load(\"./icon/indicator-rectangle-horizontal.svg\");\n transform: translateY(0px);\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n width: 100%;\n height: 2px;\n box-sizing: border-box;\n background: black;\n border-right: 1px solid grey;\n border-bottom: 1px solid grey;\n /* rtl:ignore */\n box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 darkgrey,\n -1px -1px 0 darkgrey, 0 -1px 0 darkgrey, -1px 1px 0 white, 1px -1px darkgrey;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n width: 100%;\n height: 2px;\n box-sizing: border-box;\n background: black;\n border-right: 1px solid grey;\n border-bottom: 1px solid grey;\n /* rtl:ignore */\n box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 darkgrey,\n -1px -1px 0 darkgrey, 0 -1px 0 darkgrey, -1px 1px 0 white, 1px -1px darkgrey;\n}\n\n.is-vertical {\n display: inline-block;\n width: 4px;\n height: 150px;\n transform: translateY(50%);\n}\n\n.is-vertical > input[type=\"range\"] {\n width: 150px;\n height: 4px;\n margin: 0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0\n var(--range-spacing);\n transform-origin: left;\n transform: rotate(270deg) translateX(calc(-50% + var(--element-spacing)));\n}\n\n.is-vertical > input[type=\"range\"]::-webkit-slider-runnable-track {\n border-left: 1px solid grey;\n border-right: 0;\n border-bottom: 1px solid grey;\n /* rtl:ignore */\n box-shadow: -1px 0 0 white, -1px 1px 0 white, 0 1px 0 white, 1px 0 0 darkgrey,\n 1px -1px 0 darkgrey, 0 -1px 0 darkgrey, 1px 1px 0 white, -1px -1px darkgrey;\n}\n\n.is-vertical > input[type=\"range\"]::-moz-range-track {\n border-left: 1px solid grey;\n border-right: 0;\n border-bottom: 1px solid grey;\n /* rtl:ignore */\n box-shadow: -1px 0 0 white, -1px 1px 0 white, 0 1px 0 white, 1px 0 0 darkgrey,\n 1px -1px 0 darkgrey, 0 -1px 0 darkgrey, 1px 1px 0 white, -1px -1px darkgrey;\n}\n\n.is-vertical > input[type=\"range\"]::-webkit-slider-thumb {\n transform: translateY(-8px) scaleX(-1);\n}\n\n.is-vertical > input[type=\"range\"].has-box-indicator::-webkit-slider-thumb {\n transform: translateY(-10px) scaleX(-1);\n}\n\n.is-vertical > input[type=\"range\"]::-moz-range-thumb {\n transform: translateY(2px) scaleX(-1);\n}\n\n.is-vertical > input[type=\"range\"].has-box-indicator::-moz-range-thumb {\n transform: translateY(0px) scaleX(-1);\n}\n\n/* select:focus {\n color: var(--HilightText);\n background-color: var(--Hilight);\n}\nselect:focus option {\n color: #000;\n background-color: #fff;\n}\n\nselect:active {\n background-image: svg-load(\"./icon/button-down-active.svg\");\n} */\n\n/* a {\n color: var(--link-blue);\n}\n\na:focus {\n outline: 1px dotted var(--link-blue);\n} */\n\n/* ul.tree-view {\n display: block;\n background: var(--Window);\n box-shadow: var(--border-field);\n padding: 6px;\n margin: 0;\n}\n\nul.tree-view li {\n list-style-type: none;\n}\n\nul.tree-view a {\n text-decoration: none;\n color: #000;\n}\n\nul.tree-view a:focus {\n background-color: var(--Hilight);\n color: var(--HilightText);\n}\n\nul.tree-view ul,\nul.tree-view li {\n margin-top: 3px;\n}\n\nul.tree-view ul {\n margin-left: 16px;\n padding-left: 16px;\n /* Goes down too far *.../\n border-left: 1px dotted #808080;\n}\n\nul.tree-view ul > li {\n position: relative;\n}\nul.tree-view ul > li::before {\n content: \"\";\n display: block;\n position: absolute;\n left: -16px;\n top: 6px;\n width: 12px;\n border-bottom: 1px dotted #808080;\n}\n\n/* Cover the bottom of the left dotted border *.../\nul.tree-view ul > li:last-child::after {\n content: \"\";\n display: block;\n position: absolute;\n left: -20px;\n top: 7px;\n bottom: 0px;\n width: 8px;\n background: var(--Window);\n}\n\nul.tree-view details {\n margin-top: 0;\n}\n\nul.tree-view details[open] summary {\n margin-bottom: 0;\n}\n\nul.tree-view ul details > summary:before {\n margin-left: -22px;\n position: relative;\n z-index: 1;\n}\n\nul.tree-view details > summary:before {\n text-align: center;\n display: block;\n float: left;\n content: \"+\";\n border: 1px solid #808080;\n width: 8px;\n height: 9px;\n line-height: 8px;\n margin-right: 5px;\n padding-left: 1px;\n background-color: #fff;\n}\n\nul.tree-view details[open] > summary:before {\n content: \"-\";\n} */\n\n/* pre {\n display: block;\n background: var(--Window);\n box-shadow: var(--border-field);\n padding: 12px 8px;\n margin: 0;\n}\n\ncode,\ncode * {\n font-family: monospace;\n}\n\nsummary:focus {\n outline: 1px dotted #000000;\n} */\n\n/*\n::-webkit-scrollbar {\n width: 16px;\n}\n::-webkit-scrollbar:horizontal {\n height: 17px;\n}\n\n::-webkit-scrollbar-corner {\n background: var(--button-face);\n}\n\n::-webkit-scrollbar-track {\n background-image: svg-load(\"./icon/scrollbar-background.svg\");\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(--button-face);\n box-shadow: var(--border-raised-outer), var(--border-raised-inner);\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 height: 17px;\n background-image: svg-load(\"./icon/button-up.svg\");\n}\n::-webkit-scrollbar-button:vertical:end {\n height: 17px;\n background-image: svg-load(\"./icon/button-down.svg\");\n}\n::-webkit-scrollbar-button:horizontal:start {\n width: 16px;\n background-image: svg-load(\"./icon/button-left.svg\");\n}\n::-webkit-scrollbar-button:horizontal:end {\n width: 16px;\n background-image: svg-load(\"./icon/button-right.svg\");\n}\n*/\n"]} |