Template:TechCard/styles.css: Difference between revisions

No edit summary
fixed light theme
 
(One intermediate revision by one other user not shown)
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: bottom;
     vertical-align: middle;
}
}