User:Vilsol/common.css

.satisfactory-style.infobox { border: none; border-radius: 0; background: none; padding: 0 30px; }

.satisfactory-style .infobox-table { font-family: Verdana, Geneva, sans-serif; color: #575757; background-color: #f9f9f9; border: 3px solid #aaaaaa; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0 20px 15px 20px; border-radius: 15px; }

.satisfactory-style .infobox-header { font-weight: 100; font-size: 24pt; padding-bottom: 10px; background: none; border: none; box-shadow: none; color: inherit; font-variant: initial; border-radius: 0; }

.satisfactory-style .infobox-centered img { margin-bottom: 10px; }

.satisfactory-style .infobox-section { padding: 10px 0 5px 0; background: none; border: none; box-shadow: none; color: inherit; font-variant: initial; border-radius: 0; border-bottom: 1px solid #e59344; margin: 0 0 10px 0; }

.satisfactory-style .thing-cost-container { margin: 0; padding: 0; border: none; display: grid; grid-gap: 5px; grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); grid-auto-rows: 75px; }

.satisfactory-style .thing-cost-wrapper { width: 65px; height: 65px; background: #eeeeee; border-radius: 5px; padding: 5px; position: relative; }

.satisfactory-style .thing-cost { width: inherit; height: inherit; background-position: center; background-size: cover; padding: 0; margin: 0; display: flex; flex-direction: row; align-items: center; }

.satisfactory-style .thing-cost-counter { position: absolute; bottom: 0; right: 0; background: #666666; border-radius: 5px; color: #ffffff; padding: 3px 5px; }