User:Ursuul/terraria.css

/** * @Name:          Terraria.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   No * @Author:         Ursuul  */ /* All Infoboxes */ .portable-infobox { border-radius: .7em; border: 1px solid #AAAAAA; background: #E8E8E8; color: #000000; padding: 0.25em 0.24em; }

.portable-infobox .pi-item-spacing { padding: 0; }

.portable-infobox .pi-title { display: flex; justify-content: center; background: #9BA6B1; color: #000000; font-size: 110%; font-weight: bold; padding: 0.3em; border-radius: .4em .4em 0 0; }

.portable-infobox .pi-group:only-child .pi-title:only-child { border-radius: .4em; }

.portable-infobox .pi-image { margin-top: 5px; }

.portable-infobox .pi-caption { text-align: center; }

.portable-infobox .pi-smart-data-value, .portable-infobox .pi-border-color { border: 0; }

.portable-infobox .pi-title:first-child > span:first-child { font-weight: normal; font-size: xx-small; margin-left: 0.5em; white-space: nowrap; word-spacing: -.12em; }

.portable-infobox .pi-title:first-child > span:first-child span[title="View this template"]:before { content: "v"; }

.portable-infobox .pi-title:first-child > span:nth-child(2) { flex-grow: 2; text-align: center; }

.portable-infobox .pi-title:first-child > span:nth-child(3) { font-weight: normal; font-size: xx-small; margin-right: 0.5em; }

.portable-infobox .pi-title + .pi-smart-group .pi-smart-group-body img { width: 100%; height: auto; }

.portable-infobox .pi-group:first-child .pi-smart-group-body { padding-bottom: 4px; }

.portable-infobox .pi-group:first-child .pi-smart-data-value { align-self: center; display: flex; }

.portable-infobox .pi-group:first-child .pi-smart-data-value:first-child { justify-content: flex-end; padding-right: 4px; }

.portable-infobox .pi-group:first-child .pi-smart-data-value:only-child { justify-content: center; }

.portable-infobox .pi-group:first-child > section.pi-smart-group + div.pi-item { justify-content: center; font-style: italic; padding: 0; }

.portable-infobox .pi-group:first-child > section.pi-smart-group + div.pi-item .pi-data-value { padding: 0 0 5px 0; }

.portable-infobox abbr { font-size: .83em; top: -0.5em; position: relative; }

.portable-infobox a abbr { cursor: pointer; }

.portable-infobox .pi-data-value hr { margin: 5px 0 5px 0; }

.portable-infobox .pi-data-label span:nth-child(3) img { padding-left: 8px; }

.portable-infobox .pi-header { background: #B2BFC8; text-align: center; padding: 2px 10px 2px 10px; }

.portable-infobox .pi-collapse .pi-header:first-child { padding-right: 5px; }

.portable-infobox .pi-collapse-closed .pi-header:first-child { border-radius: 0 0 .5em .5em; }

.portable-infobox .pi-collapse .pi-header:not(:first-child) { background: #D6D6D6; padding: 5px 0 5px 0 }

.portable-infobox .pi-group:last-child .pi-item:last-child .pi-data-value:first-child, .portable-infobox .pi-group:last-child .pi-item:last-child .pi-data-label { border-bottom-left-radius: .5em; }

.portable-infobox .pi-group:last-child .pi-item:last-child .pi-data-value + .pi-data-value:last-child, .portable-infobox .pi-group:last-child .pi-item:last-child .pi-data-value:only-of-type { border-bottom-right-radius: .5em; }

.portable-infobox .pi-data-label { background: #D6D6D6; padding: 4px 0 0 5px; margin-bottom: 2px; }

.portable-infobox .pi-header + .pi-header, .portable-infobox .pi-header + .pi-data .pi-data-label { margin-top: 2px; }

.portable-infobox .pi-data-value { padding: 4px 0 4px 4px; }

.portable-infobox .pi-data-value:not(.pi-smart-data-value) img { padding-left: 3px; }

.portable-infobox .pi-data-value:not(.pi-smart-data-value) a:only-child img { padding-left: 0; }/**/

/* Theme — Monster */ .portable-infobox.pi-theme-monster { background: #DBFDFF; }

.portable-infobox.pi-theme-monster .pi-title { background: #31DCE8; }

.portable-infobox.pi-theme-monster .pi-header { background: #C5E4E6; }

.portable-infobox.pi-theme-monster .pi-group:nth-child(2) .pi-header:first-child, .portable-infobox.pi-theme-monster > .pi-header:first-of-type { background: #6DE5ED; }

.portable-infobox.pi-theme-monster .pi-data-label { background: #C5E4E6; }

.portable-infobox.pi-theme-monster .pi-group:not(:first-child) .pi-smart-group .pi-smart-data-value { background: #D0E9EA; }

.portable-infobox.pi-theme-monster .pi-group:not(:first-child) .pi-smart-group-body { justify-content: flex-end; margin-top: 2px; }

.portable-infobox.pi-theme-monster .pi-group:not(:first-child) .pi-smart-group .pi-smart-data-value:first-child { flex-grow: 2; text-align: left; padding: 4px 2px 2px 6px; }

.portable-infobox.pi-theme-monster .pi-group:not(:first-child) .pi-smart-group .pi-smart-data-value:not(:first-child) { text-align: right; padding: 4px 4px 2px 0; min-width: calc(18 / 100 * 100%); width: auto !important; margin-left: 2px; }/**/

/* Theme — Weapon */ .portable-infobox.pi-theme-weapon { background: #FFE4E4; }

.portable-infobox.pi-theme-weapon .pi-title { background: #FF9F9F; }

.portable-infobox.pi-theme-weapon .pi-header { background: #F7B2B2; }

.portable-infobox.pi-theme-weapon .pi-collapse .pi-header:not(:first-child), .portable-infobox.pi-theme-weapon .pi-data-label { background: #FBD4D4; }/**/

/* Theme — Vanity Items */ .portable-infobox.pi-theme-vanity { background: #FFE3FB; }

.portable-infobox.pi-theme-vanity .pi-title { background: #F1A1EC; }

.portable-infobox.pi-theme-vanity .pi-header { background: #E6BCE3; }

.portable-infobox.pi-theme-vanity .pi-collapse .pi-header:not(:first-child), .portable-infobox.pi-theme-vanity .pi-data-label { background: #F9D2F6; }/**/

/* Theme — Armor */ .portable-infobox.pi-theme-armor { background: #D9FFE6; }

.portable-infobox.pi-theme-armor .pi-title { background: #7ECF99; }

.portable-infobox.pi-theme-armor .pi-header { background: #ACE1AF; }

.portable-infobox.pi-theme-armor .pi-collapse .pi-header:not(:first-child), .portable-infobox.pi-theme-armor .pi-data-label { background: #CFEBD9; }/**/

/* Theme — Accessories */ .portable-infobox.pi-theme-accessory { background: #D1FFD1; }

.portable-infobox.pi-theme-accessory .pi-title { background: #45D941; }

.portable-infobox.pi-theme-accessory .pi-header { background: #62E85F; }

.portable-infobox.pi-theme-accessory .pi-collapse .pi-header:not(:first-child), .portable-infobox.pi-theme-accessory .pi-data-label { background: #C3E8C3; }/**/

/* Theme — Tools */ .portable-infobox.pi-theme-tool { background: #FFE8C8; }

.portable-infobox.pi-theme-tool .pi-title { background: #EDAB55; }

.portable-infobox.pi-theme-tool .pi-header { background: #FFBA61; }

.portable-infobox.pi-theme-tool .pi-collapse .pi-header:not(:first-child), .portable-infobox.pi-theme-tool .pi-data-label { background: #F7DBB5; }/**/

/* Theme — Potions */ .portable-infobox.pi-theme-potion { background: #E6F2FF; }

.portable-infobox.pi-theme-potion .pi-title { background: #95B6DC; }

.portable-infobox.pi-theme-potion .pi-header { background: #B3CBE6; }

.portable-infobox.pi-theme-potion .pi-collapse .pi-header:not(:first-child), .portable-infobox.pi-theme-potion .pi-data-label { background: #C8D9ED; }/**/

/* Theme — NPCs */ .portable-infobox.pi-theme-npc { background: #FEFFD4; }

.portable-infobox.pi-theme-npc .pi-title { background: #E1E65E; }

.portable-infobox.pi-theme-npc .pi-header { background: #E7EB81; }

.portable-infobox.pi-theme-npc .pi-collapse .pi-header:not(:first-child), .portable-infobox.pi-theme-npc .pi-data-label { background: #F2F4BB; }/**/

/* Theme — Buffs */ .portable-infobox.pi-theme-buff { background: #C8F5FF; }

.portable-infobox.pi-theme-buff .pi-title { background: #8CD9FF; }

.portable-infobox.pi-theme-buff .pi-header { background: #8CC2FF; }

.portable-infobox.pi-theme-buff .pi-collapse .pi-header:not(:first-child), .portable-infobox.pi-theme-buff .pi-data-label { background: #C2EFF9; }/**/