diff --git a/services/web/public/stylesheets/app/templates.less b/services/web/public/stylesheets/app/templates.less index d0f357bee2..dbe5746c5c 100644 --- a/services/web/public/stylesheets/app/templates.less +++ b/services/web/public/stylesheets/app/templates.less @@ -1,16 +1,31 @@ -.template-page-header { - padding-top: unit(@line-height-base,rem); - h1, h2 { - margin-top: 6px; - margin-right: @line-height-base * 5; - line-height: 1; +.template-title { + margin-bottom: 40px; +} + +.field-title { + font-weight: bold; +} + +.cta-links { + margin-top: 30px; + + .cta-link { + display: inline; } + + .cta-link.btn { + margin: 0 10px; + } +} + +.tag-link { + margin-right: 5px; } .template-thumbnail { .thumbnail { - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + 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; @@ -67,7 +82,25 @@ margin-top: 0px; } +.section-preview { + margin-top: 40px; + .abstract { + padding: 0 10% 10% 0; + + @media (max-width: @screen-md-min) { + padding: 5%; + } + } +} + +.section-tags { + margin: 40px 0; +} + +.section-find-more { + padding-left: 5%; +} .download-buttons, .social_buttons { padding-top: 20px; @@ -90,12 +123,15 @@ color:@link-color; } img { - max-width: 100%; + max-width: 100%; height: auto; } } .template-large-pdf-preview { + border: solid 1px @gray-lightest; + margin-bottom: 30px; + img { max-width: 100%; }