Template:TechCard/styles.css: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Created page with ".techcard-wrapper { clear: both; } .techcard { float: right; font-family: Retail Demo, Open Sans, PT Serif; width: 300px; padding: 10px; background-color: #2F2F2F; color: #FFEFD7; font-weight: bold; margin: 0 0 1em 1em; border-collapse: collapse; } .techcard-header { color: #FFEFD7; background-color: #2F2F2F; font-size: 30px; font-family: Retail Demo, Open Sans, PT Serif; font-weight: bold; text-align: cen..." |
fixed light theme |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
.techcard { | .techcard { | ||
float: right; | float: right; | ||
font-family: Retail Demo, Open Sans, PT Serif; | font-family: Retail Demo Medium, Open Sans, PT Serif; | ||
width: 300px; | width: 300px; | ||
padding: 10px; | padding: 10px; | ||
background-color: | background-color: var(--background-color-base-3); | ||
color: | color: var(--color-base); | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
border- | border-radius: 10px; | ||
} | } | ||
.techcard-header { | .techcard-header { | ||
color: | color: var(--color-base); | ||
background-color: | background-color: var(--background-color-base-3); | ||
font-size: 30px; | font-size: 30px; | ||
font-family: Retail Demo, Open Sans, PT Serif; | font-family: Valve Occult, Retail Demo, Open Sans, PT Serif; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
padding: 6px; | padding: 6px; | ||
} | } | ||
| Line 34: | Line 32: | ||
.techcard-label { | .techcard-label { | ||
font-size: 15px; | font-size: 15px; | ||
text-align: right; | text-align: right; | ||
color: | color: var(--color-base); | ||
background-color: | background-color: var(--background-color-base-3); | ||
height: 29.5px; | height: 29.5px; | ||
width: 124px; | width: 124px; | ||
| Line 45: | Line 42: | ||
.techcard-value { | .techcard-value { | ||
font-size: 15px; | font-size: 15px; | ||
text-align: left; | text-align: left; | ||
color: | 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 { | .techcard-row { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
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;
}