MediaWiki:Common.css: Difference between revisions
FloofyPlasma (talk | contribs) No edit summary Tag: Manual revert |
FloofyPlasma (talk | contribs) Crafting box CSS |
||
| Line 82: | Line 82: | ||
background:hsl(0,0%,92%); | background:hsl(0,0%,92%); | ||
border-left:4px solid hsl(0,0%,85%) | border-left:4px solid hsl(0,0%,85%) | ||
} | |||
/* Crafting Recipe */ | |||
.craft-recipe { | |||
width: 100% !important; | |||
border-collapse: collapse !important; | |||
margin: 1.5em 0 !important; | |||
background-color: #ffffff !important; | |||
border: 1px solid #d0d0d0 !important; | |||
border-radius: 6px !important; | |||
overflow: hidden; | |||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); | |||
} | |||
.craft-recipe tr { | |||
border: none !important; | |||
} | |||
.craft-recipe td { | |||
padding: 1.25em 1.5em !important; | |||
border: none !important; | |||
vertical-align: middle; | |||
background-color: #ffffff; | |||
} | |||
.craft-bench { | |||
font-weight: 600; | |||
color: #0066cc; | |||
min-width: 140px; | |||
white-space: nowrap; | |||
text-align: center; | |||
border-right: 1px solid #e8e8e8 !important; | |||
} | |||
.craft-inputs { | |||
text-align: left; | |||
padding-left: 2em !important; | |||
flex: 1; | |||
border-right: 1px solid #e8e8e8 !important; | |||
} | |||
.craft-inputs a { | |||
color: #0066cc; | |||
text-decoration: none; | |||
} | |||
.craft-inputs a:hover { | |||
text-decoration: underline; | |||
} | |||
.craft-arrow { | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
color: #666; | |||
text-align: center; | |||
padding: 1.25em 1em !important; | |||
border-right: 1px solid #e8e8e8 !important; | |||
border-left: 1px solid #e8e8e8 !important; | |||
width: 40px; | |||
user-select: none; | |||
} | |||
.craft-output { | |||
font-weight: 600; | |||
color: #0d7c2f; | |||
text-align: center; | |||
border-right: 1px solid #e8e8e8 !important; | |||
min-width: 140px; | |||
} | |||
.craft-output a { | |||
color: #0d7c2f; | |||
text-decoration: none; | |||
} | |||
.craft-output a:hover { | |||
text-decoration: underline; | |||
} | |||
.craft-cost { | |||
text-align: center; | |||
font-size: 0.9em; | |||
color: #666; | |||
min-width: 120px; | |||
border-left: 1px solid #e8e8e8 !important; | |||
line-height: 1.5; | |||
} | |||
.craft-cost img { | |||
vertical-align: middle; | |||
margin: 0 0.25em; | |||
} | |||
/* Hover state for better interactivity */ | |||
.craft-recipe:hover { | |||
background-color: #fafafa; | |||
} | } | ||