Difference between revisions of "MediaWiki:Gadget-calculator-core.css"

From WikiAnesthesia
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;
    }
}