Template:TechCard/styles.css: Difference between revisions

LVL (talk | contribs)
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: #2F2F2F;
     background-color: var(--background-color-base-3);
     color: #FFEFD7;
     color: var(--color-base);
    font-weight: bold;
     margin: 0 0 1em 1em;
     margin: 0 0 1em 1em;
     border-collapse: collapse;
     border-radius: 10px;
}
}


.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: 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;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
}


Line 34: 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 45: 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;
}
 
.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;
}
.techcard-value-text {
    margin-left: 2px;
}
}