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

From Captain of Industry Wiki
Jump to: navigation, search
(delete arrow2 class, simplify arrow class)
(+special formatting for unreleased recipes)
 
(13 intermediate revisions by 2 users not shown)
Line 6: Line 6:


.recipe-wrapper {
.recipe-wrapper {
  display: table;
   min-height: 75px;
   min-height: 75px;
   font-size: 14px;
  margin: 7px;
  padding: 4px 18px;
  color: rgba(255,255,255,1);
  background-color: rgba(34,34,34,1);
  border: 2px solid rgba(128,128,128,1);
   font-size: 15px;
   font-weight: bold;
   font-weight: bold;
}
}


.ib {
.block {
   display: inline-block;
   display: inline-block;
}
.item {
   max-width: 64px;
   max-width: 64px;
   text-align: center;
   text-align: center;
   vertical-align: middle;
   vertical-align: middle;
  padding: 0 5px;
}
}


.accepts-provides {
.time {
  text-align: center;
   padding: 0 15px;
  vertical-align: middle;
   font-weight: normal;
   padding: 0 10px;
}
 
.quantity {
  margin-top: 5px;
}
 
.colon {
   font-size: 18px;
  width: 15px;
  text-align: center;
  vertical-align: middle;
}
}


.arrow {
.accepts-provides { max-width: unset; }
  width: 50px;
.upper { padding-bottom: 5px; }
  text-align: center;
.lower { padding-top: 5px; }
  vertical-align: middle;
.colon { font-size: 24px; }
}
.blue { color: rgba(106,205,253,1); }
.upper img, .lower img { margin-top: -2px; }


.plus {
.unreleased_border { border: 1px dashed yellow; }
  font-size: 18px;
.unreleased_label {
  width: 20px;
   text-align: center;
   text-align: center;
   vertical-align: middle;
   color: yellow;
}
}

Latest revision as of 11:40, 1 February 2022

/* External stylesheet intended for ease of maintenance with the following templates:

   - Template:Recipe

*/

.recipe-wrapper {
  display: table;
  min-height: 75px;
  margin: 7px;
  padding: 4px 18px;
  color: rgba(255,255,255,1);
  background-color: rgba(34,34,34,1);
  border: 2px solid rgba(128,128,128,1);
  font-size: 15px;
  font-weight: bold;
}

.block {
  display: inline-block;
  max-width: 64px;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px;
}

.time {
  padding: 0 15px;
  font-weight: normal;
}

.accepts-provides { max-width: unset; }
.upper { padding-bottom: 5px; }
.lower { padding-top: 5px; }
.colon { font-size: 24px; }
.blue { color: rgba(106,205,253,1); }
.upper img, .lower img { margin-top: -2px; }

.unreleased_border { border: 1px dashed yellow; }
.unreleased_label {
  text-align: center;
  color: yellow;
}