Template:Recipe draw/styles.css: Difference between revisions
From Captain of Industry Wiki
								
												
				Thadius856 (talk | contribs)  further refinement toward in-game ui  | 
				Thadius856 (talk | contribs)  More slimming down (test)  | 
				||
| Line 18: | Line 18: | ||
.item {  | .item {  | ||
   max-width: 64px;  |    max-width: 64px;  | ||
}  | }  | ||
| Line 34: | Line 32: | ||
.colon {  | .colon {  | ||
   font-size: 24px;  |    font-size: 24px;  | ||
}  | }  | ||
| Line 50: | Line 45: | ||
   vertical-align: middle;  |    vertical-align: middle;  | ||
   padding: 0 10px;  |    padding: 0 10px;  | ||
}  | |||
.block {  | |||
  display: inline-block;  | |||
  max-width: 64px;  | |||
  text-align: center;  | |||
  vertical-align: middle;  | |||
  padding: 0 5px;  | |||
}  | }  | ||
Revision as of 13:49, 13 January 2022
/* External stylesheet intended for ease of maintenance with the following templates:
   - Template:Recipe
*/
.recipe-wrapper {
  min-height: 75px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.ib {
  display: inline-block;
}
.item {
  max-width: 64px;
}
.accepts-provides {
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}
.quantity {
  margin-top: 5px;
}
.colon {
  font-size: 24px;
}
.arrow {
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}
.plus {
  font-size: 36px;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}
.block {
  display: inline-block;
  max-width: 64px;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px;
}