contentdb/app/scss/packages.scss

.screenshot_list {
	list-style: none;
	padding: 0;
	margin: 0 0 2em;

	li, li a {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	li {
		display: inline-block;
		vertical-align: middle;
		margin: 5px;
		padding: 0;

		a {
			display: block;
		}
	}

	img {
		width: 200px;
		height: 133px;
		object-fit: cover;
	}
}

.badge-tr {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #ccc !important;;
}

.screenshot-add {
	display: block !important;
	width: 200px;
	height: 133px;
	background: #444;
	color: #666;
	text-align: center;
	line-height: 133px !important;
	font-size: 80px;

	&:hover {
		background: #555;
		color: #999;
		text-decoration: none;
	}
}

.info-row {
	vertical-align: middle;

	.count {
		margin-left: 0.3em;
	}

	img {
		filter: grayscale(100%);
	}

	a {
		color: rgba(255, 255, 255, 0.8);
	}

	.btn-group-horizontal > span {
		color: rgba(255, 255, 255, 0.8);
		display: inline-block;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: 1px solid transparent;
		padding: 0.375rem 0.75rem;
		font-size: 0.9375rem;
		line-height: 1.5;
		border-radius: 0.25rem;
	}

	a:hover {
		color: #fff;
		text-decoration: none;
	}
}

.box_img {
	position: relative;
	background-position: center;
	background-size: cover;
	background-image: url("placeholder.png");
	min-height: 220px;
	border-radius: 5px;
	padding: 0;
}

.box_img > h2 {
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 15px;
}

.package-short-large {
	font-size: 120%;
}

.pkg_wiz_1, .pkg_wiz_2 {
	display: none;
}

.plsearchform {
	padding: 0.5em;
}

.plsearchform p {
	display: inline-block;
	padding: 0;
	margin: 0 0.75em;
}