Jump to content

MediaWiki:Recipe.css: Difference between revisions

From The Petit Planet Wiki
Replaced
m Minor colour adjustment to match Card styling
Line 1: Line 1:
/*Recipe*/
/*Recipe*/
.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:47px;
    line-height:40px;
height:49px;
    height:40px;
background: var(--theme-color-5);
    background:var(--theme-color-3);
border-radius:5px;
    border-radius:5px;
padding-right:10px;
    padding-right:10px;
padding-left:10px;
    padding-left:10px;
margin-right:5px;
    margin-right:5px;
.skin-theme-clientpref-day & a {
    .skin-theme-clientpref-day & a {
color: var(--page-text-color);
        color:var(--page-text-color);
}
    }
}
}
.recipe_header_sub {
.recipe_header_sub {
height:35px;
    height:35px;
line-height:34px;
    line-height:34px;
font-size:13px;
    font-size:13px;
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:#fff;
    color:var(--page-text-color);
font-weight:bold;
    font-weight:bold;
}
}
.recipe_header_text>a {
.recipe_header_text>a {
color:#fff;
    color:var(--page-text-color);
}
}
.recipe_header_text>a:hover {
.recipe_header_text>a:hover {
color:#fff;
    color:var(--page-text-color);
}
}
.recipe_body > * {
.recipe_body > * {

Revision as of 13:38, 14 November 2025

/*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;
}