css/*: Add some HTML style hacks I use in a few places.

These need to be stuffed into a browser extension such as Stylus to be
useful.

diff --git a/css/scottaaronson.com b/css/scottaaronson.com
new file mode 100644 (file)
index 0000000..4293884
--- /dev/null
+++ b/css/scottaaronson.com
@@ -0,0 +1,23 @@
+body { font-family: serif; font-size: 11pt; line-height: 1.2; }
+#page { width: auto; background-image: none; }
+#content {
+  font-size: inherit;
+  width: auto;
+}
+.widecolumn .entry, .narrowcolumn .entry,
+.widecolumn .entry p, .narrowcolumn .entry p,
+.commentlist p {
+  font-size: inherit;
+  line-height: 1.3;
+}
+#content.narrowcolumn {
+  padding-right: 210px;
+}
+#sidebar {
+  font: inherit;
+  right: 0px;
+}
+.post, .commentlist { text-align: left; }
+h1, h2, h3 { font-family: sans; }
+.commentlist li { font: inherit; }
+#footer { background-image: none; }

diff --git a/css/slatestarcodex.com b/css/slatestarcodex.com
new file mode 100644 (file)
index 0000000..a2d01dd
--- /dev/null
+++ b/css/slatestarcodex.com
@@ -0,0 +1,24 @@
+html { background-image: none; }
+
+body, #pjgm-content, #pjgm-content input, #pjgm-content textarea,
+.commenlist li.comment {
+  font-family: serif;
+  font-size: 11pt;
+  line-height: 1.3;
+}
+
+blockquote {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+div#primary { display: none; }
+
+#pjgm-menubar { width: auto; }
+
+#pjgm-wrap {
+  margin: 0;
+  min-width: 0;
+  max-width: none;
+}