Template:TechCard/styles.css: Difference between revisions

From The Deadlock Wiki
Jump to navigation Jump to search
changed text aling to middle
fixed light theme
 
Line 8: Line 8:
     width: 300px;
     width: 300px;
     padding: 10px;
     padding: 10px;
     background-color: #2F2F2F;
     background-color: var(--background-color-base-3);
     color: #FFEFD7;
     color: var(--color-base);
     margin: 0 0 1em 1em;
     margin: 0 0 1em 1em;
     border-radius: 10px;
     border-radius: 10px;
Line 15: Line 15:


.techcard-header {
.techcard-header {
     color: #FFEFD7;
     color: var(--color-base);
     background-color: #2F2F2F;
     background-color: var(--background-color-base-3);
     font-size: 30px;
     font-size: 30px;
     font-family: Valve Occult, Retail Demo, Open Sans, PT Serif;
     font-family: Valve Occult, Retail Demo, Open Sans, PT Serif;
Line 22: Line 22:
     text-align: center;
     text-align: center;
     padding: 6px;
     padding: 6px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
}


Line 33: Line 32:
.techcard-label {
.techcard-label {
     font-size: 15px;
     font-size: 15px;
    text-shadow: 1.5px 1.5px 0.8px rgba(0, 0, 0, 0.8);
     text-align: right;
     text-align: right;
     color: #afafaf;
     color: var(--color-base);
     background-color: #2F2F2F;
     background-color: var(--background-color-base-3);
     height: 29.5px;
     height: 29.5px;
     width: 124px;
     width: 124px;
Line 44: Line 42:
.techcard-value {
.techcard-value {
     font-size: 15px;
     font-size: 15px;
    text-shadow: 1.5px 1.5px 0.8px rgba(0, 0, 0, 0.8);
     text-align: left;
     text-align: left;
     color: #FFEFD7;
     color: var(--color-base);
     padding-left: 2px;
     padding-left: 2px;
}
}
Line 52: Line 49:
.techcard-value-bottom {
.techcard-value-bottom {
     font-size: 15px;
     font-size: 15px;
    text-shadow: 1.5px 1.5px 0.8px rgba(0, 0, 0, 0.8);
     text-align: left;
     text-align: left;
     color: #FFEFD7;
     color: var(--color-base);
     padding-left: 2px;
     padding-left: 2px;
     vertical-align: middle;
     vertical-align: middle;

Latest revision as of 11:50, 9 September 2026

.techcard-wrapper {
    clear: both;
}

.techcard {
    float: right;
    font-family: Retail Demo Medium, Open Sans, PT Serif;
    width: 300px;
    padding: 10px;
    background-color: var(--background-color-base-3);
    color: var(--color-base);
    margin: 0 0 1em 1em;
    border-radius: 10px;
}

.techcard-header {
    color: var(--color-base);
    background-color: var(--background-color-base-3);
    font-size: 30px;
    font-family: Valve Occult, Retail Demo, Open Sans, PT Serif;
    font-weight: bold;
    text-align: center;
    padding: 6px;
}

.techcard-image {
    text-align: center;
    border: none;
    padding: 6px;
}

.techcard-label {
    font-size: 15px;
    text-align: right;
    color: var(--color-base);
    background-color: var(--background-color-base-3);
    height: 29.5px;
    width: 124px;
    padding-right: 0.5em;
}

.techcard-value {
    font-size: 15px;
    text-align: left;
    color: var(--color-base);
    padding-left: 2px;
}

.techcard-value-bottom {
    font-size: 15px;
    text-align: left;
    color: var(--color-base);
    padding-left: 2px;
    vertical-align: middle;
}

.techcard-row {
    vertical-align: top;
}