MediaWiki:Common.js/calc.css

/* Whole calculator form */ .mw-parser-output table.jcTable { --calc-background: var(--custom-adaptive-dark); --calc-border: var(--custom-adaptive-dark); --calc-label-background: var(--custom-adaptive-extradark); --calc-input-color: white; --calc-header-color: var(--theme-page-text-color); --calc-button-background: var(--theme-accent-color); --calc-button-background-hover: var(--theme-accent-color--hover); --calc-background: var(--theme-page-background-color--secondary); border-spacing: 0.1em; border-collapse: separate; border-color: var(--theme-accent-color); background-color: var(--calc-background); } .theme-fandomdesktop-light .mw-parser-output table.jcTable { --calc-background: #c6c6c6; /* using grayscale */ --calc-border: #adadad; /* using grayscale */ --calc-label-background: #ffffff; /* using grayscale */ --calc-input-color: black; }

/* Submit cell formatting */ .mw-parser-output table.jcTable .jcSubmit { vertical-align: bottom; cursor: pointer; font-weight: 600; transition: background-color .3s; border: none; background-color: var(--calc-button-background); }

.mw-parser-output table.jcTable .jcSubmit:hover { background-color: var(--calc-button-background-hover); }

/* Table cell styling */ .mw-parser-output table.jcTable .jcTable-toprow a { float: right; font-size: 0.5em; margin-left: 1em; color: var(--calc-header-color); }

.mw-parser-output table.jcTable .jcTable-toprow { color: var(--calc-header-color); border-color: var(--calc-border); } .mw-parser-output table.jcTable .jcTable-cell-normal, .mw-parser-output table.jcTable .jcResult { background-color: var(--calc-label-background); border-color: var(--calc-border); } .mw-parser-output table.jcTable .jcLabel { text-align: right; }

/* Param cell styling */ .mw-parser-output table.jcTable input, .mw-parser-output table.jcTable select { background-color: transparent; padding: 0.3em; border:none; color: var(--calc-input-color); }

/* Inner result cell styling */ .jcTable .jcResult .mw-parser-output { font-family: Courier, monospace; padding: 0 2em; }

/* Select drop-down styling */ .jcTable select option { color: #FFF; background-color: var(--calc-background); }