Template:Recipe/styles.css: Difference between revisions
Template page
More actions
m Stevium moved page MediaWiki:Recipe.css to Template:Recipe/styles.css without leaving a redirect: Changing how the Recipe stylesheet is loaded: now uses TemplateStyles instead of @import |
Stevium changed the content model of the page Template:Recipe/styles.css from "CSS" to "Sanitized CSS": TemplateStyles |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
.recipe_header { | .recipe_header { | ||
margin-bottom:7px; | margin-bottom: 7px; | ||
margin-top:10px; | margin-top: 10px; | ||
} | } | ||
.recipe_header_main, | .recipe_header_main, | ||
.recipe_header_sub { | .recipe_header_sub { | ||
display:inline-block; | display: inline-block; | ||
line-height: | line-height: 2rem; | ||
height: | height: 2rem; | ||
background:var(--background-color- | background: var(--background-color-2); | ||
border-radius:5px; | border-radius: 5px; | ||
padding-right:10px; | padding-right: 10px; | ||
padding-left:10px; | padding-left: 10px; | ||
margin-right:5px; | margin-right: 5px; | ||
} | } | ||
.recipe_header_main:hover, | |||
.recipe_header_sub:hover { | |||
background-color: var(--background-color-3); | |||
} | |||
.recipe_header_sub { | .recipe_header_sub { | ||
height: | height: 1.5rem; | ||
line-height: | line-height: 1.5rem; | ||
font-size: | font-size: 0.8rem; | ||
text-transform:capitalize; | text-transform: capitalize; | ||
padding-left:7px; | padding-left: 7px; | ||
padding-right:7px; | padding-right: 7px; | ||
} | } | ||
.recipe_header_text, | .recipe_header_text, | ||
.recipe_header_text>a { | .recipe_header_text > a { | ||
vertical-align:baseline; | vertical-align: baseline; | ||
color:var(--color-base); | color: var(--color-base); | ||
font-weight:bold; | font-weight: bold; | ||
} | } | ||
.recipe_header_text>a { | |||
color:var(--color-base); | .recipe_header_text > a { | ||
color: var(--color-base); | |||
} | } | ||
.recipe_header_text>a:hover { | |||
color:var(--color-base); | .recipe_header_text > a:hover { | ||
color: var(--color-base); | |||
text-decoration: none; | |||
} | } | ||
.recipe_body > * { | .recipe_body > * { | ||
vertical-align:top; | vertical-align: top; | ||
} | } | ||
.recipe_body_icon { | .recipe_body_icon { | ||
margin:30px 0; | margin: 30px 0; | ||
display:inline-block; | display: inline-block; | ||
} | } | ||
.recipe_body_yield { | .recipe_body_yield { | ||
display:inline-block; | display: inline-block; | ||
} | } | ||