diff --git a/src/style.css b/src/style.css index 9f2f683..4242ed6 100644 --- a/src/style.css +++ b/src/style.css @@ -253,7 +253,7 @@ border-bottom: 1px solid rgba(128,128,128,0.5); line-height: 25px; position: relative; } -.statsInfo > div:nth-last-child(1), .statsInfo > div:nth-last-child(2) { +.statsInfo > div:nth-last-child(-n+2) { border: 0; } .basicInfo > div > span, .statsInfo > div > span { @@ -536,9 +536,6 @@ border-bottom: 1px solid rgba(128,128,128,0.5); overflow: hidden; text-overflow: ellipsis; } -.itemRarityWrapper { - grid-area: rarity; -} .r1 .itemRarityWrapper { content: url("./icons/NGSUIRarity1Star.png"); } @@ -580,11 +577,11 @@ li.selected:hover { outline: 2px solid hsl(180, 78%, 50%); }*/ -.itemControlsWrapper > span:nth-child(1), .itemControlsWrapper > span:nth-child(3) { +.itemControlsWrapper > span:nth-child(odd) { background-color: rgba(113,169,189,0.33); cursor: pointer; } -.itemControlsWrapper > span:nth-child(1):hover, .itemControlsWrapper > span:nth-child(3):hover { +.itemControlsWrapper > span:nth-child(odd):hover { background-color: rgba(113,169,189,0.33); cursor: pointer; background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66)); @@ -1490,6 +1487,9 @@ p.adminNav hr { position:relative; top:16px; } +.equipWindow { + height: 440px; +} .itemDetailsGrid { display: grid; grid-template-areas: @@ -1497,9 +1497,7 @@ p.adminNav hr { "ability ability" "augment augment"; grid-template-columns: 128px minmax(0,1fr); - grid-template-rows: auto; margin: 10px 10px 0 10px; - place-items: stretch; } .itemDetailsIcon { background-color: hsl(0, 17%, 70%); @@ -1509,6 +1507,27 @@ p.adminNav hr { margin: 0 0 0 10px; grid-area: properties; } +.itemDetailsPropertiesWrapper { + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(0,1fr); + grid-template-areas: + "rarity stars" + "attack attackDisplay" + "element elementDisplay" + "conditions conditionsDisplay"; + text-align: left; + gap: 10px 0; +} +.itemDetailsPropertiesWrapper > div { + border-bottom: 1px solid rgba(128,128,128,0.5); + padding-bottom: 2px; +} +.itemDetailsPropertiesWrapper > div:nth-child(odd) { + color: #97e2fc; +} +.itemDetailsPropertiesWrapper > div:nth-child(even) { + padding-left: 0; +} .itemDetailsAugment { margin: 15px 0 0 0; grid-area: augment; @@ -1523,6 +1542,7 @@ p.adminNav hr { background-color:rgba(0,0,0,0.33); padding: 2px 10px; border-radius: 0 10px 0 0; + height: 20px; } .itemAbility { grid-area: ability;