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-right: @margin-xs;
}

.template-thumbnail {

	.thumbnail {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
		height: 465px;
		margin: 5% 0;

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

		img {
			width: 100%;
			height: 100%;
		}
	}

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

		display: flex;
		justify-content: center;
		align-items: center;
	}

	.caption {
        // Override ShareLatex template styles
        background: none;
        border: none;

		text-align: center;

		.description {
			font-style: italic;
			padding: 5px 0;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}

	}

	.caption.caption--portals {
		height: 50px;
		overflow: hidden;
	}

	/* Media Queries */
	@media (max-width: @screen-md-min) {
		.thumbnail {
			height: 400px;
			width: 300px;

			margin: 5% auto;
		}

		img {
			width: 90%;
		}

		.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;
	}