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) +special formatting for unreleased recipes |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
.recipe-wrapper { | .recipe-wrapper { | ||
display: table; | |||
min-height: 75px; | min-height: 75px; | ||
font-size: | 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; | font-weight: bold; | ||
} | } | ||
| Line 18: | 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;
}