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)  +accepts/provides block  | 
				||
| Line 27: | Line 27: | ||
   text-align: center;  |    text-align: center;  | ||
   vertical-align:top;  |    vertical-align:top;  | ||
}  | |||
.accepts-provides {  | |||
  max-width: 64px;  | |||
  max-height: 64px;  | |||
  text-align: center;  | |||
  vertical-align: middle;  | |||
  padding: 0 10px;  | |||
}  | }  | ||
Revision as of 13:02, 13 January 2022
/* External stylesheet intended for ease of maintenance with the following templates:
   - Template:Recipe
*/
.recipe-wrapper {
  min-height: 75px;
  font-size: 14px;
  font-weight: bold;
}
.inline-block {
  display: inline-block;
}
.building-container {
  max-width: 64px;
  max-height: 64px;
  text-align: center;
  vertical-align: top;
}
.material-container {
  max-width: 48px;
  max-height: 48px;
  text-align: center;
  vertical-align:top;
}
.accepts-provides {
  max-width: 64px;
  max-height: 64px;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}
.quantity-container {
  margin-top: 5px;
}
.colon {
  font-size: 18px;
  width: 15px;
  text-align: center;
  vertical-align: text-top;
}
.arrow {
  margin-top: 15px;
  width: 50px;
  text-align: center;
}
.arrow2 {
  height: 45px;
  text-align: center;
  display: inline-block;
  font-size: 10pt;
}
.plus {
  font-size: 18px;
  width: 20px;
  text-align: center;
  vertical-align: bottom;
}