MediaWiki:Recipe.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/*Recipe*/
.recipe_header {
    margin-bottom:7px;
    margin-top:10px;
}
.recipe_header_main,
.recipe_header_sub {
    display:inline-block;
    line-height:40px;
    height:40px;
    background:var(--theme-color-3);
    border-radius:5px;
    padding-right:10px;
    padding-left:10px;
    margin-right:5px;
    .skin-theme-clientpref-day & a {
        color:var(--page-text-color);
    }
}
.recipe_header_sub {
    height:35px;
    line-height:34px;
    font-size:13px;
    text-transform:capitalize;
    padding-left:7px;
    padding-right:7px;
}
.recipe_header_text,
.recipe_header_text>a {
    vertical-align:baseline;
    color:var(--page-text-color);
    font-weight:bold;
}
.recipe_header_text>a {
    color:var(--page-text-color);
}
.recipe_header_text>a:hover {
    color:var(--page-text-color);
}
.recipe_body > * {
    vertical-align:top;
}
.recipe_body_icon {
    margin:30px 0;
    display:inline-block;
}
.recipe_body_yield {
    display:inline-block;
}