overleaf/services/web/public/stylesheets/app/templates-v2.less

.template-title {
	margin-bottom: @margin-xl;
}

.field-title {
	font-weight: bold;
}

.filters {
	float: right;
	margin-bottom: @margin-lg;

	@media (max-width: @screen-md-min) {
		float: none;
	}
}

.cta-links {
	margin-top: @margin-lg;

	.cta-link.btn {
		margin: 0 @margin-sm;
	}
}

.tag-link {
	margin: 0 @margin-xs @margin-sm 0;
}

.templates-container {
	column-count: 3;
	column-gap: 1em;
}

.template-thumbnail {
	display: inline-block;
	margin: 0 0 1em;
	width: 100%;
	.thumbnail {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		margin: 5% 0;
		padding:0px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;

		h3 {
			color:@link-color;
			margin: 10px 0px 10px 20px;
		}

		&.thumbnail-tag {
			height: 100px;
		}
	}

	.caption {
		// Override ShareLatex template styles
		background: none;
		border: none;
		text-align: center;
	}

	.caption__description {
		font-style: italic;
		padding: 5px 0;
		.text-overflow();
	}

	.caption__title {
		display: inline-block;
		max-width: 100%;
		.text-overflow();
	}

	/* Media Queries */
	@media (max-width: @screen-md-min) {
		.thumbnail {
			margin: 5% auto;
		}

		.caption .description {
			padding: 5px 50px;
		}
	}

}

    .section-preview {
        margin-top: @margin-xl;

        .abstract {
            padding-right:10%;
            padding-bottom: 10%;

            @media (max-width: @screen-md-min) {
                padding: 5%;
            }
        }
    }

    .section-tags {
		margin-bottom: @margin-xl;
		margin-top: @margin-xl;
	}

	.template-large-pdf-preview {
		border: solid 1px @gray-lightest;
		margin-bottom: 30px;
	}