diff --git a/Synergism.css b/Synergism.css index 05f12b43f..61fb2c848 100644 --- a/Synergism.css +++ b/Synergism.css @@ -1558,6 +1558,26 @@ p#transcendhotkeys { padding: 0; } +#challengesTabsToggle { + display: flex; + justify-content: center; + flex-flow: wrap; + margin-top: 15px; + margin-bottom: 10px; + gap: 10px 15px; +} + +#challengesTabsToggle > button { + min-width: 100px; + text-align: center; +} + +.singularityChallenges { + display: flex; + justify-content: center; + column-gap: 4px; +} + #challengesWrapper { display: flex; flex-direction: column; @@ -1567,7 +1587,15 @@ p#transcendhotkeys { #challengeIntroduction { text-align: center; font-size: 1.2em; - margin: 20px 0 0; + margin-top: 10px; + margin-bottom: 10px; +} + +#ExaltIntroduction { + text-align: center; + font-size: 1.2em; + margin-top: 10px; + margin-bottom: 10px; } #challengesAutoToggles { @@ -1575,6 +1603,7 @@ p#transcendhotkeys { justify-content: center; flex-flow: wrap; gap: 10px 15px; + margin-bottom: 10px; } #challengesAutoToggles > button { @@ -1635,10 +1664,11 @@ p#transcendhotkeys { } #challengeDetails { - display: flex; + display: grid; + grid-template-columns: repeat(2, auto); justify-content: center; - max-width: 1200px; align-self: center; + margin-top: 10px; } #challengeTimers { @@ -3545,12 +3575,6 @@ header #obtainiumDisplay { color: pink; } border: 2px solid blue; } -.singularityChallenges { - display: flex; - justify-content: center; - column-gap: 4px; -} - .rainbowBorder { width: 64px; height: 64px; @@ -3570,6 +3594,11 @@ header #obtainiumDisplay { color: pink; } border-radius: 3px; } +.rainbowBorder:hover { + cursor: pointer; + background-color: var(--hover-color); +} + .rainbowBorder::before { position: absolute; width: 150%; /* 96px */ @@ -3667,13 +3696,49 @@ img#singularityPerksIcon { } #singularityChallengeDetails { - width: 50%; - margin-left: 25%; + display: block; } -#singularityChallengesMultiline { +#singularityChallengesInfo { white-space: pre-line; - margin: 15px 0 0; + margin-top: 10px; + margin-bottom: 5px; + text-align: center; +} + +#singularityChallengeAllRewards { + display: grid; + grid-template-rows: repeat(2, auto); + grid-template-columns: repeat(2, 375px); + justify-content: center; + grid-gap: 10px; +} + +#singularityChallengeScalingHeader { + font-weight: bold; + font-size: 1.2em; + text-align: center; + margin: 0; +} + +#singularityChallengeUniqueHeader { + font-weight: bold; + font-size: 1.2em; + text-align: center; + margin: 0; +} + +#singularityChallengesScalingRewards { + display: block; + white-space: pre-line; + margin: 0; + text-align: center; +} + +#singularityChallengesUniqueRewards { + display: block; + white-space: pre-line; + margin: 0; } .newPerk { diff --git a/index.html b/index.html index 8e6352ef0..d23383aed 100644 --- a/index.html +++ b/index.html @@ -1547,7 +1547,12 @@