cemu_graphic_packs/docs/assets/css/index.css

/* 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%;
}