Difference between revisions of "MediaWiki:Gadget-calculator-core.css"
From WikiAnesthesia
Chris Rishel (talk | contribs) |
Chris Rishel (talk | contribs) |
||
Line 2: | Line 2: | ||
width: 100%; | width: 100%; | ||
} | } | ||
.calculator .wikitable td { | .calculator .wikitable td { | ||
font-size: 0.9rem !important; | font-size: 0.9rem !important; | ||
padding: 0.2rem 0.4rem; | padding: 0.2rem 0.4rem; | ||
} | } | ||
.calculator .wikitable th { | .calculator .wikitable th { | ||
font-size: 0.9rem !important; | font-size: 0.9rem !important; | ||
Line 14: | Line 12: | ||
width: 50%; | width: 50%; | ||
} | } | ||
.calculator .calculator-input { | |||
font-size: inherit; | |||
} | |||
.calculator-calculation-variables { | .calculator-calculation-variables { | ||
padding-left: 2rem !important; | padding-left: 2rem !important; | ||
} | } | ||
.calculator-calculation-variables .form-group { | .calculator-calculation-variables .form-group { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
.calculator-calculation-column-label-info { | .calculator-calculation-column-label-info { | ||
float: right; | float: right; | ||
} | } | ||
.calculator-calculation-column-value { | .calculator-calculation-column-value { | ||
text-align: right; | text-align: right; | ||
} | } | ||
@media only screen and (max-width: 529px) { | @media only screen and (max-width: 529px) { | ||
.calculator-input-text { | .calculator-input-text { | ||
Line 37: | Line 33: | ||
} | } | ||
} | } | ||
@media only screen and (max-width: 529px) { | @media only screen and (max-width: 529px) { | ||
.calculator-input-select { | .calculator-input-select { |
Revision as of 19:47, 11 August 2021
.calculator .wikitable { width: 100%; } .calculator .wikitable td { font-size: 0.9rem !important; padding: 0.2rem 0.4rem; } .calculator .wikitable th { font-size: 0.9rem !important; padding: 0.2rem 0.4rem; text-align: left; width: 50%; } .calculator .calculator-input { font-size: inherit; } .calculator-calculation-variables { padding-left: 2rem !important; } .calculator-calculation-variables .form-group { margin-bottom: 0; } .calculator-calculation-column-label-info { float: right; } .calculator-calculation-column-value { text-align: right; } @media only screen and (max-width: 529px) { .calculator-input-text { padding-right: 0.5rem; padding-left: 0.5rem; } } @media only screen and (max-width: 529px) { .calculator-input-select { padding-right: 1.5rem; padding-left: 0.5rem; } }