Difference between revisions of "MediaWiki:Gadget-calculator-drugDosage.css"
From WikiAnesthesia
Chris Rishel (talk | contribs) |
Chris Rishel (talk | contribs) |
||
| Line 1: | Line 1: | ||
.calculator-DrugDosageCalculator . | .calculator-DrugDosageCalculator .row { | ||
width: 100%; | |||
} | } | ||
.calculator-DrugDosageCalculator- | .calculator-DrugDosageCalculator .calculator-calculation-title-background { | ||
display: block; | display: block; | ||
} | } | ||
@media only screen and (max-width: 529px) { | @media only screen and (max-width: 529px) { | ||
.calculator-DrugDosageCalculator- | .calculator-DrugDosageCalculator .calculator-calculation-title-background { | ||
padding: 0.5rem; | padding: 0.5rem; | ||
} | } | ||
} | } | ||
@media only screen and (min-width: 530px) { | @media only screen and (min-width: 530px) { | ||
.calculator-DrugDosageCalculator- | .calculator-DrugDosageCalculator .calculator-calculation-title-background { | ||
padding: 0.75rem; | padding: 0.75rem; | ||
} | } | ||
} | } | ||
.calculator-DrugDosageCalculator- | .calculator-DrugDosageCalculator .calculator-calculation-title-highlight { | ||
padding: 0.2rem; | padding: 0.2rem; | ||
} | } | ||
@media only screen and (max-width: 529px) { | @media only screen and (max-width: 529px) { | ||
.calculator-DrugDosageCalculator-dosage | .calculator-DrugDosageCalculator .calculator-calculation-dosage { | ||
padding: 0.2rem 0.5rem; | padding: 0.2rem 0.5rem; | ||
} | } | ||
} | } | ||
@media only screen and (min-width: 530px) { | @media only screen and (min-width: 530px) { | ||
.calculator-DrugDosageCalculator-dosage | .calculator-DrugDosageCalculator .calculator-calculation-dosage { | ||
padding: 1rem 1.5rem; | padding: 1rem 1.5rem; | ||
} | } | ||
} | } | ||
.calculator-DrugDosageCalculator-dose | .calculator-DrugDosageCalculator .calculator-calculation-dose { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: space-between; | justify-content: space-between; | ||
} | } | ||
.calculator-DrugDosageCalculator | .calculator-DrugDosageCalculator .calculator-calculation-dose-info { | ||
.calculator- | |||
border-bottom: 1px solid rgba(0,0,0,0.15); | border-bottom: 1px solid rgba(0,0,0,0.15); | ||
margin-bottom: 0.1rem; | margin-bottom: 0.1rem; | ||
} | } | ||
.calculator-DrugDosageCalculator-dose-info-population { | .calculator-DrugDosageCalculator .calculator-calculation-dose-info-population { | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
.calculator-DrugDosageCalculator-options | .calculator-DrugDosageCalculator .calculator-calculation-dose-data ul { | ||
margin: 0 0 0 1rem; | |||
} | |||
.calculator-DrugDosageCalculator .calculator-calculation-options { | |||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
Revision as of 06:59, 24 August 2021
.calculator-DrugDosageCalculator .row {
width: 100%;
}
.calculator-DrugDosageCalculator .calculator-calculation-title-background {
display: block;
}
@media only screen and (max-width: 529px) {
.calculator-DrugDosageCalculator .calculator-calculation-title-background {
padding: 0.5rem;
}
}
@media only screen and (min-width: 530px) {
.calculator-DrugDosageCalculator .calculator-calculation-title-background {
padding: 0.75rem;
}
}
.calculator-DrugDosageCalculator .calculator-calculation-title-highlight {
padding: 0.2rem;
}
@media only screen and (max-width: 529px) {
.calculator-DrugDosageCalculator .calculator-calculation-dosage {
padding: 0.2rem 0.5rem;
}
}
@media only screen and (min-width: 530px) {
.calculator-DrugDosageCalculator .calculator-calculation-dosage {
padding: 1rem 1.5rem;
}
}
.calculator-DrugDosageCalculator .calculator-calculation-dose {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.calculator-DrugDosageCalculator .calculator-calculation-dose-info {
border-bottom: 1px solid rgba(0,0,0,0.15);
margin-bottom: 0.1rem;
}
.calculator-DrugDosageCalculator .calculator-calculation-dose-info-population {
font-style: italic;
}
.calculator-DrugDosageCalculator .calculator-calculation-dose-data ul {
margin: 0 0 0 1rem;
}
.calculator-DrugDosageCalculator .calculator-calculation-options {
vertical-align: top;
}