Template:Recipe draw/styles.css: Difference between revisions
From Captain of Industry Wiki
								
												
				Thadius856 (talk | contribs)  Creation to migrate from inline styles  | 
				Thadius856 (talk | contribs)  +special formatting for unreleased recipes  | 
				||
| (19 intermediate revisions by 2 users 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;  | ||
}  | }  | ||
.  | .block {  | ||
   display: inline-block;  |    display: inline-block;  | ||
   max-width: 64px;  |    max-width: 64px;  | ||
   text-align: center;  |    text-align: center;  | ||
   vertical-align:   |    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;  |    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;
}