More actions
Created page with ".infobox.infobox-workstation { width: 100%; max-width: 300px; margin: 1em auto; background: #fff; border: 1px solid #ccc; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); font-size: 0.95em; overflow: hidden; line-height: 1.4; } .infobox.infobox-workstation th { background-color: #f5f5f5; padding: 0.6em; text-align: center; font-weight: bold; font-size: 1.1em; color: #333; } .infobox.infobox-w..." |
Add margin to left |
||
(2 intermediate revisions by one other user not shown) | |||
Line 2: | Line 2: | ||
width: 100%; | width: 100%; | ||
max-width: 300px; | max-width: 300px; | ||
margin: 1em auto; | margin: 1em auto 1em 1em; | ||
background: # | background: #1e1e1e; | ||
border: 1px solid # | border: 1px solid #333; | ||
border-radius: 12px; | border-radius: 12px; | ||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0. | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); | ||
font-size: 0.95em; | font-size: 0.95em; | ||
color: #ddd; | |||
overflow: hidden; | overflow: hidden; | ||
line-height: 1.4; | line-height: 1.4; | ||
Line 13: | Line 14: | ||
.infobox.infobox-workstation th { | .infobox.infobox-workstation th { | ||
background-color: # | background-color: #2a2a2a; | ||
padding: 0.6em; | padding: 0.6em; | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
color: # | color: #f0f0f0; | ||
} | } | ||
.infobox.infobox-workstation td { | .infobox.infobox-workstation td { | ||
padding: 0.5em; | padding: 0.5em; | ||
border-top: 1px solid # | border-top: 1px solid #444; | ||
vertical-align: top; | vertical-align: top; | ||
color: #ccc; | |||
} | } | ||
.infobox.infobox-workstation tr:first-child th { | .infobox.infobox-workstation tr:first-child th { | ||
background: linear-gradient(to bottom, # | background: linear-gradient(to bottom, #333, #2a2a2a); | ||
color: #f0f0f0; | |||
font-size: 1.25em; | font-size: 1.25em; | ||
} | } | ||
.infobox.infobox-workstation tr:nth-child(even) td { | .infobox.infobox-workstation tr:nth-child(even) td { | ||
background-color: # | background-color: #262626; | ||
} | } | ||
Line 50: | Line 53: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 0.85em; | font-size: 0.85em; | ||
color: # | color: #aaa; | ||
padding: 0.5em; | |||
text-align: center; | |||
background-color: #2b2b2b; | |||
border-top: 1px solid #444; | |||
} | } |
Latest revision as of 06:08, 7 July 2025
.infobox.infobox-workstation {
width: 100%;
max-width: 300px;
margin: 1em auto 1em 1em;
background: #1e1e1e;
border: 1px solid #333;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
font-size: 0.95em;
color: #ddd;
overflow: hidden;
line-height: 1.4;
}
.infobox.infobox-workstation th {
background-color: #2a2a2a;
padding: 0.6em;
text-align: center;
font-weight: bold;
font-size: 1.1em;
color: #f0f0f0;
}
.infobox.infobox-workstation td {
padding: 0.5em;
border-top: 1px solid #444;
vertical-align: top;
color: #ccc;
}
.infobox.infobox-workstation tr:first-child th {
background: linear-gradient(to bottom, #333, #2a2a2a);
color: #f0f0f0;
font-size: 1.25em;
}
.infobox.infobox-workstation tr:nth-child(even) td {
background-color: #262626;
}
.infobox.infobox-workstation td[colspan="2"] {
text-align: center;
}
.infobox.infobox-workstation img {
max-width: 100%;
height: auto;
image-rendering: pixelated;
}
.infobox.infobox-workstation .crafting-caption {
font-weight: bold;
text-transform: uppercase;
font-size: 0.85em;
color: #aaa;
padding: 0.5em;
text-align: center;
background-color: #2b2b2b;
border-top: 1px solid #444;
}