Image styling.

1 files changed, 55 insertions, 1 deletions

diff --git a/local.scss b/local.scss
index 00ea174..df61c70 100644
--- a/local.scss
+++ b/local.scss
@@ -102,9 +102,63 @@ a {
 	padding: 0;
 }
 
+// full width, alone (obviously)
 #content img {
+	margin: 0 0 1em;
+	width: 100%;
+	height: auto;
+}
+
+// half width, left side
+#content img.left {
 	float: left;
-	margin: 0 25px 25px 0px;
+	margin: 0 0 1em 0;
+	width: 49%;
+	height: auto;
+}
+
+// half width, right side
+#content img.right {
+	float: right;
+	margin: 0 0 1em 0;
+	width: 49%;
+	height: auto;
+}
+
+// half width, alone
+#content img.tall {
+	margin: 0 50% 1em 0;
+	width: 50%;
+	height: auto;
+}
+
+// less than half width, alone
+#content img.verytall {
+	margin: 0 60% 1em 0;
+	width: 40%;
+	height: auto;
+}
+
+// less than half width, two aside (but not text)
+#content img.tiny {
+	margin: 0 1em 1em 0;
+	width: 40%;
+	height: auto;
+}
+
+// varying width, text aside
+#content img.aside {
+	float: left;
+	margin: 0 1em 1em 0;
+	width: inherit;
+	height: inherit;
+}
+
+// varying width, alone
+#content img.logo {
+	margin: 0 1em 1em 0;
+	width: inherit;
+	height: inherit;
 }
 
 .inlinepage {