Apply the right config to the bg pic

rim99 · Jun 11, 2017 · 54354a8 · 54354a8
1 parent 29764c0
commit 54354a8
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/_static/blog.css b/_static/blog.css
@@ -35,11 +35,13 @@ h3 {
 	position: relative;
 	background: rgb(46,59,117);
 	color: #fff;
+}
+
+.sidebar.pure-u-1.pure-u-md-1-4 {
 	background-repeat:no-repeat;
-	background-position: -34em 3em;
+	background-position: -34em 100%;
 	background-image: url(/static/side_background.jpg);
 }
-
 .sidebar a {
 	text-decoration: none;
 	color: #FFE4B5;
@@ -526,7 +528,7 @@ h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:h
 	color: #4d85d1;
 }
 
-/* 
+/*
 computer
 */
 @media (min-width: 72em) {
@@ -544,7 +546,6 @@ computer
 		position: fixed;
 		top: 0;
 		bottom: 0;
-		background-position: -34em 100%;
 	}
     li.prev {
         margin-left: 6%;
@@ -555,7 +556,7 @@ computer
 }
 
 /*
-tablet 
+tablet
 */
 @media (min-width: 48em) and (max-width: 71.99em) {
 	.sidebar {
@@ -568,7 +569,7 @@ tablet
 		margin-left: 5%;
 		width: 90%;
 	}
-    
+
 
 	h1.brand-title {
 		font-size: 170%;
@@ -586,11 +587,11 @@ tablet
     li.prev {
         margin-left: -2.5%;
     }
-    
+
     li.next {
         margin-right: 7%;
     }
-    
+
 	div.licence {
 		margin: 15% 10% 15% 10%;
 	}
@@ -631,8 +632,8 @@ tablet
 }
 
 
-/* 
-Cellphone 
+/*
+Cellphone
 */
 @media (max-width: 47.99em) {
 	input.pure-input-3-3 {
@@ -648,11 +649,11 @@ Cellphone
     li.prev {
         margin-left: -4%;
     }
-    
+
     li.next {
         margin-right: 4%;
     }
-    
+
 	div.licence {
 		margin: 15% 10% 5% 10%;
 	}
@@ -667,4 +668,4 @@ Cellphone
 		font-size: 2em;
 		margin-top: 0;
 	}
-}
+}