From a38a1573f3a7bacf8b0b6414b956576faa07e6ff Mon Sep 17 00:00:00 2001
From: Ailin Nemui <ailin@z30a.localdomain>
Date: Thu, 25 Jan 2018 11:07:58 +0100
Subject: limit p width for easier reading

---
 assets/css/style.css | 41 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

(limited to 'assets/css')

diff --git a/assets/css/style.css b/assets/css/style.css
index ba9f254..2d5ecaf 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -308,7 +308,7 @@ blockquote {
     border: 1px dashed #81a1c1; /* .form-control:focus */
 }
 
-@media (max-width: 768px) {
+@media (max-width: 767px) {
     .irssi-release,.irssi-git { display: inline-block; }
 }
 
@@ -378,3 +378,42 @@ blockquote {
     display: inline-block;
 }
 }
+
+.container.post > p,
+.container.post > ul,
+.container.post > blockquote,
+.container.page > p,
+.container.page > ul,
+.container.page > ol,
+.container.page > blockquote,
+.container.page > dl {
+    max-width: 730px;
+}
+
+.container.page > dl > dd {
+    margin-left: 1em;
+}
+
+.container.page > h3 {
+    max-width: 750px;
+}
+
+.container.post > .wide {
+    max-width: 100%;
+}
+
+@media (min-width:768px) and (max-width: 991px) {
+    .container.post > div > div.highlight,
+    .container.page > div > div.highlight {
+	display: inline-block;
+	min-width: 720px;
+    }
+}
+
+@media (min-width: 992px) {
+    .container.post > div > div.highlight,
+    .container.page > div > div.highlight {
+	display: inline-block;
+	min-width: 730px;
+    }
+}
-- 
cgit v1.2.3