homepage mobile fixed

nebulasio · Nov 13, 2018 · 989fc95 · 989fc95
1 parent 76581e2
commit 989fc95
Showing 1 changed file with 45 additions and 19 deletions.
diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
@@ -159,22 +159,7 @@ footer p {
 }
 
 
-/* mobile */
-/* mobile menu */
-.wy-nav-top {
-	background: #fafafa;
-	color: #000;
-}
 
-.wy-nav-top a {
-	color: #000;
-}
-
-@media screen and (max-width: 768px) {
-	.wy-nav-content-wrap .wy-nav-content {
-		padding: 0.5em 0 1.618em 0;
-	}
-}
 
 
 
@@ -218,7 +203,7 @@ span#overview {
     width: 30%;
     display: block;
     border: 1px solid #cbcbcb;
-    padding: 240px 0 20px 0;
+    padding: 235px 0 30px 0;
     float: left;
     margin-right: 3%;
     margin-bottom: 2rem;
@@ -241,6 +226,7 @@ span#overview {
     color: #000;
     font-weight: normal;
     font-size: 1rem;
+    background-size: 165px 165px;
 }
 
 #use-wiki.section .section a.reference:hover {
@@ -253,15 +239,15 @@ span#overview {
 }
 
 #use-wiki.section #mainnet.section {
-	background: #fff url(https://raw.githubusercontent.com/nebulasio/nebdocs/master/docs/resources/overview/icon-mainnet.png) no-repeat 50% 19px;
+	background: #fff url(https://raw.githubusercontent.com/nebulasio/nebdocs/master/docs/resources/overview/icon-mainnet.png) no-repeat 50% 30px;
 }
 
 #use-wiki.section #dapps.section {
-	background: #fff url(https://raw.githubusercontent.com/nebulasio/nebdocs/master/docs/resources/overview/icon-dapps.png) no-repeat 50% 19px;
+	background: #fff url(https://raw.githubusercontent.com/nebulasio/nebdocs/master/docs/resources/overview/icon-dapps.png) no-repeat 50% 30px;
 }
 
 #use-wiki.section #ecosystem.section {
-	background: #fff url(https://raw.githubusercontent.com/nebulasio/nebdocs/master/docs/resources/overview/icon-eco.png) no-repeat 50% 19px;
+	background: #fff url(https://raw.githubusercontent.com/nebulasio/nebdocs/master/docs/resources/overview/icon-eco.png) no-repeat 50% 30px;
 }
 
 #use-wiki.section #get-involved.section {
@@ -270,3 +256,43 @@ span#overview {
     padding: 2em 1.618em;
     margin: 2em -1.618em 0 -1.618em;
 }
+
+#use-wiki.section #get-involved.section:hover {
+	box-shadow: none;
+}
+
+#use-wiki.section #get-involved.section a {
+	display: inline-block;
+	padding: 0 3rem;
+}
+
+
+
+
+/* mobile */
+/* mobile menu */
+.wy-nav-top {
+	background: #fafafa;
+	color: #000;
+}
+
+.wy-nav-top a {
+	color: #000;
+}
+
+@media screen and (max-width: 768px) {
+	.wy-nav-content-wrap .wy-nav-content {
+		padding: 0.5em 0 1.618em 0;
+	}
+	#use-wiki.section #mainnet.section, #use-wiki.section #dapps.section, #use-wiki.section #ecosystem.section {
+		width: 100%;
+		margin-right: 0;
+		float: none;
+	}
+	#welcome-to-the-open-source-nebulas-wiki h2 {
+		max-width: 100%;
+		padding-right: 0;
+		padding-bottom: 0;
+		float: none;
+	}
+}