Difference between revisions of "Template:Recipe draw/styles.css"

From Captain of Industry Wiki
Jump to: navigation, search
(further refinement toward in-game ui)
(More slimming down (test))
Line 18: Line 18:
.item {
.item {
   max-width: 64px;
   max-width: 64px;
  text-align: center;
  vertical-align: middle;
}
}


Line 34: Line 32:
.colon {
.colon {
   font-size: 24px;
   font-size: 24px;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}
}


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;

}