Merge pull request #5 from ncbi/jats_1.11

Jats 1.11

css/jr.fip.css

@@ -1,4 +1,3 @@
-/* Find in Page CSS for JATS Reader */
 /*
   This work is in the public domain and may be reproduced, published or
   otherwise used without the permission of the National Library of Medicine (NLM).
@@ -12,6 +11,9 @@
   warranties, express or implied, including warranties of performance,
   merchantability or fitness for any particular purpose.
 */
+/* Commit: $Id$ */
+
+/* Find in Page CSS for JATS Reader */
 /* focus highlightes supression */                                                                                                                                                  
 aside:focus,
 nav:focus,

css/jr.objectbox.css

@@ -1,4 +1,3 @@
-/* ObjectBox CSS for JATS Reader */
 /*
   This work is in the public domain and may be reproduced, published or
   otherwise used without the permission of the National Library of Medicine (NLM).
@@ -12,6 +11,8 @@
   warranties, express or implied, including warranties of performance,
   merchantability or fitness for any particular purpose.
 */
+/* Commit: $Id$ */
+/* ObjectBox CSS for JATS Reader */
 
 #jr-objectbox {
     position: absolute;
@@ -28,6 +29,10 @@
     right: 8pt;
     top: 8pt;
     z-index: 7000;
+    -webkit-user-select: initial;
+    -moz-user-select: initial;
+    -ms-user-select: initial;
+    user-select: initial;
 }
 
 #jr-objectbox.help,
@@ -122,7 +127,7 @@ aside#jr-objectbox .cnt {
     -webkit-overflow-scrolling: touch;
     position: static;
     box-sizing: border-box;
-    background-color: #FFE; 
+    background-color: #FFF; 
 }
 
 /* article's content (figures/tables) in the object box */
@@ -136,9 +141,10 @@ aside#jr-objectbox .cnt {
     margin-top: 0;
 }
 
-#jr-objectbox article[data-type=fig] .figure {
+#jr-objectbox article[data-type=fig] .figure,
+#jr-objectbox article[data-type=boxed-text] .graphic {
     text-align: center;
-    margin: 1em 0;
+    margin: 1em auto;
 }
 
 #jr-objectbox article img {
@@ -150,13 +156,9 @@ aside#jr-objectbox .cnt {
     border: none;
     padding: 1em;
 }
-
-#jr-objectbox article[data-type=fig] > div > div,
-#jr-objectbox article[data-type=fig] > div > h3,
-#jr-objectbox article[data-type=fig] > div > p,
-#jr-objectbox article[data-type=table-wrap] > div > div,
-#jr-objectbox article[data-type=table-wrap] > div > h3,
-#jr-objectbox article[data-type=table-wrap] > div > p{
+#jr-objectbox article[data-type=fig] > div > *,
+#jr-objectbox article[data-type=boxed-text] > div > *,
+#jr-objectbox article[data-type=table-wrap] > div > * {
     max-width: 6in;
     margin-left:auto;
     margin-right:auto;
@@ -172,6 +174,33 @@ aside#jr-objectbox .cnt {
     margin-right:auto;
 }
 
+/*********************************************************/
+/* Object boxen of class "cite"                          */
+#jr-objectbox.cite {
+    max-width: 8in;
+    max-height: 7in;
+    margin: auto;
+}
+
+#jr-objectbox.cite article[data-type=cite]{
+    font-family: "Trebuchet MS", ArialMT, Arial, sans-serif;
+}
+
+#jr-objectbox.cite h3.loading,
+#jr-objectbox.cite h3.failed {
+    text-align: center;
+    color: black;
+} 
+
+#jr-objectbox.cite h3.failed {
+    color: red;
+} 
+
+#jr-objectbox.cite td,
+#jr-objectbox.cite th {
+    padding: 0.75em 1em;
+}
+
 /*********************************************************/
 /* Object boxen of class "note"                          */
 
@@ -196,7 +225,8 @@ aside#jr-objectbox .cnt {
     padding: 1em;
 }
 
-#jr-objectbox.note h1 {
+#jr-objectbox.note h1,
+#jr-objectbox.note h2 {
     font: 18pt/36pt "Archivo Narrow", "Arial Narrow", Calibri, "Trebuchet MS", ArialMT, Arial, sans-serif;
     color: #FFF8aa;
     margin: 3pt;
@@ -214,7 +244,8 @@ aside#jr-objectbox .cnt {
 }
 
 @media screen and (max-width: 4in) {
-	#jr-objectbox.note h1 {
+	#jr-objectbox.note h1,
+    #jr-objectbox.note h2 {
 		font-size: 14pt;
 		line-height: 24pt;
 	}
@@ -312,11 +343,16 @@ span.pseudobutton {
         bottom:3pt;
     }
 
-    #help-ncbi-logo {
+    #help-ncbi-logo,
+    #help-ncbi-logo-book {
         position: absolute;
         right:6pt;
         bottom:9pt;
     }
+
+    #help-ncbi-logo-book {
+	left: 6pt;
+    }
 
     article[data-type=helper] header div {
         margin-left: 64px;

css/jr.pagemanager.css

@@ -1,4 +1,3 @@
-/* $Id: jr.pagemanager.css 14674 2013-03-06 16:44:15Z kolotev $ */
 /*
   This work is in the public domain and may be reproduced, published or
   otherwise used without the permission of the National Library of Medicine (NLM).
@@ -12,6 +11,7 @@
   warranties, express or implied, including warranties of performance,
   merchantability or fitness for any particular purpose.
 */
+/* Commit: $Id$ */
 
 html.jr #jr-content article {display: none}
 html.no-jr #jr-content article {display: none}

css/jr.pageprogressbar.css

@@ -1,4 +1,3 @@
-/* $Id: jr.pageprogressbar.css 13234 2012-11-19 15:26:39Z maloneyc $ */
 /*
   This work is in the public domain and may be reproduced, published or
   otherwise used without the permission of the National Library of Medicine (NLM).
@@ -12,6 +11,7 @@
   warranties, express or implied, including warranties of performance,
   merchantability or fitness for any particular purpose.
 */
+/* Commit: $Id$ */
 
 .pr-text {
   display: inline-block;

css/jr.pageturnsensor.css

@@ -1,4 +1,3 @@
-/* $Id: jr.pageturnsensor.css 13234 2012-11-19 15:26:39Z maloneyc $ */
 /*
   This work is in the public domain and may be reproduced, published or
   otherwise used without the permission of the National Library of Medicine (NLM).
@@ -12,6 +11,7 @@
   warranties, express or implied, including warranties of performance,
   merchantability or fitness for any particular purpose.
 */
+/* Commit: $Id$ */
 
 
 /*** Page Navigational Arrows for inputs mouse devices ***/

css/jr.panel.cmap.css

@@ -1,4 +1,3 @@
-/* $Id: jr.panel.cmap.css 13234 2012-11-19 15:26:39Z maloneyc $ */
 /*
   This work is in the public domain and may be reproduced, published or
   otherwise used without the permission of the National Library of Medicine (NLM).
@@ -12,5 +11,22 @@
   warranties, express or implied, including warranties of performance,
   merchantability or fitness for any particular purpose.
 */
+/* Commit: $Id$ */
 
 /*** Panel with Content Map (Content Navigator) ***/
+
+#jr-cmap-p .cnt ul {
+	margin: 0;
+	padding: 0;
+  list-style: none;
+}
+
+#jr-cmap-p .cnt ul ul {
+	padding-left: 0.5em;
+}
+
+aside .lol a.select,
+aside .lol a.selected {
+	background-color: #CCC;
+	color: #333;
+}

css/jr.panel.css

@@ -1,4 +1,3 @@
-/* $Id: jr.panel.css 16824 2013-07-08 15:19:33Z kolotev $ */
 /*
   This work is in the public domain and may be reproduced, published or
   otherwise used without the permission of the National Library of Medicine (NLM).
@@ -12,19 +11,27 @@
   warranties, express or implied, including warranties of performance,
   merchantability or fitness for any particular purpose.
 */
+/* Commit: $Id$ */
 
 /*** Panels definitions ***/
 aside  {
     background-color: #121a2e;
     border: solid 2px #4f4f4f;
-    margin: 0px;
-    -webkit-padding-start: 0px;
+    margin: 0;
+    -webkit-padding-start: 0;
     -webkit-border-radius: 8pt;
     -moz-border-radius: 8pt;
     border-radius: 8pt;
     -webkit-box-shadow: 2px 2px 10px #000;
     -moz-box-shadow: 2px 2px 10px #000;
     box-shadow: 2px 2px 10px #000;
+
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE */
+   aside { overflow-y: auto !important } /* workaround to make aside panels scrollable */
+   aside#jr-objectbox { overflow: visible !important } /* workaround to make close button and sarrounding shading for jr-objectbox visible */
+   aside.about { width: 40em !important} /* workaround for make about panle to center horizontaly */
 }
 
 aside:after {
@@ -49,38 +56,43 @@ aside:after {
 }
 
 aside#jr-links-p:after {
-    left: 74pt;
+    left: 37pt;
 }
 
 aside#jr-alt-p:after {
-    left: 112pt;
+    left: 74pt;
 }
 
-aside#jr-cmap-p:after {
-    right: 36pt;
+aside#jr-cmap-p:after,
+aside#jr-rtoc-p:after {
+    right: 39pt;
 }
 
 aside#jr-help-p:after {
-    right: 110pt;
+    right: 112pt;
+}
+
+aside#jr-bkhelp-p:after {
+    right: 148pt;
 }
 
 
 
 @media screen and (max-width: 4in) {
     aside#jr-links-p:after {
-        left: 46pt;
+        left: 10pt;
     }
 
     aside#jr-alt-p:after {
-        left: 80pt;
+        left: 46pt;
     }
 
     aside#jr-cmap-p:after {
         right: 10pt;
     }
 
 	aside#jr-help-p:after {
-		right: 80pt;
+		right: 82pt;
 	}
 }
 
@@ -100,40 +112,29 @@ aside .tb {
     text-align: left;
 }
 
-aside .tb .jr-p-close {
-    z-index: 1;
-}
-
 aside .tb .title-text {
-    display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    padding: 0 62pt;
-    height: 100%;
+    padding: 0 6pt;
     text-align: center;
     color: #FFF;
     font-family: "Archivo Narrow", "Arial Narrow", Calibri, "Trebuchet MS", ArialMT, Arial, sans-serif;
     font-size: 12pt;
-    width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
-    position: absolute;
-    left: 0;
-    top: 0;
 }
 
 aside .cnt {
-    background: #FFFDF5;
+    background: #FFF;
     margin: 6pt;
     margin-top: 0;
     -webkit-border-radius: 6pt;
     -moz-border-radius: 6pt;
     border-radius: 6pt;
     position: relative;
     overflow-y: auto;
-    max-height: 100%;
 }
 
 
@@ -150,18 +151,13 @@ aside .btn {
     min-width: 24pt;
 }
 
-aside .btn path {
-    fill: #999;
-}
-
-
 /* list of links */
 aside .lol a {
     background-color: #ddd;
     margin: 6pt;
     text-decoration: none;
     color: #666;
-    overflow:hidden;
+    overflow: hidden;
     text-overflow: ellipsis;
     font-family: "HelveticaNeue-CondensedBold", "Arial Narrow", "ArialMT", "Arial", sans-serif;
     font-size: 11pt;
@@ -178,23 +174,21 @@ aside .lol a {
     display: block;
 }
 
-aside .lol a.current {
+aside .lol a.current,
+aside .lol a.current:hover {
     font-size: 12pt;
     background-color: #FEA;
-}
-
-aside .lol a.current,
-aside .lol a:hover {
     color: #333;
 }
 
 aside .lol a:hover {
+    color: #333;
     background-color: #ccc;
 }
 
 aside .lol a:active {
     color: #000;
-    background-color: #fff;
+    background-color: #999;
 }