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

From Captain of Industry Wiki
Jump to: navigation, search
(+max-width to keep things stacked)
(better v-align)
Line 18: Line 18:
   max-width: 64px;
   max-width: 64px;
   text-align: center;
   text-align: center;
   vertical-align: top;
   vertical-align: middle;
}
}


Line 35: Line 35:
   width: 15px;
   width: 15px;
   text-align: center;
   text-align: center;
   vertical-align: text-top;
   vertical-align: middle;
}
}


Line 55: Line 55:
   width: 20px;
   width: 20px;
   text-align: center;
   text-align: center;
   vertical-align: bottom;
   vertical-align: middle;
}
}

Revision as of 13:14, 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;
}

.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: 18px;
  width: 15px;
  text-align: center;
  vertical-align: middle;
}

.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: middle;
}