add Outlook.com rant

[web.git] / personal / _sass / _layout.scss

diff --git a/personal/_sass/_layout.scss b/personal/_sass/_layout.scss
index cde604e034ed50209c74e7bdd5672481a06e9925..8859ce17d1e4d4f9c8898562320e3314fe0b1ce5 100644 (file)
--- 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;