[THEME] Make more block size relatives

static/css/style.css

@@ -115,7 +115,7 @@ a:focus {
 }
 @media only screen and (min-width: 1000px) {
 	#navigation .navigation-container {
-		max-width: 900px;
+		max-width: var(--content-width);
 	}
 }
 #navigation-title {
@@ -147,11 +147,12 @@ a:focus {
 #navigation .menu-button .menu-button-image {
 	display: inline-block;
 	position: relative;
-	height: 20px;
-	width: 24px;
-	top: 14px;
+	height: 1.5em;
+	width: 1.5em;
+	top: 0.75em;
 	background-image: url(../svg/bars.svg);
 	background-size: contain;
+	background-repeat: no-repeat;
 	margin: auto;
 	vertical-align: top;
 }
@@ -238,23 +239,20 @@ a:focus {
 	padding: 0;
 }
 #avatar img {
-	max-width: 120px;
+	width: 20vw;
+	min-width: 120px;
+	max-width: 200px;
 	border-radius: 40%;
 	background-color: var(--avatar-background);
 }
-@media only screen and (min-width: 768px) {
-	#avatar img {
-		max-width: 200px;
-	}
-}
 #social .social-element {
 	display: inline-block;
 	vertical-align: middle;
-	height: 32px;
+	height: 2em;
 	margin-top: 1em;
 }
 #social .social-element a {
-	height: 24px;
+	height: 1.5em;
 	display: inline-block;
 	margin-left: 1em;
 	margin-right: 1em;
@@ -268,7 +266,7 @@ a:focus {
 }
 @media only screen and (min-width: 768px) {
 	#social .social-element a {
-		height: 32px;
+		height: 2em;
 	}
 }
 
@@ -461,14 +459,6 @@ a:focus {
 	font-size: 0.8rem;
 	margin: 2rem 0;
 }
-.article-footer .spacer {
-	display: inline-block;
-	width: 1em;
-	height: 1px;
-	margin: 0 .5em;
-	background-color: var(--font-color);
-	vertical-align: middle;
-}
 .article-footer .footer-return {
 	margin-bottom: 1em;
 	width: 100%;
@@ -554,9 +544,9 @@ a:focus {
 	max-width: 30%;
 }
 .article-body figure.logo img {
-	width: 100px;
+	width: 10vw;
 	max-width: 100px;
-	min-width: auto;
+	min-width: 40px;
 	vertical-align: bottom;
 	padding: 0;
 }

static/svg/bars.svg

@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13.333"><path d="M16 11.333v1.334a.671.671 0 01-.667.666H.667A.671.671 0 010 12.667v-1.334c0-.364.302-.666.667-.666h14.666c.365 0 .667.302.667.666zM16 6v1.333a.671.671 0 01-.667.667H.667A.671.671 0 010 7.333V6c0-.365.302-.667.667-.667h14.666c.365 0 .667.302.667.667zm0-5.333V2a.671.671 0 01-.667.667H.667A.671.671 0 010 2V.667C0 .302.302 0 .667 0h14.666c.365 0 .667.302.667.667z" fill="#efefef"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path fill="#efefef" d="M16 13.6v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8v-1.6c0-.4.3-.8.7-.8h14.6c.4 0 .7.4.7.8zm0-6.4v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8V7.2c0-.4.3-.8.7-.8h14.6c.4 0 .7.4.7.8zm0-6.4v1.6a.7.8 0 0 1-.7.8H.7a.7.8 0 0 1-.7-.8V.8C0 .4.3 0 .7 0h14.6c.4 0 .7.4.7.8z"/>
+</svg>