--- doc/tmpl/css/main.css	2015/04/28 17:24:16	2738
+++ doc/tmpl/css/main.css	2017/06/01 16:05:18	3267
@@ -1,6 +1,6 @@
 /*
   CrudeDoc CSS Style
-  Copyright (c) 2015 Christian Schoenebeck. All rights reserved.
+  Copyright (c) 2015 - 2017 Christian Schoenebeck. All rights reserved.
   http://www.crudebyte.com
  */
 
@@ -24,6 +24,7 @@
     background:         linear-gradient(to left, #cbc3c2, #bfb2b0); /* Standard syntax */
     counter-reset:oli;
     counter-reset:codeline;
+    -webkit-text-size-adjust:100%;
 }
 
 
@@ -162,6 +163,11 @@
     padding-right:5px;
 }
 
+.iOS
+nav > ul > li::before {
+    font-family:"Hiragino Mincho ProN";
+}
+
 nav > ul > li:first-child::before {
     content: "";
 }
@@ -484,6 +490,11 @@
     font-size:15px;
 }
 
+.iOS
+aside > div.toc > div.buttons .arrow {
+    font-family:"Hiragino Mincho ProN";
+}
+
 
 
 /* Article */
@@ -547,6 +558,17 @@
     font-weight:300;
 }
 
+article p {
+    clear:both;
+}
+
+/* automatically center the 1st paragraph (block) directly after a h1 type header (since that header type is centered as well) */
+article h1 + p {
+    display:table; /*HACK: "block" would stretch the entire page width */
+    margin-left:auto;
+    margin-right:auto;
+}
+
 article a {
     font-weight:400;
     color:#1ba1dd;
@@ -560,6 +582,10 @@
     text-decoration:none;
 }
 
+article li img {
+    float:left;
+}
+
 article a:hover {
     text-decoration:underline;
 }
@@ -738,7 +764,7 @@
 }
 
 article th {
-    background-color:#e8e2e2;
+    background-color:#e0e0ff;
     padding:0px 8px 0px 8px;
     margin:0 0 0 0;
     border:3px solid white;
@@ -787,6 +813,10 @@
     max-width:         calc(100% - 145px);
 }
 
+article td > note {
+    display:block; /*HACK: override "table" default value assigned above in the context of a table cell, otherwise padding will be ignored */
+}
+
 article note.important {
     border-left:solid 10px #ff4141;
 }
@@ -805,7 +835,7 @@
 article p img {
     display:inline-block;
     float:left;
-    margin:4px 20px 0px 0px;
+    margin:4px 20px 19px 0px;
     padding:0 0 0 0;
     /*border:solid 1px #8e8e8e;*/
     border:none;
@@ -868,10 +898,11 @@
     padding:0px;
     margin:0px;
     font-family:CRDCour;
+    font-size:15px;
     color:#000000;
 }
 
-article > dir {
+article > dir, example > dir {
     padding-left:66px;
     background-position:36px top;
 }
@@ -889,6 +920,7 @@
     background-repeat:no-repeat;
     background-position:2px top;
     font-family:CRDCour;
+    font-size:15px;
     color:#6f6f6f;
 }
 
@@ -919,6 +951,11 @@
     content: "◀ ";
 }
 
+.iOS
+article > ul.docpager > li:nth-child(1) > a:before {
+    font-family:"Hiragino Mincho ProN";
+}
+
 article > ul.docpager > li:nth-child(2) {
     text-align:center;
     padding-left:10px;
@@ -929,6 +966,11 @@
     content: "▲ ";
 }
 
+.iOS
+article > ul.docpager > li:nth-child(2) > a:before {
+    font-family:"Hiragino Mincho ProN";
+}
+
 article > ul.docpager > li:nth-child(3) {
     text-align:right;
     padding-left:10px;
@@ -938,6 +980,11 @@
     content: " ▶";
 }
 
+.iOS
+article > ul.docpager > li:nth-child(3) > a:after {
+    font-family:"Hiragino Mincho ProN";
+}
+
 article > .endline {
     font-family:CRDSans;
     font-size:16px;