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

From Captain of Industry Wiki
Jump to: navigation, search
(delete arrow2 class, simplify arrow class)
(further refinement toward in-game ui)
Line 7: Line 7:
.recipe-wrapper {
.recipe-wrapper {
   min-height: 75px;
   min-height: 75px;
   font-size: 14px;
   font-size: 16px;
   font-weight: bold;
   font-weight: bold;
  color: white;
}
}


Line 32: Line 33:


.colon {
.colon {
   font-size: 18px;
   font-size: 24px;
  width: 15px;
   text-align: center;
   text-align: center;
   vertical-align: middle;
   vertical-align: middle;
  padding: 0 10px;
}
}


.arrow {
.arrow {
  width: 50px;
   text-align: center;
   text-align: center;
   vertical-align: middle;
   vertical-align: middle;
  padding: 0 10px;
}
}


.plus {
.plus {
   font-size: 18px;
   font-size: 36px;
  width: 20px;
   text-align: center;
   text-align: center;
   vertical-align: middle;
   vertical-align: middle;
  padding: 0 10px;
}
}

Revision as of 13:31, 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;
  text-align: center;
  vertical-align: middle;
}

.accepts-provides {
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}

.quantity {
  margin-top: 5px;
}

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

.arrow {
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}

.plus {
  font-size: 36px;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}