Template:TechCard/styles.css: Difference between revisions

LVL (talk | contribs)
Optimized more
fixed light theme
 
(4 intermediate revisions by one other user 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;
     padding-left: 2px;
    vertical-align: middle;
}
}