Jump to content

MediaWiki:Recipe.css: Difference between revisions

From The Petit Planet Wiki
m Minor colour adjustment to match Card styling
No edit summary
 
Line 9: Line 9:
     line-height:40px;
     line-height:40px;
     height:40px;
     height:40px;
     background:var(--theme-color-3);
     background:var(--background-color-3);
     border-radius:5px;
     border-radius:5px;
     padding-right:10px;
     padding-right:10px;
Line 15: Line 15:
     margin-right:5px;
     margin-right:5px;
     .skin-theme-clientpref-day & a {
     .skin-theme-clientpref-day & a {
         color:var(--page-text-color);
         color:var(--color-base);
     }
     }
}
}
Line 29: Line 29:
.recipe_header_text>a {
.recipe_header_text>a {
     vertical-align:baseline;
     vertical-align:baseline;
     color:var(--page-text-color);
     color:var(--color-base);
     font-weight:bold;
     font-weight:bold;
}
}
.recipe_header_text>a {
.recipe_header_text>a {
     color:var(--page-text-color);
     color:var(--color-base);
}
}
.recipe_header_text>a:hover {
.recipe_header_text>a:hover {
     color:var(--page-text-color);
     color:var(--color-base);
}
}
.recipe_body > * {
.recipe_body > * {

Latest revision as of 11:40, 16 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(--background-color-3);
    border-radius:5px;
    padding-right:10px;
    padding-left:10px;
    margin-right:5px;
    .skin-theme-clientpref-day & a {
        color:var(--color-base);
    }
}
.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(--color-base);
    font-weight:bold;
}
.recipe_header_text>a {
    color:var(--color-base);
}
.recipe_header_text>a:hover {
    color:var(--color-base);
}
.recipe_body > * {
    vertical-align:top;
}
.recipe_body_icon {
    margin:30px 0;
    display:inline-block;
}
.recipe_body_yield {
    display:inline-block;
}