X-Git-Url: https://git.ralfj.de/web.git/blobdiff_plain/ee3b920271648a553bf01a673a25d305d95b36d3..bd3912cd2071ac42b61a7b4f5cad3a927bd24b49:/personal/_sass/_layout.scss

diff --git a/personal/_sass/_layout.scss b/personal/_sass/_layout.scss
index a4c4738..0054a61 100644
--- a/personal/_sass/_layout.scss
+++ b/personal/_sass/_layout.scss
@@ -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 };
@@ -185,3 +192,17 @@ body { /* This centers us in the page, and handles the "too wide" case */
         margin-top: 0.8em;
     }
 }
+
+/* Images (~350px wide) floating to the right but only if there is enough space */
+.float-right-350 {
+  float: right;
+  margin-left: 0.8em;
+  margin-bottom: 0.3em;
+}
+@media screen and (max-width:600px) {
+    .float-right-350 {
+        max-width: 300px;
+        float: none;
+        margin: auto;
+    }
+}