Template:Research/styles.css: Difference between revisions
From Space Station 14 Wiki
(wip) |
(mlem) |
||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.research-card { | .research-card { | ||
display: grid; | display: grid; | ||
grid-template-columns: max-content | grid-template-columns: max-content 1111111fr; | ||
grid-template-rows: max-content max-content; | grid-template-rows: max-content max-content; | ||
width: | width: 25rem; | ||
padding: .5rem; | |||
background-color: #30313c; | |||
border-top: 10px solid; | |||
} | } | ||
Line 18: | Line 22: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: .25rem; | |||
} | |||
.research-card-header-text-container { | |||
border-bottom: 2px solid #3d4059; | |||
padding-bottom: .25rem; | |||
display: flex; | |||
flex-direction: row; | |||
justify-content: space-between; | |||
} | } | ||
.research-card-header-text { | .research-card-header-text { | ||
color: #a88b5e; | |||
font-size: large; | |||
font-weight: bold; | |||
padding-bottom: .25rem; | |||
} | } | ||
Line 42: | Line 60: | ||
.research-card-body-cost { | .research-card-body-cost { | ||
} | |||
.research-card-body-cost-number { | |||
color: #da70d6; | |||
} | } | ||
Latest revision as of 18:59, 7 September 2024
.research-card {
display: grid;
grid-template-columns: max-content 1111111fr;
grid-template-rows: max-content max-content;
width: 25rem;
padding: .5rem;
background-color: #30313c;
border-top: 10px solid;
}
.research-card-icon {
grid-row: 1 / 2;
grid-column: 1 / 2;
}
.research-card-header {
grid-row: 1 / 2;
grid-column: 2 / 3;
display: flex;
flex-direction: column;
gap: .25rem;
}
.research-card-header-text-container {
border-bottom: 2px solid #3d4059;
padding-bottom: .25rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.research-card-header-text {
color: #a88b5e;
font-size: large;
font-weight: bold;
padding-bottom: .25rem;
}
.research-card-header-discipline-icon {
}
.research-card-header-tier-and-discipline {
}
.research-card-body {
grid-row: 2 / 3;
grid-column: 1 / 3;
display: flex;
flex-direction: column;
}
.research-card-body-cost {
}
.research-card-body-cost-number {
color: #da70d6;
}
.research-card-body-unlocks {
}