Improve javaguide.css compliance with style guide

See #796
pull/791/merge
Tony Ruscoe 2023-10-23 17:26:54 +01:00 committed by GitHub
parent 69600d1b9b
commit 6ebcd8cee2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 174 additions and 164 deletions

View File

@ -2,13 +2,16 @@ table {
border-collapse: collapse; border-collapse: collapse;
} }
td, th { td,
th {
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 2px 12px; padding: 2px 12px;
font-size: 10pt; font-size: 10pt;
} }
code, samp, var { code,
samp,
var {
color: #060; color: #060;
} }
@ -17,16 +20,9 @@ pre {
display: block; display: block;
color: #060; color: #060;
background-color: #e8fff6; background-color: #e8fff6;
border-color: #f0fff0; border: 1px solid #f0fff0;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 5px; border-left-width: 5px;
padding-left: 12px; padding: 4px 12px;
padding-right: 12px;
padding-top: 4px;
padding-bottom: 4px;
} }
pre.badcode { pre.badcode {
@ -42,10 +38,8 @@ hr {
} }
html { html {
margin-top:2em; margin: 2em 10% 0;
margin-left:10%; padding: 0;
margin-right:10%;
padding:0;
} }
.bp-reset-element, .bp-reset-element,
@ -104,32 +98,32 @@ tbody,
tfoot, tfoot,
thead, thead,
tr { tr {
margin:0; margin: 0;
padding:0; padding: 0;
border:0; border: 0;
font-weight:inherit; font-weight: inherit;
font-style:inherit; font-style: inherit;
font-size:100%; font-size: 100%;
font-family:inherit; font-family: inherit;
vertical-align:baseline; vertical-align: baseline;
} }
body { body {
font-family:'Arial', sans-serif; font-family: 'Arial', sans-serif;
font-size:81.25%; font-size: 81.25%;
color:#222; color: #222;
background-color:#fff; background-color: #fff;
line-height:1.67; line-height: 1.67;
overflow: auto; overflow: auto;
} }
.change { .change {
text-align: right; text-align: right;
margin-bottom:1em; margin-bottom: 1em;
} }
em { em {
font-style: italic font-style: italic;
} }
h1, h1,
@ -138,12 +132,12 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-weight:bold; font-weight: bold;
} }
h1 { h1 {
margin-bottom:.50em; margin-bottom: 0.5em;
text-align: center text-align: center;
} }
h2, h2,
@ -151,22 +145,36 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
margin-top:1.5em; margin-top: 1.5em;
margin-bottom:.75em; margin-bottom: 0.75em;
} }
h1 {font-size:200%;} h1 {
h2 {font-size:167%;} font-size: 200%;
h3 {font-size:133%;} }
h4 {font-size:120%;}
h5 {font-size:110%;} h2 {
font-size: 167%;
}
h3 {
font-size: 133%;
}
h4 {
font-size: 120%;
}
h5 {
font-size: 110%;
}
p { p {
margin:0 0 1.5em; margin: 0 0 1.5em;
} }
a[href=''] { a[href=''] {
cursor:default; cursor: default;
} }
h1 img, h1 img,
@ -175,238 +183,238 @@ h3 img,
h4 img, h4 img,
h5 img, h5 img,
h6 img { h6 img {
margin:0; margin: 0;
} }
a img { a img {
border:none; border: none;
} }
pre { pre {
margin:1.5em 0; margin: 1.5em 0;
white-space:pre; white-space: pre;
} }
pre, pre,
code, code,
kbd, kbd,
tt { tt {
font:1em 'Droid Sans Mono', monospace; font: 1em 'Droid Sans Mono', monospace;
line-height:1.5; line-height: 1.5;
} }
dl { dl {
margin:0 0 1.5em 0; margin: 0 0 1.5em;
} }
dl dt { dl dt {
font-weight:bold; font-weight: bold;
} }
dd { dd {
margin-left:1.5em; margin-left: 1.5em;
} }
dd.toc3 { dd.toc3 {
margin-left:3em; margin-left: 3em;
} }
hr { hr {
height:0; height: 0;
border:0; border: 0;
border-top:1px solid #ccc; border-top: 1px solid #ccc;
background-color:#ccc; background-color: #ccc;
} }
table { table {
border:1px solid #bbb; border: 1px solid #bbb;
border-spacing:0; border-spacing: 0;
border-collapse:collapse; border-collapse: collapse;
margin:0 0 1.5em; margin: 0 0 1.5em;
vertical-align:middle; vertical-align: middle;
width:100%; width: 100%;
} }
table.unlined, table.unlined,
table.unlined th, table.unlined th,
table.unlined tr, table.unlined tr,
table.unlined td { table.unlined td {
border:0; border: 0;
} }
th, th,
td, td,
caption { caption {
float:none !important; float: none !important;
text-align:left; text-align: left;
font-weight:normal; font-weight: normal;
vertical-align:middle; vertical-align: middle;
padding:4px; padding: 4px;
} }
caption { caption {
padding:0; padding: 0;
} }
td { td {
border:1px solid #bbb; border: 1px solid #bbb;
vertical-align:top; vertical-align: top;
} }
th { th {
border:0; border: 0;
border-bottom:1px solid black; border-bottom: 1px solid black;
font-weight:bold; font-weight: bold;
background:rgb(229, 236, 249); background: rgb(229, 236, 249);
} }
table th code { table th code {
background-color:inherit; background-color: inherit;
color:inherit; color: inherit;
} }
table tfoot th { table tfoot th {
border:1px solid #bbb; border: 1px solid #bbb;
} }
tfoot { tfoot {
font-style:italic; font-style: italic;
} }
caption { caption {
background:#eee; background: #eee;
} }
table[border='0'] { table[border='0'] {
border:none; border: none;
} }
table[border='0']>tbody>tr>td, table[border='0'] > tbody > tr > td,
table[border='0']>tr>td { table[border='0'] > tr > td {
border:none; border: none;
} }
tr.alt td, tr.alt td,
td.alt { td.alt {
background-color:#efefef; background-color: #efefef;
} }
table.striped tr:nth-child(even) td, table.striped tr:nth-child(even) td,
table tr.even td { table tr.even td {
background:#efefef; background: #efefef;
} }
table.columns { table.columns {
border:none; border: none;
} }
table.columns>tbody>tr>td, table.columns > tbody > tr > td,
table.columns>tr>td { table.columns > tr > td {
border:none; border: none;
padding:0 3em 0 0; padding: 0 3em 0 0;
} }
table.columns>tbody>tr>td:last-child, table.columns > tbody > tr > td:last-child,
table.columns>tr>td:last-child { table.columns > tr > td:last-child {
border:none; border: none;
padding:0; padding: 0;
} }
ul, ul,
ol { ol {
margin:0 1.5em 1.5em 0; margin: 0 1.5em 1.5em 0;
padding-left:2em; padding-left: 2em;
} }
li ul, li ul,
li ol { li ol {
margin:0; margin: 0;
} }
ul { ul {
list-style-type:disc; list-style-type: disc;
} }
ol { ol {
list-style-type:decimal; list-style-type: decimal;
} }
ul { ul {
list-style-type:disc; list-style-type: disc;
} }
ul ul { ul ul {
list-style-type:circle; list-style-type: circle;
} }
ul ul ul { ul ul ul {
list-style-type:square; list-style-type: square;
} }
ul.disc { ul.disc {
list-style-type:disc; list-style-type: disc;
} }
ul.circle { ul.circle {
list-style-type:circle; list-style-type: circle;
} }
ul.square { ul.square {
list-style-type:square; list-style-type: square;
} }
ol { ol {
list-style-type:decimal; list-style-type: decimal;
} }
ol ol { ol ol {
list-style-type:lower-alpha; list-style-type: lower-alpha;
} }
ol ol ol { ol ol ol {
list-style-type:lower-roman; list-style-type: lower-roman;
} }
ol ul { ol ul {
list-style-type:circle; list-style-type: circle;
} }
ol.decimal { ol.decimal {
list-style-type:decimal; list-style-type: decimal;
} }
ol.upper-alpha { ol.upper-alpha {
list-style-type:upper-alpha; list-style-type: upper-alpha;
} }
ol.lower-alpha { ol.lower-alpha {
list-style-type:lower-alpha; list-style-type: lower-alpha;
} }
ol.upper-roman { ol.upper-roman {
list-style-type:upper-roman; list-style-type: upper-roman;
} }
ol.lower-roman { ol.lower-roman {
list-style-type:lower-roman; list-style-type: lower-roman;
} }
ol.nolist, ol.nolist,
ul.nolist { ul.nolist {
padding-left:0; padding-left: 0;
list-style-image:none; list-style-image: none;
list-style-type:none; list-style-type: none;
margin-left:0; margin-left: 0;
} }
.center { .center {
text-align:center; text-align: center;
} }
code, code,
kbd, kbd,
pre { pre {
color:#009900; color: #090;
} }
kbd { kbd {
@ -414,107 +422,108 @@ kbd {
} }
table.striped code { table.striped code {
background-color:inherit; background-color: inherit;
} }
pre { pre {
padding:6px 10px; padding: 6px 10px;
background-color:#FAFAFA; background-color: #fafafa;
border:1px solid #bbb; border: 1px solid #bbb;
overflow:auto; overflow: auto;
} }
pre.prettyprint { pre.prettyprint {
padding:6px 10px !important; padding: 6px 10px !important;
border:1px solid #bbb !important; border: 1px solid #bbb !important;
} }
code.bad, code.badcode { code.bad,
code.badcode {
color: magenta; color: magenta;
} }
pre.bad, pre.badcode {
background-color:#ffe6d8; pre.bad,
border-top:1px inset #a03; pre.badcode {
border-left:1px inset #a03; background-color: #ffe6d8;
border-top: 1px inset #a03;
border-left: 1px inset #a03;
} }
.tip { .tip {
background-color:#fffbd9; background-color: #fffbd9;
padding:6px 8px 6px 10px; padding: 6px 8px 6px 10px;
border-left:6px solid #ffef70; border-left: 6px solid #ffef70;
} }
.note { .note {
background-color:#e5ecf9; background-color: #e5ecf9;
padding:6px 8px 6px 10px; padding: 6px 8px 6px 10px;
border-left:6px solid #36c; border-left: 6px solid #36c;
} }
@media print { @media print {
.str { .str {
color:#060; color: #060;
} }
.kwd { .kwd {
color:#006; color: #006;
font-weight:bold; font-weight: bold;
} }
.com { .com {
color:#600; color: #600;
font-style:italic; font-style: italic;
} }
.typ { .typ {
color:#404; color: #404;
font-weight:bold; font-weight: bold;
} }
.lit { .lit {
color:#044; color: #044;
} }
.pun, .pun,
.opn, .opn,
.clo { .clo {
color:#440; color: #440;
} }
.pln { .pln {
color:#000; color: #000;
} }
.tag { .tag {
color:#006; color: #006;
font-weight:bold; font-weight: bold;
} }
.atn { .atn {
color:#404; color: #404;
} }
.atv { .atv {
color:#060; color: #060;
} }
h1 { h1 {
font-style:italic; font-style: italic;
} }
} }
ol.linenums { ol.linenums {
margin-top:0; margin-top: 0;
margin-bottom:0; margin-bottom: 0;
} }
code { code {
background-color:#FAFAFA; background-color: #fafafa;
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
white-space: nowrap white-space: nowrap;
} }
/* TOC CSS */ /* TOC CSS */
table.columns { table.columns {
@ -552,15 +561,16 @@ li.toc_entry {
* at href boundaries * at href boundaries
*/ */
li.toc_entry::after { li.toc_entry::after {
content: " "; content: ' ';
} }
li.toc_entry a { li.toc_entry a {
white-space: nowrap; white-space: nowrap;
} }
/* Horizontal TOC */ /* Horizontal TOC */
.toc td, .toc th { .toc td,
.toc th {
border-width: 1px 5px; border-width: 1px 5px;
overflow: hidden; overflow: hidden;
} }
@ -568,7 +578,7 @@ li.toc_entry a {
/* Vertical TOC */ /* Vertical TOC */
.toc td.two_columns { .toc td.two_columns {
border-width: 0px; border-width: 0;
} }
/* Numbered sections */ /* Numbered sections */