.box_item_forgekit .box_changelog_scroller { display: block !important; padding: calc(var(--mp) * 2); } .changelog_box { background-color: var(--box-bg-color-light-trans); opacity: .75; margin-bottom: calc(var(--mp) * 2); padding: calc(var(--mp) * 2); padding-top: calc(var(--mp) * 12); border-radius: calc(var(--mp) * 2); border: var(--border-std); line-height: 150%; color: #AAAAAA; font-size: 1rem; contain: layout; overflow: hidden; } .changelog_box .changelog_header { display: flex; justify-content: space-between; font-size: 1.25rem; padding: calc(var(--mp) * 2); border-bottom: var(--border-std); border-bottom-style: dashed; position: fixed; background-color: #24242440; left: 0px; right: 0px; top: 0px; box-shadow: var(--box-shadow); } .changelog_date { font-size: 1rem; } .changelog_box .changelog_section { padding: calc(var(--mp) * .25) !important; padding-left: calc(var(--mp) * 2); padding-right: calc(var(--mp) * 2); margin-left: calc(var(--mp) * 2); border-radius: var(--br-min); display: flex; align-content: center; align-items: center; justify-content: center; justify-items: center; width: fit-content; min-width: 12rem; font-weight: 500; font-size: 1rem; text-transform: uppercase; color: #242424; } .changelog_box .changelog_section_first_public_release { background: linear-gradient(100deg, #4184bb 0%, #4184bb 35%, #05487e 100%); color: #eeeeee; } .changelog_box .changelog_section_new_features { background: linear-gradient(100deg, #359b35 0%, #359b35 35%, #0a700a 100%); color: #eeeeee; } .changelog_box .changelog_section_improved { background: var(--bg-gradient-yellow); } .changelog_box ul, .changelog_box ol { border-bottom: 1pt dashed gray; margin-bottom: calc(var(--mp) * 4); } .changelog_box ul:nth-last-child(2), .changelog_box ol:nth-last-child(2) { margin-bottom: calc(var(--mp) * 2) !important; } .changelog_box li { margin-bottom: calc(var(--mp) * 2); } .changelog_box:first-child { background-color: #223e7a80; opacity: 1; } .changelog_title { font-weight: 500; font-size: 1.25rem; margin-bottom: calc(var(--mp) * 1); color: darkorange; } .changelog_subtitle { font-weight: 400; margin-bottom: calc(var(--mp) * 2); color: white; } .changelog_article_link, .changelog_official_url, .changelog_title, .changelog_subtitle { margin-left: calc(var(--mp) * 4); } .changelog_article_link{ margin-bottom: calc(var(--mp) * 4); } .changelog_official_url { width: stretch; text-align: right; } @media screen and (orientation:portrait) and (max-width:1023px) { .downloads_single_box .box_changelog_scroller { margin-top: 0px; height: fit-content; max-height: unset; overflow: visible; width: stretch; padding-top: 0px; margin-bottom: calc(var(--mp) * 6) !important; } .changelog_box { display: none; } .changelog_box:first-child { display: block; width: stretch; background-color: transparent; border: unset; box-shadow: unset; margin-top: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; border-radius: calc(var(--mp) * 1) !important; } .changelog_box .changelog_header { border-radius: calc(var(--mp) * 1) !important; } }