Difference between revisions of "MediaWiki:Gadget-calculator-drugDosage.css"
From WikiAnesthesia
Chris Rishel (talk | contribs) |
Chris Rishel (talk | contribs) |
||
| Line 1: | Line 1: | ||
.calculator- | .calculator-DrugDosageCalculation { | ||
background: inherit; | |||
width: 100%; | width: 100%; | ||
} | } | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-title { | ||
padding: 0; | padding: 0; | ||
} | } | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-title-background { | ||
display: block; | display: block; | ||
} | } | ||
@media only screen and (max-width: 529px) { | @media only screen and (max-width: 529px) { | ||
.calculator- | .calculator-DrugDosageCalculation .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- | .calculator-DrugDosageCalculation .calculator-calculation-title-background { | ||
padding: 0.75rem; | padding: 0.75rem; | ||
} | } | ||
} | } | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-title-highlight { | ||
padding: 0.2rem; | padding: 0.2rem; | ||
} | } | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-title-name { | ||
font-weight: 500; | font-weight: 500; | ||
} | } | ||
@media only screen and (max-width: 529px) { | @media only screen and (max-width: 529px) { | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-dosage, | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-info { | ||
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- | .calculator-DrugDosageCalculation .calculator-calculation-dosage, | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-info { | ||
padding: 1rem 1.5rem; | padding: 1rem 1.5rem; | ||
} | } | ||
} | } | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-dose { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: space-between; | justify-content: space-between; | ||
} | } | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-dose-info { | ||
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- | .calculator-DrugDosageCalculation .calculator-calculation-dose-info-population { | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-dose-data ul, | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-info ul { | ||
margin: 0 0 0 1rem; | margin: 0 0 0 1rem; | ||
} | } | ||
.calculator- | .calculator-DrugDosageCalculation .calculator-calculation-options { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
Revision as of 14:13, 19 September 2021
.calculator-DrugDosageCalculation {
background: inherit;
width: 100%;
}
.calculator-DrugDosageCalculation .calculator-calculation-title {
padding: 0;
}
.calculator-DrugDosageCalculation .calculator-calculation-title-background {
display: block;
}
@media only screen and (max-width: 529px) {
.calculator-DrugDosageCalculation .calculator-calculation-title-background {
padding: 0.5rem;
}
}
@media only screen and (min-width: 530px) {
.calculator-DrugDosageCalculation .calculator-calculation-title-background {
padding: 0.75rem;
}
}
.calculator-DrugDosageCalculation .calculator-calculation-title-highlight {
padding: 0.2rem;
}
.calculator-DrugDosageCalculation .calculator-calculation-title-name {
font-weight: 500;
}
@media only screen and (max-width: 529px) {
.calculator-DrugDosageCalculation .calculator-calculation-dosage,
.calculator-DrugDosageCalculation .calculator-calculation-info {
padding: 0.2rem 0.5rem;
}
}
@media only screen and (min-width: 530px) {
.calculator-DrugDosageCalculation .calculator-calculation-dosage,
.calculator-DrugDosageCalculation .calculator-calculation-info {
padding: 1rem 1.5rem;
}
}
.calculator-DrugDosageCalculation .calculator-calculation-dose {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.calculator-DrugDosageCalculation .calculator-calculation-dose-info {
border-bottom: 1px solid rgba(0,0,0,0.15);
margin-bottom: 0.1rem;
}
.calculator-DrugDosageCalculation .calculator-calculation-dose-info-population {
font-style: italic;
}
.calculator-DrugDosageCalculation .calculator-calculation-dose-data ul,
.calculator-DrugDosageCalculation .calculator-calculation-info ul {
margin: 0 0 0 1rem;
}
.calculator-DrugDosageCalculation .calculator-calculation-options {
vertical-align: top;
}