index style refresh

2 files changed, 57 insertions, 31 deletions

diff --git a/assets/css/bootswatch.min.css b/assets/css/bootswatch.min.css
index 9926ddca..a5480be9 100644
--- a/assets/css/bootswatch.min.css
+++ b/assets/css/bootswatch.min.css
@@ -1,15 +1 @@
-body{padding-top:50px}
-#banner{border-bottom:none}
-.page-header h1{font-size:4em}
-.bs-docs-section{margin-top:8em}
-.affix{top:70px}
-footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}
-footer p{clear:left;margin-bottom:0}
-.splash{padding:2em 0 2em;text-align:center}.splash h1{font-size:4em}
-.splash #social{margin-top:4em;margin-bottom:2em}
-.section-tout{padding:3em 0 4em;background-color:#e2f2f3}
-.section-preview{padding:4em 0 4em}
-.preview{margin-bottom:4em}.preview .image{width:100%}
-.preview .options{padding:1em;background-color:#eee;background-color:#e2f2f3}
-.bsa .one .bsa_it_ad{border:none !important;background-color:transparent !important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit !important}
-.bsa .one .bsa_it_p{display:none}
+body{padding-top:50px}#banner{border-bottom:0}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.affix{top:70px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{background-color:#19232f;background-color:#1c2533;padding:6em 0 2em;color:#fff;text-align:center}.splash .alert{margin:4em 0 2em;text-align:left}.splash h1{font-size:4em}.splash #social{margin-top:6em}.section-tout{padding:4em 0 3em;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background-color:#e2f2f3}.section-tout [class^="icon-"]{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#e2f2f3;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{text-align:center;padding:0 2em 2em}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media(max-width:767px){.section-preview .image img{width:100%}}.bsa .one .bsa_it_ad{border:none!important;background-color:transparent!important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit!important}.bsa .one .bsa_it_p{display:none}
\ No newline at end of file
diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less
index d5ff9aa7..8a648be1 100644
--- a/assets/less/bootswatch.less
+++ b/assets/less/bootswatch.less
@@ -38,43 +38,83 @@ footer {
 
 .splash {
 
-	padding: 2em 0 2em;
+	background-color: #19232F;
+	background-color: #1C2533;
+	padding: 6em 0 2em;
+	color: #fff;
 	text-align: center;
 
+	.alert {
+		margin: 4em 0 2em;
+		text-align: left;
+	}
+
 	h1 {
 		font-size: 4em;
 	}
 
 	#social {
-		margin-top: 4em;
-		margin-bottom: 2em;
+		margin-top: 6em;
 	}
 }
 
 .section-tout {
-	padding: 3em 0 4em;
+	padding: 4em 0 3em;
+	border-top: 1px solid rgba(255, 255, 255, 0.1);
+	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	background-color: #E2F2F3;
-	// background-color: #2C3E50;
-	// color: #fff;
+
+	[class^="icon-"] {
+		margin-right: 0.5em;
+	}
+
+	p {
+		margin-bottom: 3em;
+	}
 }
 
 .section-preview {
+
 	padding: 4em 0 4em;
-	// background-color: #E2F2F3;
-}
 
-.preview {
+	.preview {
+
+		margin-bottom: 4em;
+		background-color: #E2F2F3;
+		border: 1px solid rgba(0, 0, 0, 0.1);
+		border-radius: 6px;
 
-	margin-bottom: 4em;
+		.image {
+			padding: 5px;
 
-	.image {
-		width: 100%;
+			img {
+				border: 1px solid rgba(0, 0, 0, 0.1);
+			}
+		}
+
+		.options {
+			text-align: center;
+			padding: 0 2em 2em;
+
+			p {
+				margin-bottom: 2em;
+			}
+		}
 	}
 
-	.options {
-		padding: 1em;
-		background-color: #eee;
-		background-color: #E2F2F3;
+	.dropdown-menu {
+		text-align: left;
+	}
+
+	.lead {
+		margin-bottom: 2em;
+	}
+
+	@media (max-width: 767px) {
+		
+		.image img {
+			width: 100%;
+		}
 	}
 }