Add override styles for <h*> tags in planet posts

It looks bad on the site when the headlines inside posts are larger than
the headlines outside them. So force them down to a smaller sice.

It's not very pretty, but it's better than before. More could definitely
still be done to separate wrapping from content more.

1 files changed, 20 insertions, 0 deletions

diff --git a/www/css/planet.css b/www/css/planet.css
index 1776c9d..69a24a2 100644
--- a/www/css/planet.css
+++ b/www/css/planet.css
@@ -74,6 +74,26 @@ div.contentwrap h2:after {
    clear: left;
 }
 
+/* Set headers to be smaller than the one we use for the wrapper, which is h5=1.25rem */
+.planetpost h1 {
+   font-size: 1.1rem;
+}
+.planetpost h2 {
+   font-size: 1rem;
+}
+.planetpost h3 {
+   font-size: 0.9rem;
+}
+.planetpost h4 {
+   font-size: 0.8rem;
+}
+.planetpost h5 {
+   font-size: 0.7rem;
+}
+.planetpost h6 {
+   font-size: 0.6rem;
+}
+
 h2 a, h3 a {
     text-decoration: none;
     color: #515151;