Template:Manual Chem Box/styles.css: Difference between revisions
From Space Station 14 Wiki
(rest of styles) |
(margin) |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.quickbox { | .quickbox { | ||
width: | --quickbox-header-text-theme-light: hsl(0deg 0% 95%); | ||
--quickbox-header-text-theme-dark: hsl(0deg 0% 5%); | |||
width: 27em; | |||
margin: .5rem 0; | |||
} | } | ||
Line 9: | Line 13: | ||
.quickbox-section { | .quickbox-section { | ||
width:100%; | width:100%; | ||
overflow: | overflow:visible; | ||
border-bottom: 1px solid #303038; | border-bottom: 1px solid #303038; | ||
} | } | ||
Line 24: | Line 28: | ||
.quickboxbody-section-body { | .quickboxbody-section-body { | ||
border-left: .5em solid var(--border-color-light); | |||
padding: 0.25em 0.5em; | |||
margin-left: 0.5em; | |||
} | |||
.quickbox-catalyst-note { | |||
color: gray; | |||
font-size: small; | |||
} | |||
.quickbox-catalyst-note-tooltip { | |||
font-weight: normal; | |||
} | |||
/* list of all reagents */ | |||
.reagents-list { | |||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
gap: 1rem; | |||
align-items: flex-start; | |||
justify-content: center; | |||
} | } |
Latest revision as of 13:29, 18 September 2024
.quickbox {
--quickbox-header-text-theme-light: hsl(0deg 0% 95%);
--quickbox-header-text-theme-dark: hsl(0deg 0% 5%);
width: 27em;
margin: .5rem 0;
}
.quickboxhead {
font-weight: 500;
}
.quickbox-section {
width:100%;
overflow:visible;
border-bottom: 1px solid #303038;
}
.quickboxbody-section-bare {
padding: 0 0.5em;
}
.quickboxbody-section-header {
font-weight:bold;
line-height:1.6;
padding: 0 0.5em;
}
.quickboxbody-section-body {
border-left: .5em solid var(--border-color-light);
padding: 0.25em 0.5em;
margin-left: 0.5em;
}
.quickbox-catalyst-note {
color: gray;
font-size: small;
}
.quickbox-catalyst-note-tooltip {
font-weight: normal;
}
/* list of all reagents */
.reagents-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1rem;
align-items: flex-start;
justify-content: center;
}