Template:Crafting/styles.css - Revision history

Speedybrain at 01:41, 7 October 2026

2026-10-07T01:41:12Z

← Older revision		Revision as of 01:41, 7 October 2026
Line 1:		Line 1:
	/* Factory crafting grids: {{Crafting}}, Module:UI and Module:Factory slot.		/* Factory crafting grids: Template:Crafting, Module:UI and Module:Factory slot.
	The panel keeps the game's red Factory UI in both themes. */		The panel keeps the game's red Factory UI in both themes. */
	.factoryui {		.factoryui {

Speedybrain: Items with a missing icon file keep their file name inside the slot instead of spilling over the grid

2026-10-06T22:27:20Z

Items with a missing icon file keep their file name inside the slot instead of spilling over the grid

@@ Line 73: / Line 73: @@
 	font-family: sans-serif !important;
 	font-style: normal !important;
+}

Speedybrain: Created page with "/* Factory crafting grids: {{Crafting}}, Module:UI and Module:Factory slot. The panel keeps the game's red Factory UI in both themes. */ .factoryui { display: block; background-color: #cf3f3f; color: #fff; padding: 1em; } .factoryui-row { display: flex; } .factoryui-crafting .factoryui-input { display: flex; flex-direction: column; line-height: 0; margin-bottom: 1.5em; } .factoryui-crafting .factoryui-output { display: flex; align-items: center; } .fact..."

2026-10-06T22:14:18Z

Created page with "Factory crafting grids: {{Crafting}}, Module:UI and Module:Factory slot. The panel keeps the game's red Factory UI in both themes.: .factoryui { display: block; background-color: #cf3f3f; color: #fff; padding: 1em; } .factoryui-row { display: flex; } .factoryui-crafting .factoryui-input { display: flex; flex-direction: column; line-height: 0; margin-bottom: 1.5em; } .factoryui-crafting .factoryui-output { display: flex; align-items: center; } .fact..."

New page

/* Factory crafting grids: {{Crafting}}, Module:UI and Module:Factory slot.
The panel keeps the game's red Factory UI in both themes. */
.factoryui {
display: block;
background-color: #cf3f3f;
color: #fff;
padding: 1em;
}

.factoryui-row {
display: flex;
}

.factoryui-crafting .factoryui-input {
display: flex;
flex-direction: column;
line-height: 0;
margin-bottom: 1.5em;
}

.factoryui-crafting .factoryui-output {
display: flex;
align-items: center;
}

.factoryui-crafting .factoryui-cost {
margin-left: 1.5em;
}

/* The cost's E-notation keeps the panel's white instead of the muted page ink. */
.factoryui .tpt-num__e {
color: inherit;
}

.factoryslot {
display: inline-block;
border: 1px solid #000;
background-color: rgba(255, 255, 255, 0.4);
width: 32px;
height: 32px;
padding: 8px;
margin: -1px;
line-height: 1;
}

.factoryslot.locked {
background-color: #333;
}

.factoryslot.factoryslot-large {
padding: 12px;
}

.factoryslot-item {
display: block;
position: relative;
width: 32px;
height: 32px;
margin: -4px;
padding: 4px;
}

.factoryslot-item.pixel-image {
image-rendering: crisp-edges;
image-rendering: pixelated;
}

.factoryslot-stacksize {
position: absolute;
bottom: 0;
right: 0;
white-space: nowrap;
font-family: sans-serif !important;
font-style: normal !important;
}