[gnuastro-commits] master 3d6000f: A limit on book's webpage width in wide screens

[Mohammad Akhlaghi]

branch: master
commit 3d6000ffeae2878640608f5f842cdbc9a73f2176
Author: Mohammad Akhlaghi <address@hidden>
Commit: Mohammad Akhlaghi <address@hidden>

    A limit on book's webpage width in wide screens
    
    On a wide screen the lines will become too large, so using CSS's 
address@hidden'
    option, a limit was set on the maximum possible width. Also the 110% font
    size was a little too large, after some tests, the 100% size appears to be
    eaiser to read on wide monitors and narrow smartphones at the same time.
---
 doc/style.css |   17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/doc/style.css b/doc/style.css
index 18fab55..a26d993 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -87,12 +87,21 @@ section{
    slightly larger than the standard size. */
 body{
     margin: 0;
-    font-size: 110%;           /* Default browser size.           */
+    font-size: 100%;           /* Default browser's font size.    */
     font-weight: 100;          /* Thin fonts for all pages.       */
     padding: 0 0.5em 0 0.5em;
     font-family: open_sanslight, sans-serif;
 }
 
+/* When we have a wide screen (independent of the browser), the text
+   can be hard to read, so we put a limit on the width within the
+   browser with the max-width variable. */
address@hidden screen and (min-width: 32em) {
+    body {
+       margin: 0 auto;         /* To center the page.             */
+       max-width: 60em;        /* Page width depends on font size.*/
+    }
+}
 
 
 
@@ -120,11 +129,7 @@ h6{ font-size: 1.0em; }
 
 
 
-/* Paragraphs
-
-   By default all the paragraphs are indented, except for those that
-   are immediately following a header, their indentation is set to
-   zero. */
+/* Paragraphs */
 p{
     margin-top: 0;
     text-indent: 0;