diff --git a/themes/lite/templates/base.html b/themes/lite/templates/base.html index c3be022..5e81ff9 100644 --- a/themes/lite/templates/base.html +++ b/themes/lite/templates/base.html @@ -18,7 +18,7 @@ outline: none; } .content { - max-width: 600px; + max-width: 50rem; line-height: 1.4; } .toclink { @@ -48,13 +48,13 @@ float: left; margin-right: 1rem; } - @media screen and (min-width:49rem) { + @media screen and (min-width:63rem) { .content .aside { display: inline; float: right; position: relative; - width: 8rem; - margin-right: -10rem; + width: 10rem; + margin-right: -12rem; font-size: 0.9rem; } } diff --git a/themes/theme/templates/style.css b/themes/theme/templates/style.css index 17bb0ad..d9b7a39 100644 --- a/themes/theme/templates/style.css +++ b/themes/theme/templates/style.css @@ -44,7 +44,7 @@ } .container { - max-width: 42rem; + max-width: 50rem; margin: 1rem auto 12rem auto; } @@ -125,13 +125,14 @@ font-size: 0.9rem; } - @media screen and (min-width:62rem) { + @media screen and (min-width:72rem) { .content .aside { + text-align: right; display: inline; float: left; position: relative; - width: 8rem; - margin-left: -9rem; + width: 10rem; + margin-left: -11rem; } }