MediaWiki:Common.js/calc.css

/* Whole calculator form */ .jcTable { --calc-header-background: #221b1b; --calc-header-color: var(--theme-page-text-color); --calc-label-background: #0d0606; --calc-input-color: white; --calc-button-background: var(--theme-accent-color); --calc-button-background-hover: #ed8e5f; --calc-background: var(--theme-page-background-color--secondary); --calc-border: #221b1b; border-spacing: 0.1em; border-collapse: separate; border-color:var(--theme-accent-color) !important; } .theme-fandomdesktop-light .jcTable { --calc-header-background: #c6c6c6; --calc-header-color: var(--theme-page-text-color); --calc-label-background: #ffffff; --calc-input-color: black; --calc-button-background-hover: #ffda7e; }

/* Submit cell formatting */ .jcTable .jcSubmit.noselect { vertical-align: bottom; cursor: pointer; font-weight: 600; transition-duration: 0.3s; border: 1px solid white; }

.jcTable .jcSubmit:hover { box-shadow: 0 0 1px #aaaaaa; background: var(--calc-button-background-hover); }

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

.jcTable .jcTable-toprow{ background: var(--calc-header-background); color:var(--calc-header-color) !important; border-color:var(--calc-border) !important; } .jcTable .jcTable-cell-normal, .jcTable .jcResult{ background: var(--calc-label-background); border-color:var(--calc-border) !important; } .jcTable .jcLabel { text-align: right; } .jcTable .jcSubmit{ background:var(--calc-button-background); border-color:var(--calc-border) !important; }

/* Param cell styling */ .jcTable input, .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); }