[gnuastro-commits] master 99488cd: CSS for blockquotes, widescreen fonts slighly larger

[Mohammad Akhlaghi]

branch: master
commit 99488cdcc8a818e2743e4af5626d497d9a236e6b
Author: Mohammad Akhlaghi <address@hidden>
Commit: Mohammad Akhlaghi <address@hidden>

    CSS for blockquotes, widescreen fonts slighly larger
    
    The author of a quote was spaced too far away from the quote in the
    original CSS and closer to the paragraph lines. With this commit, we
    defined some CSS styles for the block quotes to the authors can be closer
    to quotes rather than the next paragraph. However, this would decrease the
    space in blockquote tags that don't have an author. So for any such
    element, we also added a top margin.
    
    Also, after a little more vewing on wide monitor screens and narrow
    smartphone screens, I feel that the widescreen fonts needed to be slightly
    increased for easier readability (atleast to my eyes!).
---
 doc/style.css |   20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/doc/style.css b/doc/style.css
index a26d993..1db73e2 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -98,6 +98,7 @@ body{
    browser with the max-width variable. */
 @media screen and (min-width: 32em) {
     body {
+       font-size: 105%;        /* Default browser's font size.    */
        margin: 0 auto;         /* To center the page.             */
        max-width: 60em;        /* Page width depends on font size.*/
     }
@@ -174,6 +175,25 @@ em {
 
 
 
+
+/* Quotes */
+blockquote {
+    font-size: 90%;
+    margin-top: 0.75em;
+    padding-bottom: 0;
+    border-bottom: 0;
+    margin-bottom: 0;
+}
+blockquote+div {
+    margin-bottom: 0.75em;
+}
+blockquote+:not(div) {
+    margin-top: 0.75em;
+}
+
+
+
+
 /* Lists: */
 li {
     padding-bottom: 0.4em;