X-Git-Url: https://git.ralfj.de/web.git/blobdiff_plain/be365a5bd690da017b4c00b473853b74d5287b05..f009c167b41b9ca680340c6694fce16318ec2670:/personal/_sass/_layout.scss diff --git a/personal/_sass/_layout.scss b/personal/_sass/_layout.scss index cde604e..8859ce1 100644 --- a/personal/_sass/_layout.scss +++ b/personal/_sass/_layout.scss @@ -14,7 +14,7 @@ body { /* This centers us in the page, and handles the "too wide" case */ padding-top: $outer-margin; /* distance of top to window border */ padding-bottom: $outer-margin; /* distance of page-bottom to window border */ border-left: solid $text-color 1px; - min-height: calc(100vh - #{$outer-margin}); + min-height: calc(100vh - #{2*$outer-margin}); } /* The content of the frame */ @@ -25,6 +25,12 @@ body { /* This centers us in the page, and handles the "too wide" case */ padding-top: 1px; /* If we use 0 here, some paddings add up things get ugly. What?!? */ } +/* The footer */ +#-footer { + padding-top: 3em; + text-align: center; +} + /* Navigation menu */ #-navi { padding: 0; @@ -94,6 +100,7 @@ body { /* This centers us in the page, and handles the "too wide" case */ clear: both; float: none; position: static; + border: none; } #-content { padding: #{ $outer-margin * 0.75 }; @@ -138,6 +145,9 @@ body { /* This centers us in the page, and handles the "too wide" case */ /* Printing */ @media print { + body { + background-color: white; + } body, #-frame, #-content { margin: 0; padding: 0;