Przeglądaj źródła

Templates detail page

Chrystal Griffiths 8 lat temu
rodzic
commit
6c7301fb09
1 zmienionych plików z 44 dodań i 8 usunięć
  1. 44 8
      services/web/public/stylesheets/app/templates.less

+ 44 - 8
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%;
 	}