Template:Item/test

Test page for Item template changes

 .qud-exinfo-title { font-weight: 700; color: var(--qud-color-y-dark); margin: -4px -4px 0 -4px; padding: 4px; line-height: 1.9em; transition: background-color 0.5s, color 0.5s; } tr:hover .qud-exinfo:hover .qud-exinfo-title { background-color: var(--qud-bg-color-darker); color: var(--qud-color-y); }

.qud-item-stats { display: flex; flex-wrap: wrap; align-items: center; color: var(--qud-color-y); } .qud-item-stats > .qud-item-stats-entry-wrap { flex: 1 0 50%; text-align: center; font-size: 1.7em; font-family: var(--qud-font-terminal1); white-space: nowrap; font-weight: bold; margin: 0.1em 0; } .qud-item-stats-entry { display: inline-block; transition: all 0.1s; } .qud-item-stats-entry:hover { transform: scale(1.15, 1.15); } .qud-item-stats-entry > .qud-tooltip-text { transition: all 0.1s; color: var(--qud-color-y-dark); } .qud-item-stats-entry:hover > .qud-tooltip-text { transform: scale(0.8695652, 0.8695652) translateY(3px); } .qud-item-stats-entry > div { display: inline-block; padding: 0 0.1em; } .qud-item-stat-symbol.symbol-lb { margin-right: -0.3em; /* visual tweak to make this look more "centered" */ padding-left: 0.3em; opacity: 0.9; } .qud-item-stat-symbol.symbol-dram { color: var(--qud-color-b); /* should be color "w" if trade good */ padding-right: 0; } .symbol-dram + .qud-item-stat-value { color: var(--qud-color-c); padding-left: 0; } .qud-item-stat-symbol > .qud-stat-icon { padding-right: 0px; /* normalize padding to match non-"qud-stat-icon" symbols */ } .qud-max-pv { color: var(--qud-color-k); }

.qud-artifact-stats { color: var(--qud-color-y-dark); font-weight: bold; /*font-family: 'Open Sans';*/ height: 2.6em; background: var(--qud-bg-color-semidark); transition: background-color 0.2s,color 0.5s; } tr:hover .qud-artifact-stats { background: var(--qud-bg-color-darker); color: var(--qud-color-y); } .qud-artifact-stats-content { padding: 0; } .qud-artifact-stats-wrap { padding: 0 4px 6px 4px; background: var(--code-background); display: flex; flex-wrap: wrap; align-items: stretch; } .qud-artifact-stats-wrap > div { flex: 0 0 50%; text-align: center; font-size: 1.12em; margin: 0.1em 0; font-weight: bold; } .qud-artifact-stats-wrap > .qud-artifact-bits { flex-basis: 100%; font-size: 1.548em; font-family: var(--qud-font-terminal1); } .qud-artifact-stats-wrap > .qud-artifact-bits > span.qud-tooltip-text { font-size: 0.611em; } .qud-artifact-stats-wrap > .qud-artifact-bits, .qud-artifact-stats-wrap > .qud-artifact-bits > .qud-tooltip-text { transition: all 0.1s; } .qud-artifact-stats-wrap > .qud-artifact-bits:hover { transform: scale(1.15, 1.15); } .qud-artifact-stats-wrap > .qud-artifact-bits:hover > .qud-tooltip-text { transform: scale(0.8695652, 0.8695652) translateY(3px); } .qud-artifact-stats-wrap > .qud-artifact-build, .qud-artifact-stats-wrap > .qud-artifact-disassemble { font-weight: bold; font-style: italic; color: var(--qud-color-k); } .qud-artifact-stats-wrap > .qud-artifact-build.build-yes, .qud-artifact-stats-wrap > .qud-artifact-disassemble.disassemble-yes { color: var(--qud-color-c-dark); } .qud-artifact-stats-wrap > .qud-artifact-complexity, .qud-artifact-stats-wrap > .qud-artifact-tier { font-weight: bold; font-style: italic; color: var(--qud-color-k); } .qud-artifact-stats-wrap > .qud-artifact-tinkering { display: flex; } .qud-artifact-stats-wrap .qud-tinker-skill-wrap, .qud-artifact-stats-wrap .qud-psychometry-wrap { flex-basis: 100%; padding: 0 0 0.2em 0; margin: 0.2em; border: 1px solid; /* border-color: var(--qud-color-k-dark); */ border-color: rgba(15, 59, 58, 0.5); border-radius: 3px; } .qud-artifact-stats-wrap .qud-tinker-skill-wrap > .qud-tinker-skill-title, .qud-artifact-stats-wrap .qud-psychometry-wrap > .qud-psychometry-title { /* background: var(--qud-color-k-dark); */ background: rgba(15, 59, 58, 0.5); padding: 0.1em 0.1em 0.2em 0.1em; font-weight: bold; } .qud-artifact-stats-wrap .qud-tinker-skill-wrap > .qud-tinker-skill-note, .qud-artifact-stats-wrap .qud-psychometry-wrap > .qud-psychometry-note { font-weight: 700; } .qud-artifact-stats-wrap .qud-psychometry-wrap > .qud-psychometry-note span { font-weight: 400; color: var(--qud-color-y); } .qud-artifact-stats-wrap .qud-tinker-skill-wrap > .qud-tinker-skill-note span:first-child, .qud-artifact-stats-wrap .qud-psychometry-wrap > .qud-psychometry-note span:first-child { font-weight: 400; color: var(--qud-color-y-dark); } .qud-artifact-tinkering.build-no, .qud-artifact-tinkering.build-no + .qud-artifact-psychometry > .qud-psychometry-wrap > .qud-psychometry-note > .qud-psychometry-build.build-no > span:first-child { display: none; } .qud-artifact-psychometry > .qud-psychometry-wrap > .qud-psychometry-note > .qud-psychometry-build.build-no > span:first-child { color: var(--qud-color-k); font-weight: bold; font-style: italic; } .qud-artifact-tinkering.build-no + .qud-artifact-psychometry { flex-basis: 100%; padding: 0 15%; box-sizing: border-box; }

-->