Difference between revisions of "Template:Recipe draw/styles.css"
From Captain of Industry Wiki
Thadius856 (talk | contribs) (Styling to make the template output look just like the recipe list inside machines) |
Thadius856 (talk | contribs) (+special formatting for unreleased recipes) |
||
(7 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
margin: 7px; | margin: 7px; | ||
padding: 4px 18px; | padding: 4px 18px; | ||
color: | color: rgba(255,255,255,1); | ||
background-color: rgba(34,34,34,1); | background-color: rgba(34,34,34,1); | ||
border: | border: 2px solid rgba(128,128,128,1); | ||
font-size: | font-size: 15px; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Line 23: | Line 23: | ||
vertical-align: middle; | vertical-align: middle; | ||
padding: 0 5px; | padding: 0 5px; | ||
} | |||
.time { | |||
padding: 0 15px; | |||
font-weight: normal; | |||
} | } | ||
.accepts-provides { max-width: unset; } | .accepts-provides { max-width: unset; } | ||
. | .upper { padding-bottom: 5px; } | ||
.lower { padding-top: 5px; } | |||
.colon { font-size: 24px; } | .colon { font-size: 24px; } | ||
. | .blue { color: rgba(106,205,253,1); } | ||
.upper img, .lower img { margin-top: -2px; } | |||
.unreleased_border { border: 1px dashed yellow; } | |||
.unreleased_label { | |||
text-align: center; | |||
color: yellow; | |||
} |
Latest revision as of 11:40, 1 February 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: rgba(255,255,255,1); background-color: rgba(34,34,34,1); border: 2px solid rgba(128,128,128,1); font-size: 15px; font-weight: bold; } .block { display: inline-block; max-width: 64px; text-align: center; vertical-align: middle; padding: 0 5px; } .time { padding: 0 15px; font-weight: normal; } .accepts-provides { max-width: unset; } .upper { padding-bottom: 5px; } .lower { padding-top: 5px; } .colon { font-size: 24px; } .blue { color: rgba(106,205,253,1); } .upper img, .lower img { margin-top: -2px; } .unreleased_border { border: 1px dashed yellow; } .unreleased_label { text-align: center; color: yellow; }