Difference between revisions of "MediaWiki:Gadget-calculator-drugDosage.css"
From WikiAnesthesia
Chris Rishel (talk | contribs) m (Chris.Rishel moved page MediaWiki:Gadget-calculator-drugs-core.css to MediaWiki:Gadget-calculator-drugDosages.css without leaving a redirect) |
Chris Rishel (talk | contribs) |
||
| Line 1: | Line 1: | ||
.calculator-DrugDosageCalculation { | .calculator-DrugDosageCalculation { | ||
background: inherit; | |||
max-width: 800px; | |||
width: 100%; | |||
} | } | ||
.calculator-DrugDosageCalculation .calculator-calculation-title { | .calculator-DrugDosageCalculation .calculator-calculation-title { | ||
padding: 0; | |||
} | } | ||
.calculator-DrugDosageCalculation .calculator-calculation-title-background { | .calculator-DrugDosageCalculation .calculator-calculation-title-background { | ||
display: block; | |||
} | } | ||
@media only screen and (max-width: 529px) { | @media only screen and (max-width: 529px) { | ||
.calculator-DrugDosageCalculation .calculator-calculation-title-background { | |||
padding: 0.5rem; | |||
} | |||
} | } | ||
@media only screen and (min-width: 530px) { | @media only screen and (min-width: 530px) { | ||
.calculator-DrugDosageCalculation .calculator-calculation-title-background { | |||
padding: 0.75rem; | |||
} | |||
} | } | ||
.calculator-DrugDosageCalculation .calculator-calculation-title-highlight { | .calculator-DrugDosageCalculation .calculator-calculation-title-highlight { | ||
padding: 0.2rem; | |||
} | } | ||
.calculator-DrugDosageCalculation .calculator-calculation-title-name { | .calculator-DrugDosageCalculation .calculator-calculation-title-name { | ||
font-weight: 500; | |||
} | } | ||
@media only screen and (max-width: 529px) { | @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) { | @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 { | .calculator-DrugDosageCalculation .calculator-calculation-dose { | ||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
} | } | ||
.calculator-DrugDosageCalculation .calculator-calculation-dose-info { | .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 { | .calculator-DrugDosageCalculation .calculator-calculation-dose-info-population { | ||
font-style: italic; | |||
} | } | ||
.calculator-DrugDosageCalculation .calculator-calculation-dose-data ul, | .calculator-DrugDosageCalculation .calculator-calculation-dose-data ul, | ||
.calculator-DrugDosageCalculation .calculator-calculation-info ul { | .calculator-DrugDosageCalculation .calculator-calculation-info ul { | ||
margin: 0 0 0 1rem; | |||
} | } | ||
.calculator-DrugDosageCalculation .calculator-calculation-options { | .calculator-DrugDosageCalculation .calculator-calculation-options { | ||
vertical-align: top; | |||
} | |||
.calculator-DrugDosageCalculation .calculator-calculation-infoButton { | |||
padding-top: 1rem; | |||
} | } | ||
Revision as of 20:34, 20 September 2021
.calculator-DrugDosageCalculation {
background: inherit;
max-width: 800px;
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;
}
.calculator-DrugDosageCalculation .calculator-calculation-infoButton {
padding-top: 1rem;
}