diff --git a/static/css/style.css b/static/css/style.css index 8d28e80..bfe3b02 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -115,7 +115,7 @@ a:focus { } @media only screen and (min-width: 1000px) { #navigation .navigation-container { - max-width: var(--content-width); + max-width: 900px; } } #navigation-title { @@ -131,7 +131,7 @@ a:focus { } #navigation .menu-button { float: right; - position: relative; + position:relative; display: none; width: 4em; height: 4em; @@ -147,12 +147,11 @@ a:focus { #navigation .menu-button .menu-button-image { display: inline-block; position: relative; - height: 1.5em; - width: 1.5em; - top: 0.75em; + height: 20px; + width: 24px; + top: 14px; background-image: url(../svg/bars.svg); background-size: contain; - background-repeat: no-repeat; margin: auto; vertical-align: top; } @@ -239,20 +238,23 @@ a:focus { padding: 0; } #avatar img { - width: 20vw; - min-width: 120px; - max-width: 200px; + max-width: 120px; 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: 2em; + height: 32px; margin-top: 1em; } #social .social-element a { - height: 1.5em; + height: 24px; display: inline-block; margin-left: 1em; margin-right: 1em; @@ -266,7 +268,7 @@ a:focus { } @media only screen and (min-width: 768px) { #social .social-element a { - height: 2em; + height: 32px; } } @@ -459,6 +461,14 @@ 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%; @@ -544,9 +554,9 @@ a:focus { max-width: 30%; } .article-body figure.logo img { - width: 10vw; + width: 100px; max-width: 100px; - min-width: 40px; + min-width: auto; vertical-align: bottom; padding: 0; } diff --git a/static/svg/bars.svg b/static/svg/bars.svg index a4b7e8d..7c4e587 100644 --- a/static/svg/bars.svg +++ b/static/svg/bars.svg @@ -1,3 +1 @@ - - - + \ No newline at end of file