Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Infobox station/styles.css: Difference between revisions

Template page
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: #fff;
     background: #1e1e1e;
     border: 1px solid #ccc;
     border: 1px solid #333;
     border-radius: 12px;
     border-radius: 12px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     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: #f5f5f5;
     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: #333;
     color: #f0f0f0;
}
}


.infobox.infobox-workstation td {
.infobox.infobox-workstation td {
     padding: 0.5em;
     padding: 0.5em;
     border-top: 1px solid #eee;
     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, #f9f9f9, #e0e0e0);
     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: #fafafa;
     background-color: #262626;
}
}


Line 50: Line 53:
     text-transform: uppercase;
     text-transform: uppercase;
     font-size: 0.85em;
     font-size: 0.85em;
     color: #666;
     color: #aaa;
     margin-top: 0.5em;
     padding: 0.5em;
     margin-bottom: -0.3em;
     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;
}