&.npc { .sheet-header { h1 { &:before { top: -3.75rem; } } img { flex: 0 0 75px; height: 75px; width: 75px; .full { flex: 0 0 content; height: auto; width: auto; } } fieldset { flex: 1 1 100%; min-height: 2rem; width: 100%; } .identity-wrapper { flex: 1 1 100%; h1 { flex: 0 0 calc(100% - 75px - 1.25rem); margin: 0 0 1rem 1rem; } .identity-list { flex: 0 0 100%; display: flex; margin-bottom: 0.5rem; li { flex: 1; flex-wrap: wrap; display: flex; select { width: 100%; background: transparent; border: 0 none; text-transform: capitalize; } i, input { font-size: 1.25rem; height: 1.5rem; line-height: 1.5rem; width: 4rem; float: left; margin: 0 1rem; text-align: center; } } } } .affinities { display: flex; flex-wrap: wrap; select { position: relative; background: transparent; border: 0 none; margin: 0; padding: 0; text-align: left; font-weight: bold; margin: 0 0 0.25rem 0; color: $l5r5e-label; } input { flex: 1rem; font-size: 1rem; height: 1.5rem; } } .social-content { margin-bottom: 0.5rem; .attitude { height: 1.5rem; padding-left: 0.25rem; input { height: 1.5rem; flex: 1; margin-right: 0; } } } } .npc-skill { display: flex; width: 100%; line-height: 2rem; font-size: 0.75rem; text-align: center; li { flex: 1; padding: 0.25rem; text-transform: uppercase; color: $white; &:nth-child(1) { background: $l5r5e-void; } &:nth-child(2) { background: $l5r5e-earth; } &:nth-child(3) { background: $l5r5e-fire; } &:nth-child(4) { background: $l5r5e-air; } &:nth-child(5) { flex: 1.25; background: $l5r5e-water; } } input[type="number"] { float: right; font-size: 1.25rem; height: 2rem; width: 1rem; margin: 0; padding: 0; border: 0 none; background: transparent; color: $white; } } article { .weapons-content { flex: 1; } min-height: auto; display: flex; .items-content { flex: 0 0 calc(100% - 0.5rem); margin: 0.5rem 0.25rem 0; } } .limited { h1 { margin: 0.5rem 0; } img { &.full { flex: 0 0 content; height: auto; width: auto; border: 0 none; } } .sheet-header { flex: none; } ul { display: flex; flex-wrap: wrap; li { flex: 50%; padding: 0.25rem 0; input { width: 75%; float: right; } &:nth-child(1) { flex: calc(50% - 1rem); margin-right: 1rem; } &:nth-child(3), &:nth-child(4) { flex: calc(50% - 5rem); margin-right: 1rem; } &:nth-child(5) { flex: auto; input { width: 2rem; } } } } } }