You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@juneau.apache.org by ja...@apache.org on 2022/07/02 12:49:49 UTC

[juneau-website] branch asf-site updated: Update stylesheets

This is an automated email from the ASF dual-hosted git repository.

jamesbognar pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/juneau-website.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new accda4ce6 Update stylesheets
accda4ce6 is described below

commit accda4ce6419db002f61210945dbad82130679de
Author: JamesBognar <ja...@salesforce.com>
AuthorDate: Sat Jul 2 08:49:32 2022 -0400

    Update stylesheets
---
 content/styles/juneau-code.css |  46 ++--
 content/styles/juneau-doc.css  | 577 +++++++++++------------------------------
 2 files changed, 180 insertions(+), 443 deletions(-)

diff --git a/content/styles/juneau-code.css b/content/styles/juneau-code.css
index 8a0f058a8..971979516 100644
--- a/content/styles/juneau-code.css
+++ b/content/styles/juneau-code.css
@@ -15,8 +15,8 @@
  * 
  * Allows you to embed paragraphs of highlighted code into HTML documents.
  * For example:
- * 	<p class='bcode w800'>
- *		<jk>public static void</jk> myMethod(<jk>int</jk> foo, String bar) <jk>throws</jk> Exception {
+ * 	<p class='bjava'>
+ *		<jk>public static void</jk> myMethod(<jk>int</jk> <jv>foo</jv>, String <jv>bar</jv>) <jk>throws</jk> Exception {
  *			System.<jsm>err</jsm>.println(<js>"Hello world!"</js>);
  *		}
  * 	</p>
@@ -27,7 +27,7 @@
  * 
  * Available classes:
  * 	code - Unbordered code block
- * 	bcode - Bordered code block
+ * 	bcode,bjava,bxml,bini,bjson,buon,burlenc,bconsole - Bordered code block
  * 
  * Available tags:
  *	<jc> - Java comment
@@ -59,8 +59,7 @@
 
 /* Monospaced font size */
 .code,
-.bcode,
-.bpcode,
+.bcode,.bjava,.bjson,.bxml,.bini,.buon,.burlenc,.bconsole,.bschema,
 jc,jd,jt,jk,js,jf,jsf,jsm,ja,jp,jv 
 xt,xa,xc,xs,
 mc,mk,mv,
@@ -74,6 +73,10 @@ c,dc,bc {
 	-o-tab-size: 3;
 }
 
+.bcode,.bjava,.bjson,.bxml,.bini,.buon,.burlenc,.bconsole,.bschema {
+	width:800px !important;
+}
+
 /* Deleted code */
 dc {
 	text-decoration: line-through;
@@ -85,10 +88,8 @@ bc {
 }
 
 /*--- Bordered code ---*/
-p.bcode,
-p.bpcode,
-div.bcode,
-div.bpcode {
+p.bcode,p.bjava,p.bjson,p.bxml,p.bini,p.buon,p.burlenc,p.bconsole,p.bschema,
+div.bcode,div.bjava,div.bjson,div.bxml,div.bini,div.buon,div.burlenc,div.bconsole,div.bschema {
 	border: 1px solid black;
 	margin: 0px 20px;
 	border-radius: 10px;
@@ -98,22 +99,35 @@ div.bpcode {
 	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
 }
 
-p.bpcode,
-div.bpcode {
-	padding-bottom: 15px;
-}
-
 /*--- Bordered code in a section of a method doc ---*/
-dd p.bcode, dd div.bcode {
+dd p.bcode, dd div.bcode,
+dd p.bjava, dd div.bjava,
+dd p.bjson, dd div.bjson,
+dd p.bxml, dd div.bxml,
+dd p.bini, dd div.bini,
+dd p.buon, dd div.buon,
+dd p.burlenc, dd div.burlenc,
+dd p.bschema, dd div.bschema,
+dd p.bconsole, dd div.bconsole {
 	margin-left:0px;
 	margin-right:20px;
 }
 
 /* Override padding bottom in javadoc comments. */
-.blockList p.bcode, .blocklist div.bcode {
+.blockList p.bcode, .blocklist div.bcode,
+.blockList p.bjava, .blocklist div.bjava,
+.blockList p.bjson, .blocklist div.bjson,
+.blockList p.bxml, .blocklist div.bxml,
+.blockList p.buon, .blocklist div.buon,
+.blockList p.burlenc, .blocklist div.burlenc,
+.blockList p.bconsole, .blocklist div.bconsole,
+.blockList p.bschema, .blocklist div.bschema,
+.blockList p.bini, .blocklist div.bini {
 	padding-bottom: 0px !important;
 }
 
+.bconsole { color:#ffcc00; font-weight:bold; font-family:monospace; font-size:1.1em; background-color:black !important; }
+
 /*--- Unbordered code ---*/
 p.code, div.code {
 	padding-bottom: 15px;
diff --git a/content/styles/juneau-doc.css b/content/styles/juneau-doc.css
index ba65a40f3..34dbeb97e 100755
--- a/content/styles/juneau-doc.css
+++ b/content/styles/juneau-doc.css
@@ -44,200 +44,86 @@
  *	<review> - Identifies code that needs review.
  ***************************************************************************************************************************/
 
-.fixedWidth {
-	max-width: 800px;
-}
-
-body {
-	-webkit-font-smoothing: antialiased;
-}
+body { -webkit-font-smoothing:antialiased; }
 
 /*--- Override formatting on <table class='styled'> ---*/
-table.styled,.contentContainer .description table.styled,.contentContainer ul li table.styled,ul.blockList ul.blockList li.blockList table.styled
-	{
-	padding: 0px;
-	position: relative;
-	width: auto;
-	border: 1px solid #9eadc0;
-	margin-left: 20px;
-	margin-right: 20px;
-	border-collapse: collapse;
+table.styled,.contentContainer .description table.styled,.contentContainer ul li table.styled,ul.blockList ul.blockList li.blockList table.styled {
+	padding:0px; position:relative; width:auto; border:1px solid #9eadc0; margin-left:20px; margin-right:20px; border-collapse:collapse;
 }
 
-table.styled th { background-color: #dee3e9; border: 1px solid #9eadc0; padding: 3px 10px 3px 10px; }
-table.styled td { padding: 3px; }
-table.styled ul { padding: 0px 10px; margin: 0px; }
-table.styled tr:nth-child(1) { background-color: #dee3e9; }
-table.styled tr:nth-child(2n+2) { background-color: #eeeeef; }
-table.styled tr:nth-child(2n+3) { background-color: white; }
+table.styled th { background-color:#dee3e9; border:1px solid #9eadc0; padding:3px 10px 3px 10px; }
+table.styled td { padding:3px; }
+table.styled ul { padding:0px 10px; margin:0px; }
+table.styled tr:nth-child(1) { background-color:#dee3e9; }
+table.styled tr:nth-child(2n+2) { background-color:#eeeeef; }
+table.styled tr:nth-child(2n+3) { background-color:white; }
 /* Same as r1 except with a border on the bottom */
-table.styled tr.bb { border-bottom: 1px solid #9eadc0 }
-table.styled tr.light { background-color: white !important;}
-table.styled tr.dark { background-color: #eeeeef !important; }
+table.styled tr.bb { border-bottom:1px solid #9eadc0 }
+table.styled tr.light { background-color:white !important;}
+table.styled tr.dark { background-color:#eeeeef !important; }
 
 /*--- Override formatting on <table class='unstyled'> ---*/
-table.unstyled,.contentContainer .description table.unstyled,.contentContainer ul li table.unstyled,ul.blockList ul.blockList li.blockList table.unstyled
-	{
-	padding: 0px;
-	position: relative;
-	width: auto;
-	border: 1px solid #9eadc0;
-	margin-left: 20px;
-	margin-right: 20px;
-	border-collapse: collapse;
+table.unstyled,.contentContainer .description table.unstyled,.contentContainer ul li table.unstyled,ul.blockList ul.blockList li.blockList table.unstyled {
+	padding:0px; position:relative; width:auto; border:1px solid #9eadc0; margin-left:20px; margin-right:20px; border-collapse:collapse;
 }
 
-table.unstyled, table.unstyled table { border: 1px solid #9eadc0; border-collapse:collapse; } 
-table.unstyled th { background-color: #dee3e9; border: 1px solid #9eadc0; border-collapse:collapse; padding: 3px 10px 3px 10px; }
-table.unstyled td { padding: 3px !important; border: 1px solid #b5c8de; border-collapse:collapse; }
-table.unstyled ul { padding: 0px 10px; }
-table.unstyled tr:nth-child(1) { background-color: white; }
-table.unstyled tr:nth-child(2n+2) { background-color: white; }
-table.unstyled tr:nth-child(2n+3) { background-color: white; }
+table.unstyled, table.unstyled table { border:1px solid #9eadc0; border-collapse:collapse; } 
+table.unstyled th { background-color:#dee3e9; border:1px solid #9eadc0; border-collapse:collapse; padding:3px 10px 3px 10px; }
+table.unstyled td { padding:3px !important; border:1px solid #b5c8de; border-collapse:collapse; }
+table.unstyled ul { padding:0px 10px; }
+table.unstyled tr:nth-child(1) { background-color:white; }
+table.unstyled tr:nth-child(2n+2) { background-color:white; }
+table.unstyled tr:nth-child(2n+3) { background-color:white; }
 
 /*--- Juneau topic headers ---*/
-h2.topic,
-h3.topic,
-h4.topic {
-	margin-bottom: 20px;
-	margin-top: 25px;
-	padding-top: 3px;
-	padding-left: 25px;
-	color: #2c4557;
-	border-top: 2px groove #9eadc0;
-	background-image: url('data:image/gif;base64,R0lGODlhEAAQAIQfACZJcSdKcjFTejVWfT5fhUFih0ZnjEhojUxskFFwk1Z0l1d1mFp4ml98nmaComiEpGuHpnKNq3SOrHiRroGZtYeeuJGmv5erwp+yx6O1yqm6zrDA0sTQ3s3X4+Dn7v///yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEAAB8ALAAAAAAQABAAAAVk4CeOZGmWgmEQG/k0MHw4UY0gY1PvfG3kvaBhUqk4IMgkcuGrdJ7QaCfDiBgunKx2m1VYP5KNeEze0H4VjHrNVh9+HodlTq9bEr9PhMLv+ykOAyIaNEE8ACMFiouMigEnkJGQIQA7');
-	background-repeat: no-repeat;
-	background-position: left center;
-	cursor: zoom-out;
-	max-width: 1000px;
-}
-h5.topic {
-	margin-bottom: 20px;
-	margin-top: 40px;
-	padding-top: 3px;
-	padding-left: 10px;
-	color: #2c4557;
-	border-top: 1px groove #9eadc0;
-	max-width: 1000px;
+h2.topic, h3.topic, h4.topic {
+	margin-bottom:20px; margin-top:25px; padding-top:3px; padding-left:25px; color:#2c4557; border-top:2px groove #9eadc0;
+	background-image:url('data:image/gif;base64,R0lGODlhEAAQAIQfACZJcSdKcjFTejVWfT5fhUFih0ZnjEhojUxskFFwk1Z0l1d1mFp4ml98nmaComiEpGuHpnKNq3SOrHiRroGZtYeeuJGmv5erwp+yx6O1yqm6zrDA0sTQ3s3X4+Dn7v///yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEAAB8ALAAAAAAQABAAAAVk4CeOZGmWgmEQG/k0MHw4UY0gY1PvfG3kvaBhUqk4IMgkcuGrdJ7QaCfDiBgunKx2m1VYP5KNeEze0H4VjHrNVh9+HodlTq9bEr9PhMLv+ykOAyIaNEE8ACMFiouMigEnkJGQIQA7');
+	background-repeat:no-repeat; background-position:left center; cursor:zoom-out; max-width:1000px;
 }
 
-h2.topic { font-size: 14pt; }
-h3.topic { font-size: 13pt; }
-h4.topic { font-size: 12pt; }
-h5.topic { font-size: 11pt; }
+h2.topic { font-size:14pt; }
+h3.topic { font-size:13pt; }
+h4.topic { font-size:12pt; }
+h5.topic { font-size:11pt; }
+.topic p { max-width:800px; }
+/*.topic ul li, .topic ol li { max-width:750px; }*/
+div.topic { margin-left:10px; max-width:950px; }
 
-.topic p {
-	max-width: 800px;
-}
-
-h2.closed,
-h3.closed,
-h4.closed {
-	background-image: url('data:image/gif;base64,R0lGODlhEAAQAIQYADNVfDhagUNkiUZnjEhojUxskE9vklFwlFd1mF17nWJ/oGaCo2+KqXKNq3aQrX2WsoGZtYObtoeeuJKowJ2wxqm6zrbF1sTQ3v///////////////////////////////yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEAAB8ALAAAAAAQABAAAAVi4CeOZGmST6EGpLK8cNHMi6GI8qzvcyEikqBwGByIIJekcpmEiByWqHQadYgYlax2m2WIFpSweBxeiBKTtHqdTvwi8LgcjhAdHPi8Hn8QERiAgYKABCIAAoiJiogAJ46PjiEAOw==') !important;
-	cursor: zoom-in;
-}
-
-div.topic { margin-left: 10px; }
-
-h5.figure {
-	color: #2c4557;
-	margin-left: 30px;
-	margin-right: 30px;
-	margin-top: 10px;
-	margin-bottom: 0px;
-	font-style: italic;
-}
+h5.figure { color:#2c4557; margin-left:30px; margin-right:30px; margin-top:10px; margin-bottom:0px; font-style:italic; }
 
 /*--- Override how Javadoc handles unordered lists inside .footer ---*/
-ul.normal {
-	margin-top: 0px;
-}
-
-ul.normal li {
-	font-size: 100%;
-	list-style: disc;
-}
+ul.normal { margin-top:0px; }
+ul.normal li { font-size:100%; list-style:disc; }
 
 /*--- Bordered images ---*/
-.bordered {
-	border: 1px solid #cccccc;
-	margin: 0px 20px;
-	border-radius: 10px;
-	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
-}
-
-.padded {
-	padding-left: 20px;
-	padding-right: 20px;
-}
-
-/*--- Rows with bottom borders ---*/
-tr.borderbottom td {
-	border-bottom: 1px solid #9eadc0
-}
-
-.nomargin {
-	margin: 0px;
-}
-
-ol.toc,
-ul.toc,
-.toc ol,
-.toc ul {
-	background: #dee3e9;
-	margin: 0px;
-	padding: 0px;
-	max-width: 900px;
-}
-
-ul.toc,
-.toc ul {
-	list-style: disc;
-}
+.bordered { border:1px solid #cccccc; margin:0px 20px; border-radius:10px; box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.5); }
 
-ol.toc p,
-ul.toc p,
-.toc ol p,
-.toc ul p,
-ol.toc div,
-ul.toc div,
-.toc ol div,
-.toc ul div {
-	color: #353833;
-	font: normal 1em Arial, Helvetica, sans-serif;
-	font-size: 1em;
-	padding-bottom: 5px;
-	margin: 0px;
+ol.toc, ul.toc, .toc ol, .toc ul { background:#dee3e9; margin:0px; padding:0px; max-width:900px;}
+ul.toc, .toc ul { list-style: disc; }
+ol.toc p, ul.toc p, .toc ol p, .toc ul p, ol.toc div, ul.toc div, .toc ol div, .toc ul div {
+	color:#353833; font:normal 1em Arial,Helvetica,sans-serif; font-size:1em; padding-bottom:5px; margin:0px;
 }
+.toc li { background:#FFFFFF; margin-left:30px; padding-left:5px; }
+p.toc2 { background-color:#dee3e950; }
 
-.toc li {
-	background: #FFFFFF;
-	margin-left: 30px;
-	padding-left: 5px;
-}
-
-p.toc2 {
-    background-color: #dee3e950;
-}
-
-span.update {
-	display:block;
-	float:right;
-	font-size:9pt;
-	color:green;
-}
-
-/* Linear gradients */
+span.update { display:block; float:right; font-size:9pt; color:green; }
 
 /* Light-colored background headers */
 h5.toc, 
 h2.title,
 div.docSummary > div.block,
 div.contentContainer > div.block > p:first-child {
-	background: linear-gradient(to bottom, #F5F5F5, #DEE3E9) repeat scroll 0% 0% transparent;
-	background: -moz-linear-gradient(to bottom, #F5F5F5, #DEE3E9) repeat scroll 0% 0% transparent;
-	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DEE3E9) );
-	max-width: 900px;
+	background:linear-gradient(to bottom, #F5F5F5, #DEE3E9) repeat scroll 0% 0% transparent;
+	background:-moz-linear-gradient(to bottom, #F5F5F5, #DEE3E9) repeat scroll 0% 0% transparent;
+	background:-webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DEE3E9) );
+	max-width:900px;
+}
+h5.topic {
+	background:linear-gradient(to bottom, #F5F5F5, #DEE3E9) repeat scroll 0% 0% transparent;
+	background:-moz-linear-gradient(to bottom, #F5F5F5, #DEE3E9) repeat scroll 0% 0% transparent;
+	background:-webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DEE3E9) );
+	max-width:800px;
 }
 
 /* Dark-colored background headers */
@@ -246,298 +132,135 @@ div.footer > div.subTitle > div.block > p:first-child,
 h1.title,
 div.contentContainer > h2:first-of-type,
 body > p:first-child {
-	background: linear-gradient(to bottom, #3B596D, #6289A3) repeat scroll 0% 0% transparent;
-	background: -moz-linear-gradient(to bottom, #3B596D, #6289A3) repeat scroll 0% 0% transparent;
-	background: -webkit-gradient(linear, left top, left bottom, from(#3B596D), to(#6289A3) );
+	background:linear-gradient(to bottom, #3B596D, #6289A3) repeat scroll 0% 0% transparent;
+	background:-moz-linear-gradient(to bottom, #3B596D, #6289A3) repeat scroll 0% 0% transparent;
+	background:-webkit-gradient(linear, left top, left bottom, from(#3B596D), to(#6289A3) );
 }
 
 /* Header styles */
-
-h5.toc {
-	color: #2C4557;
-	margin-bottom: 0px;
-	padding: 5px 30px;
-	border-radius: 10px 10px 10px 0px;
-	text-decoration: none;
-	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
-}
+h5.toc, h5.topic { color:#2C4557; padding:5px 30px; margin-bottom:0px; border-radius:10px 10px 10px 0px; text-decoration:none; box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.5); }
 
 /* Light-colored title on package summary pages */
 div.docSummary > div.block,
 div.contentContainer > div.block > p:first-child {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: #2C4557;
-	margin-top: 0px;
-	margin-bottom: 0px;
-	padding: 5px 30px;
-	border-radius: 10px;
-	text-decoration: none;
+	font-size:1.2em; font-weight:bold; color:#2C4557; margin-top:0px; margin-bottom:0px; padding:5px 30px; border-radius:10px; text-decoration:none;
 }
 
 /* Dark-colored title on overview page */
 div.header > div.subTitle > div.block,
 div.footer > div.subTitle > div.block > p:first-child,
-body > p:first-child {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: white;
-	margin-bottom: 0px;
-	padding: 5px 30px;
-	border-radius: 10px;
-	text-decoration: none;
-}
+body > p:first-child { font-size:1.2em; font-weight:bold; color:white; margin-bottom:0px; padding:5px 30px; border-radius:10px; text-decoration:none; }
 
 /* Dark-colored package title on package summary pages */
-h1.title,
-div.contentContainer > h2:first-of-type {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: white;
-	margin-bottom: 0px;
-	padding: 5px 30px;
-	border-radius: 10px;
-	text-decoration: none;
-}
-div.header > div.subTitle > div.block > h1.title {
-	padding: 0px;
-	border-radius: 0px;
-	background: none;
-	margin: 0px;
-	font-size: 1em;
-}
-
-/* Class titles */
-h2.title {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: #2C4557;
-	margin-top: 0px;
-	margin-bottom: 0px;
-	padding: 5px 30px;
-	border-radius: 10px;
-	text-decoration: none;
-}
+h1.title, div.contentContainer > h2:first-of-type { font-size:1.2em; font-weight:bold; color:white; margin-bottom:0px; padding:5px 30px; border-radius:10px; text-decoration:none; }
+div.header > div.subTitle > div.block > h1.title { padding:0px; border-radius:0px; background:none; margin:0px; font-size:1em; }
 
-.snippet {
-	border: 1px solid #cccccc;
-	margin: 2px;
-	padding: 2px 5px;
-	border-radius: 4px;
-	background-color: #f8f8f8;
-}
+.snippet { border:1px solid #cccccc; margin:2px; padding:2px 5px; border-radius:4px; background-color:#f8f8f8; }
 
-l {
-	color: #3b596d;
-	font-weight: bold;
-	font-family: monospace;
-	font-size: 1.2em;
-}
+l { color:#3b596d; font-weight:bold; font-family:monospace; font-size:1.1em; }
 
-.spaced-list>li, .notes>li { 
-	padding:5px; max-width: 800px;
-}
-.footer .spaced-list ul, .notes>li { 
-	margin:0; max-width: 800px; 
-}
+.spaced-list>li, .notes>li, .values>li, .format>li {  padding:5px; max-width:800px; }
+.footer .spaced-list ul, .notes>li, .values>li, .format>li {  margin:0; max-width:800px; }
 
 /* Documentation Tree */
-.doctree li, .javatree li, .seealso li, .notes li { 
-	max-width: 800px;
-	margin-top: 0px;
-}
-.doctree>li, .seealso>li { 
-    margin-bottom: 10px;
-}
-.doctree li, .seealso li { 
-    margin-top: 5px;
-}
-.doctree ul, .seealso ul { 
-	padding: 0px 0px 0px 15px; 
-	margin-top: -2px;
-	margin-bottom: -2px;
-}
-
-/* Java Tree */
-.javatree>li { 
-    margin-bottom: 1px;
-}
-.javatree li { 
-    margin-top: 1px;
-}
-.javatree ul { 
-	padding: 0px 0px 0px 20px; 
-	margin-top: 0px;
-	margin-bottom: 0px;
-}
-
-ul.seealso:before {
-	content: 'See Also:';
-}
-ul.notes:before {
-	content: 'Notes:';
-}
+.doctree li, .javatree li, .seealso>li, .notes>li, .values>li, .format>li { max-width:800px; margin-top:0px; }
+.doctree>li, .seealso>li { margin-bottom:10px; }
+.doctree li, .seealso li {  margin-top:5px; }
+.doctree ul, .seealso ul {  padding:0px 0px 0px 15px; margin-top:-2px; margin-bottom:-2px; }
+.javatree>li {  margin-bottom:1px; }
+.javatree li { margin-top: 1px; }
+.javatree ul { padding:0px 0px 0px 20px; margin-top:0px; margin-bottom:0px; }
+
+ul.seealso:before { content:'See Also:'; }
+ul.notes:before { content: 'Notes:'; }
+ul.values:before { content: 'Possible Values:'; }
+ul.format:before { content: 'Format:'; }
 div.description ul.seealso:before, 
 div.description ul.notes:before,
+div.description ul.values:before,
+div.description ul.format:before,
 div.topic ul.seealso:before, 
-div.topic ul.notes:before {
-	white-space: pre;
-	font-size: 1.1em;
-	font-weight: bold;
-	color: #4e4e4e;
-	margin-left: -40px;
-	padding-bottom: 20px;
-	line-height: 30px;
+div.topic ul.notes:before,
+div.topic ul.values:before,
+div.topic ul.format:before {
+	white-space:pre; font-size:1.1em; font-weight:bold; color:#4e4e4e; margin-left:-40px; padding-bottom:20px; line-height:30px;
 }
 div.details ul.seealso:before, 
 div.details ul.notes:before,
+div.details ul.values:before,
+div.details ul.format:before,
 div.topic ul.seealso:before, 
-div.topic ul.notes:before {
-	white-space: pre;
-	font-size: 1.1em;
-	font-weight: bold;
-	color: #4e4e4e;
-	margin-left: -40px;
-	padding-bottom: 20px;
-	line-height: 30px;
-}
-ul.seealso, ul.notes {
-	margin-top:20px;
+div.topic ul.notes:before,
+div.topic ul.values:before,
+div.topic ul.format:before {
+	white-space:pre; font-size:1.1em; font-weight:bold; color:#4e4e4e; margin-left:-40px; padding-bottom:20px; line-height:30px;
 }
+ul.seealso, ul.notes, ul.values, ul.format { margin-top:20px; }
 
-li.normal {
-    list-style-image:none; 
-}
-li.link {
-    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZ [...]
-}
-li.sublink {
-    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZ [...]
-}
-li.extlink {
-    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZ [...]
-}
-li.jc {
-    list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCglpZD0ic3ZnMjgxMCIgCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIAoJeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJaGVpZ2h0PSIxNiIgCgl3aWR0aD0iMjQiIAoJdmVyc2lvbj0iMS4wIiAKCXZpZXdCb3g9IjAgLTEyMCA0ODAgNjAwIj4KICA8c3R5bGU+CiAgICAuaGVhdnkgeyBmb250OiBib2xkIDM1MHB4IHNhbnMtc2VyaWY7IHRleHQtc2hhZG93OiAxcHggMXB4IDFweCBibGFjazt9CiAgPC9zdHlsZT4KCTxkZWZ [...]
-}
-li.jac {
-    list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCglpZD0ic3ZnMjgxMCIgCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIAoJeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJaGVpZ2h0PSIxNiIgCgl3aWR0aD0iMjQiIAoJdmVyc2lvbj0iMS4wIiAKCXZpZXdCb3g9IjAgLTEyMCA0ODAgNjAwIj4KICA8c3R5bGU+CiAgICAuaGVhdnkgeyBmb250OiBib2xkIDM1MHB4IHNhbnMtc2VyaWY7IHRleHQtc2hhZG93OiAxcHggMXB4IDFweCBibGFjazt9CiAgPC9zdHlsZT4KCTxkZWZ [...]
-}
-li.jic {
-    list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCglpZD0ic3ZnMjgxMCIgCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIAoJeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJaGVpZ2h0PSIxNiIgCgl3aWR0aD0iMjQiIAoJdmVyc2lvbj0iMS4wIiAKCXZpZXdCb3g9IjAgLTEyMCA0ODAgNjAwIj4KICA8c3R5bGU+CiAgICAuaGVhdnkgeyBmb250OiBib2xkIDM1MHB4IHNhbnMtc2VyaWY7IHRleHQtc2hhZG93OiAxcHggMXB4IDFweCBibGFjazt9CiAgPC9zdHlsZT4KCTxkZWZ [...]
-}
-li.ja {
-    list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCglpZD0ic3ZnMjgxMCIgCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIAoJeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJaGVpZ2h0PSIxNiIgCgl3aWR0aD0iMjQiIAoJdmVyc2lvbj0iMS4wIiAKCXZpZXdCb3g9IjAgLTEyMCA0ODAgNjAwIj4KICA8c3R5bGU+CiAgICAuaGVhdnkgeyBmb250OiBib2xkIDM1MHB4IHNhbnMtc2VyaWY7IHRleHQtc2hhZG93OiAxcHggMXB4IDFweCBibGFjazt9CiAgPC9zdHlsZT4KCTxkZWZ [...]
-}
-li.jm {
-    list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCglpZD0ic3ZnMjgxMCIgCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIAoJeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJaGVpZ2h0PSIxMiIgCgl3aWR0aD0iMjQiIAoJdmVyc2lvbj0iMS4wIiAKCXZpZXdCb3g9IjAgLTE4MCA0ODAgNzIwIj4KICA8c3R5bGU+CiAgICAuaGVhdnkgeyBmb250OiBib2xkIDM1MHB4IHNhbnMtc2VyaWY7IHRleHQtc2hhZG93OiAxcHggMXB4IDFweCBibGFjazt9CiAgPC9zdHlsZT4KCTxkZWZ [...]
-}
-li.jf {
-    list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCglpZD0ic3ZnMjgxMCIgCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIAoJeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJaGVpZ2h0PSIxMiIgCgl3aWR0aD0iMjQiIAoJdmVyc2lvbj0iMS4wIiAKCXZpZXdCb3g9IjAgLTE4MCA0ODAgNzIwIj4KICA8c3R5bGU+CiAgICAuaGVhdnkgeyBmb250OiBib2xkIDk2MHB4IHNhbnMtc2VyaWY7IHRleHQtc2hhZG93OiAxcHggMXB4IDFweCBibGFjazt9CiAgPC9zdHlsZT4KCTxkZWZ [...]
-}
-li.jp {
-    list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCglpZD0ic3ZnMjgxMCIgCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIAoJeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJaGVpZ2h0PSIxNiIgCgl3aWR0aD0iMjQiIAoJdmVyc2lvbj0iMS4wIiAKCXZpZXdCb3g9IjAgLTEyMCA0ODAgNjAwIj4KICA8c3R5bGU+CiAgICAuaGVhdnkgeyBmb250OiBib2xkIDM1MHB4IHNhbnMtc2VyaWY7IHRleHQtc2hhZG93OiAxcHggMXB4IDFweCBibGFjazt9CiAgPC9zdHlsZT4KCTxkZWZ [...]
-}
-ul.notes>li {
-    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCglpZD0ic3ZnMjgxMCIgCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIAoJeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJaGVpZ2h0PSIyNCIgCgl3aWR0aD0iMzIiIAoJdmVyc2lvbj0iMS4wIiAKCXZpZXdCb3g9IjAgLTEyMCA0ODAgNjAwIj4KICA8c3R5bGU+CiAgICAuaGVhdnkgeyBmb250OiAzNTBweCBzYW5zLXNlcmlmOyB0ZXh0LXNoYWRvdzogMXB4IDFweCAxcHggYmxhY2s7fQogIDwvc3R5bGU+Cgk8ZGVmcyBpZD0iZGVmc [...]
-	padding: 5px 10px 10px 40px;
-  	list-style: none;
-  	margin-left: -40px;
-}
-
-ul.notes ul li {
-	padding: 10px;
-}
-
-ul.notes ul.compact li {
-	padding: 0px;
-}
-
-.topic a {
-	border-bottom: 1px dotted #4c6b87;
-}
+li.normal { list-style-image:none; }
+ul.notes ul li, ul.values ul li, ul.format ul li { padding:10px; }
+ul.notes ul.compact li, ul.values li, ul.format li { padding:0px; }
+.topic a { border-bottom:1px dotted #4c6b87; }
 
 /* Article links */
-a.doclink {
-	text-decoration: none;
-    color: #4c6b87;
-    	font-weight: bold;
-	border-bottom: 1px dotted #4c6b87;
-}
+a.doclink { text-decoration:none; color:#4c6b87; font-weight:bold; border-bottom:1px dotted #4c6b87; }
 
-.w400 {
-	width:400px !important;
-}
-.w500 {
-	width:500px !important;
-}
-.w800 {
-	width:800px !important;
-}
-.w900 {
-	width:900px !important;
-	max-width:900px !important;
-}
-.w1000 {
-	width:1000px !important;
-	max-width:1000px !important;
-}
+.w400 { width:400px !important; }
+.w500 { width:500px !important; }
+.w800 { width:800px !important; }
+.w900 { width:900px !important; max-width:900px !important; }
+.w1000 { width:1000px !important; max-width:1000px !important; }
 
-hr {
-	text-align: left;
-	margin-left: 0;
-	max-width: 900px;
-}
+hr { text-align:left; margin-left:0; max-width:900px; }
 
-.console {
-	color: #ffcc00;
-	font-weight: bold;
-	font-family: monospace;
-	font-size: 1.1em;
-	background-color: black !important;
-}
+.console { color:#ffcc00; font-weight:bold; font-family:monospace; font-size:1.1em; background-color:black !important; }
 
 div.info, div.warn, div.severe {
-	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgo8c3ZnIAoJaWQ9InN2ZzI4MTAiIAoJeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAKCXhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAKCWhlaWdodD0iMjQiIAoJd2lkdGg9IjQyIiAKCXZlcnNpb249IjEuMCIgCgl2aWV3Qm94PSIwIDAgNDgwIDQ4MCI+Cgk8ZGVmcyBpZD0iZGVmczI4MzYiPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0ibGluZW [...]
-	background-repeat: no-repeat;
-	background-position: left center;
-	padding: 15px 50px;
-	margin: 10px 0px;
-	width: 800px;
-}
-
-div.info {
-	background-color: #e9eefc;
-	border-left: 3px solid #1c43ba;
-}
-
-div.warn {
-	background-color: #faecd1;
-	border-left: 3px solid #b37700;
-}
-
-div.severe {
-	background-color: #faced3;
-	border-left: 3px solid #b32400;
-}
-
-.new {
-	background-color:lightgreen;
-}
-
-.updated {
-	background-color:#CFC;
-}
-
-.todo {
-	background-color:#FD8;
-}
-
-review {
-	background-color: #ffdf00;
-	padding: 10px;
-	border-radius: 5px;
-	width: 800px;
-	text-align: center;
-	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
-}
+	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgo8c3ZnIAoJaWQ9InN2ZzI4MTAiIAoJeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAKCXhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAKCWhlaWdodD0iMjQiIAoJd2lkdGg9IjQyIiAKCXZlcnNpb249IjEuMCIgCgl2aWV3Qm94PSIwIDAgNDgwIDQ4MCI+Cgk8ZGVmcyBpZD0iZGVmczI4MzYiPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWF [...]
+	background-repeat:no-repeat; background-position:left center; padding:15px 50px; margin:10px 0px; width:800px;
+}
+div.info { background-color:#e9eefc; border-left:3px solid #1c43ba; }
+div.warn { background-color:#faecd1; border-left:3px solid #b37700; }
+div.severe { background-color:#faced3; border-left:3px solid #b32400; }
+
+.new { background-color:lightgreen; }
+.updated { background-color:#CFC; }
+.todo { background-color:#FD8; }
+yellow { color:yellow; }
+red { color:red; }
+
+review { display:block; background-color:#ffdf00; padding:10px; border-radius:5px; text-align:center; box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.5); margin:20px 0px; font-weight:bold; width:800px !important; }
+reviewed { display:block; background-color:lightgreen; padding:10px; border-radius:5px; text-align:center; box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.5); margin:20px 0px; font-weight:bold; width:800px !important; }
+
+ul.javatreec, .javatreec ul {  padding-left:0px; margin:0px; }
+.javatreec li { display:inline-block; padding-left:5px; }
+.javatreec li::before { font-weight:bolder; font-size:x-small; }
+.javatreec li.ja::before  { color:#00ced1; content:'\00a0\00a0\24d0\00a0'; }
+.javatreec li.jc::before  { color:#008000; content:'\00a0\00a0\24d2\00a0'; }
+.javatreec li.jac::before { color:#eed304; content:'\00a0\00a0\24d2\00a0'; }
+.javatreec li.jic::before { color:#5f4ba2; content:'\00a0\00a0\24d8\00a0'; }
+.javatreec li.je::before  { color:#906029; content:'\00a0\00a0\24d4\00a0'; }
+.javatreec li.jf::before  { color:#008000; content:'\00a0\00a0\25cf\00a0'; }
+.javatreec li.jfp::before  { color:#eed304; content:'\00a0\00a0\25cf\00a0'; }
+.javatreec li.jm::before  { color:#008000; content:'\00a0\00a0\25cf\00a0'; }
+.javatreec li.jmp::before  { color:#eed304; content:'\00a0\00a0\25c6\00a0'; }
+.javatreec li.jma::before  { color:#00ced1; content:'\00a0\00a0\25cf\00a0'; }
+
+li.jc::marker  { font-weight:bolder; font-size:small; color:#008000; content:'\00a0\00a0\24d2\00a0\00a0'; }
+li.jac::marker { font-weight:bolder; font-size:small; color:#eed304; content:'\00a0\00a0\24d2\00a0\00a0'; }
+li.jic::marker { font-weight:bolder; font-size:small; color:#5f4ba2; content:'\00a0\00a0\24d8\00a0\00a0'; }
+li.ja::marker  { font-weight:bolder; font-size:small; color:#00ced1; content:'\00a0\00a0\24d0\00a0\00a0'; }
+li.je::marker  { font-weight:bolder; font-size:small; color:#906029; content:'\00a0\00a0\24d4\00a0\00a0'; }
+li.jm::marker  { font-weight:bolder; font-size:small; color:#008000; content:'\00a0\00a0\25cf\00a0\00a0'; }
+li.jf::marker  { font-weight:bolder; font-size:small; color:#008000; content:'\00a0\00a0\25cf\00a0\00a0'; }
+li.jp::marker  { font-weight:bolder; font-size:small; color:#e09c01; content:'\00a0\00a0\229e\00a0\00a0'; }
+li.jmp::marker  { font-weight:bolder; font-size:small; color:#eed304; content:'\00a0\00a0\25c6\00a0\00a0'; }
+li.jma::marker  { font-weight:bolder; font-size:small; color:#00ced1; content:'\00a0\00a0\25cf\00a0\00a0'; }
+
+li.note::marker  { font-weight:bolder; font-size:large; color:#F5A400; content:'\00a0\00a0\270E\00a0\00a0'; }
+li.warn::marker  { font-weight:bolder; font-size:x-large; color:#e09c01; content:'\00a0\00a0\26A0\00a0\00a0'; }
+li.severe::marker  { font-weight:bolder; font-size:x-large; color:#e01200; content:'\00a0\00a0\26A0\00a0\00a0'; }
+li.info::marker  { font-weight:bolder; font-size:large; color:#0e01e0; content:'\00a0\00a0\24D8\00a0\00a0'; }
+li.link::marker  {font-weight:bold;font-size:medium;color:#3f51b5;content: '\00a0\00a0\27a5\00a0\00a0';}
+li.sublink::marker  { font-weight:bold; font-size:medium; color:#727aa7; content:'\00a0\00a0\27a5\00a0\00a0'; }
+li.extlink::marker  { font-weight:bold; font-size:medium; color:#3f51b5; content:'\00a0\00a0\27a6\00a0\00a0'; }
\ No newline at end of file