/* General CSS */ #supported-games-search-results .list-group-item { color: black; font-size: 1.25em; } #supported-games-search-results .badge.badge-pill { position: relative; top: .25em; } #primary_download { background-color: #2ea79c; border-color: #2ea79c; color: white; } #primary_download:hover { background-color: #239c91 !important; border-color: #239c91 !important; } #older_download { background-color: #40474e; border-color: #40474e; color: white; } #older_download:hover { background-color: #343a40 !important; border-color: #343a40 !important; } #past_versions_other { background-color: #2d3135; } /* Contributors */ .contributor-avatar-img { width: 70px; height: 70px; } /* Search info */ #information-box #ultrawide p { display: none; } #information-box.ultrawide-supported #ultrawide #ultrawide-supported { display: block !important; } #information-box.ultrawide-unsupported #ultrawide #ultrawide-unsupported { display: block !important; } #information-box #version-3 p { display: none; } #information-box.version-3-supported #version-3 #version-3-supported { display: block !important; } #information-box.version-3-unsupported #version-3 #version-3-unsupported { display: block !important; } #information-box #compat-status span { display: none; } #information-box.compat-status-loading #compat-status-loading { display: inline !important; } #information-box.compat-status-unknown #compat-status-unknown { display: inline !important; } #information-box.compat-status-perfect #compat-status-perfect { display: inline !important; } #information-box.compat-status-playable #compat-status-playable { display: inline !important; } #information-box.compat-status-runs #compat-status-runs { display: inline !important; } #information-box.compat-status-loads #compat-status-loads { display: inline !important; } #information-box.compat-status-unplayable #compat-status-unplayable { display: inline !important; } #information-box p, #information-box span p { margin: 0; position: relative; left: 20px; } .list-group-item:first-child { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } #supported-games-search:not(.loading) .form-control:valid ~ .input-group-append .input-group-text { border-bottom-right-radius: 0 !important; } /* Search bar - Loading indicator */ @keyframes spin { from { transform: rotate(0); } to{ transform: rotate(359deg); } } #supported-games-search.loading .form-control { border-right-width: 0; } #supported-games-search:not(.loading) .spinner-box { display: none !important; } .spinner-box { background-color: white; align-self: center; height: calc(2.875rem + 2px); padding: .5rem 1rem; border: solid #ced4da; border-width: 1px 0px; } .circle-border { width: 30px; height: 30px; padding: 3px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: white; background: linear-gradient(0deg, rgba(63,249,220,0.1) 33%, rgba(63,249,220,1) 100%); animation: spin .8s linear 0s infinite; } .circle-core { width: 100%; height: 100%; background-color: white; border-radius: 50%; }