🎉 [homedemo] Saca pág. demo de inicio de PageTop

pagetop-homedemo/static/css/styles.css

@@ -0,0 +1,103 @@
+body.default-homepage span.app-name {
+	font-weight: bold;
+	color: inherit;
+}
+
+#hello-world,
+#welcome,
+#pagetop,
+#promo,
+#reporting {
+	padding: 2rem 5%;
+}
+
+body.default-homepage [class$="-col-text"] {
+	padding: 0 5%;
+	text-align: center;
+}
+body.default-homepage [class$="-col-image"] {
+	padding: 1rem 5%;
+}
+
+#hello-world a {
+	margin: .25rem;
+}
+#hello-world a.code-link {
+	padding-left: 2rem;
+	padding-right: 2rem;
+	border-radius: 1.5rem;
+	font-size: 1.125rem;
+}
+#hello-world a.welcome-link {
+	text-decoration: none;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#welcome > div.container {
+	padding: 2rem 1rem;
+	border-radius: 28px;
+	background: url("/homedemo/images/welcome.jpg") center center no-repeat;
+	background-size: auto;
+	background-size: cover;
+	color: #fff;
+}
+#welcome > div.container > h2 {
+	color: #fff;
+}
+#welcome > div.container > h3 {
+	color: #ccc;
+}
+
+#reporting .reporting-col-image img {
+	border-radius: 40px;
+}
+
+/* Responsiveness */
+@media (min-width: 768px) {
+	body.default-homepage [class$="-col-image"] {
+		padding-top: 5%;
+	}
+
+	#hello-world .hello-col-text {
+		padding-left: 1rem;
+		padding-right: 1rem;
+	}
+	#hello-world .hello-col-image {
+		padding-top: 3rem;
+	}
+}
+@media (min-width: 992px) {
+	body.default-homepage [class$="-col-image"] {
+		padding-top: 1rem;
+	}
+
+	#hello-world .hello-col-text {
+		padding-top: 2rem;
+		padding-left: 10%;
+		text-align: left;
+	}
+
+	#welcome {
+		padding-left: 10%;
+		padding-right: 10%;
+	}
+	#welcome > div.container {
+		padding: 2rem 8rem;
+	}
+
+	#pagetop .pagetop-col-text {
+		padding-left: 2rem;
+		text-align: left;
+	}
+
+	#promo .promo-col-text {
+		padding-right: 0;
+		text-align: right;
+	}
+
+	#reporting .reporting-col-text {
+		padding-left: 1rem;
+		text-align: left;
+	}
+}