Template:Recipe draw/styles.css: Difference between revisions
From Captain of Industry Wiki
ABravePanda (talk | contribs) No edit summary Tag: Manual revert |
Thadius856 (talk | contribs) Styling to make the template output look just like the recipe list inside machines |
||
| Line 6: | Line 6: | ||
.recipe-wrapper { | .recipe-wrapper { | ||
display: table; | |||
min-height: 75px; | min-height: 75px; | ||
margin: 7px; | |||
padding: 4px 18px; | |||
color: white; | |||
background-color: rgba(34,34,34,1); | |||
border: 3px solid rgba(128,128,128,1); | |||
font-size: 16px; | font-size: 16px; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Revision as of 16:20, 16 January 2022
/* External stylesheet intended for ease of maintenance with the following templates:
- Template:Recipe
*/
.recipe-wrapper {
display: table;
min-height: 75px;
margin: 7px;
padding: 4px 18px;
color: white;
background-color: rgba(34,34,34,1);
border: 3px solid rgba(128,128,128,1);
font-size: 16px;
font-weight: bold;
}
.block {
display: inline-block;
max-width: 64px;
text-align: center;
vertical-align: middle;
padding: 0 5px;
}
.accepts-provides { max-width: unset; }
.quantity { margin-top: 5px; }
.colon { font-size: 24px; }
.plus { font-size: 36px; }
