Template:Recipe/styles.css: Difference between revisions
Template page
More actions
ReisuDesign (talk | contribs) Created page with "→Recipe: .new_genshin_recipe_header { display:none; } .new_genshin_recipe_body > * { vertical-align:top; } .new_genshin_recipe_body_icon { margin:30px 0; display:inline-block; width: 30px !important; } .new_genshin_recipe_body_yield { display:inline-block; }" |
Stevium changed the content model of the page Template:Recipe/styles.css from "CSS" to "Sanitized CSS": TemplateStyles |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.recipe_header { | |||
. | margin-bottom: 7px; | ||
margin-top: 10px; | |||
} | } | ||
. | |||
.recipe_header_main, | |||
.recipe_header_sub { | |||
display: inline-block; | |||
line-height: 2rem; | |||
height: 2rem; | |||
background: var(--background-color-2); | |||
border-radius: 5px; | |||
padding-right: 10px; | |||
padding-left: 10px; | |||
margin-right: 5px; | |||
} | } | ||
. | |||
.recipe_header_main:hover, | |||
.recipe_header_sub:hover { | |||
background-color: var(--background-color-3); | |||
} | } | ||
. | |||
display:inline-block; | .recipe_header_sub { | ||
height: 1.5rem; | |||
line-height: 1.5rem; | |||
font-size: 0.8rem; | |||
text-transform: capitalize; | |||
padding-left: 7px; | |||
padding-right: 7px; | |||
} | |||
.recipe_header_text, | |||
.recipe_header_text > a { | |||
vertical-align: baseline; | |||
color: var(--color-base); | |||
font-weight: bold; | |||
} | |||
.recipe_header_text > a { | |||
color: var(--color-base); | |||
} | |||
.recipe_header_text > a:hover { | |||
color: var(--color-base); | |||
text-decoration: none; | |||
} | |||
.recipe_body > * { | |||
vertical-align: top; | |||
} | |||
.recipe_body_icon { | |||
margin: 30px 0; | |||
display: inline-block; | |||
} | |||
.recipe_body_yield { | |||
display: inline-block; | |||
} | } | ||