1/* 2 Style sheet for web-based Unicode Standard Annexes, Technical Standards and Technical Reports 3 M.Davis and A.Freytag 4 5 Last edited: 2015-04-06 AF, 2015-04-15 KW 6 removed all "-web" and "-book" suffixes 7 8 To use, in <head>... 9 insert:<link REL="stylesheet" HREF="../reports-v2.css" TYPE="text/css"> 10 */ 11 12 13/* conditional display */ 14body { margin: 0; font-family: Arial, Geneva, sans-serif; 15 color: black; background-color: white; background-repeat:repeat; 16 background-attachment: scroll; background-position: 0%; } 17div.body { margin: 3em; } /* margin for body only */ 18 19blockquote { margin: 20px; } 20/* for quoting from the standard */ 21blockquote.tus { font-size: 11pt; font-family: Times New Roman, serif; } 22dt { font-style: italic; } 23li {margin-top: 0.25em; margin-bottom: 0.25em; } 24.bb { page-break-before: always; } 25.copyright { font-size: 75%; } 26.codeComment { color: #0000FF; } 27 28/*use these styles for contrastive background coloring associated with specific conventions */ 29.syntax { background-color: #EEEEFF; } 30.example { background-color: #EEFFEE; } 31.values { background-color: #FFFFEE; } 32 33/* use these styles for constrastive background coloring with no specific meaning */ 34.lightblue { background-color: #EEEEFF !important ; } 35.medgray { background-color: #C0C0C0 !important ; } 36.lightyellow {background-color: #FFFF80 !important ; } 37.lightgray { background-color: #E4E4E4 !important; } /*not sure we need this one */ 38.vlightgray { background-color: #F8F8F8 !important; } 39.sandstone { background-color: #ECE8E0 !important; } 40 41span.codepoint { font-family: monospace; } 42span.charSample { font-size: 200%; } 43span.name { text-transform: lowercase; 44 font-variant: small-caps; font-size: 75%; } 45 46span.section { font-style: italic; } 47span.secno { font-style: italic; } 48 49p.caption { page-break-after: avoid; font-weight: bold; text-align: center; } 50p.rule { font-style:italic; background-color: #ECE8E0; } 51td.rule, th.rule { font-style:italic; font-weight: 400 !important; padding: 3px !important; margin:2px !important; } 52td.rule, th.rule { background-color: #ECE8E0 !important; border: 1px solid #F2F2F2 !important; } 53 54 55/* from UAX#29 */ 56.symbol { font-size: 90%; font-family: Arial, Geneva, sans-serif; } 57.example2 { background-color: #FFFF99; } 58.charlist { font-size: 90%; font-family: monospace; } 59.pairItem { text-align: Center; } 60.lbclass { text-align: Center; } 61 62 63/* table related styles*/ 64table { border-spacing: 0; border-collapse: collapse; 65 border-style: solid; border-color: black; border-width: 1px; } 66th, td { border-spacing: 0; border-collapse: collapse; 67 border-style: solid; border-color: black; border-width: 1px; 68 font-family: Arial, Geneva, sans-serif; 69 color: black; vertical-align: top; text-align: left; } 70table.body { border-style: none; width: 100%; } 71td.body { border-style: none; padding: 20px; } 72caption { font-size: 120%; font-weight: bold; padding-bottom: 0.75em; } 73td.icon { border-style: none; border-width: 0; padding: 2px; margin: 0; 74 background-color: #5555FF; color: white; 75 font-size: 100%; text-align: left; 76 font-weight: bold; font-family: Arial, Geneva, sans-serif; } 77 78td.gray { border-style: none; border-width: 0; padding: 0px; margin: 0; 79 background-color: #EEEEFE; color: white; 80 font-size: 6pt; } 81 82/* various overrides for table styles */ 83table.header { border-style: none; border-width: 0; margin: 0; width: 100%; } 84table.noborder th, table.noborder td { border-style: none !important; border-width: 0; margin: 0; } 85.noborder { border-style: none !important; border-width: 0; margin: 0; } 86.nb { border-style: none !important; border-width: 0; margin: 0; } 87 88table.border th, table.border td { border-style: solid !important; border-width: 1px; margin: 0; } 89.border { border-style: solid !important; border-width: 1px; margin: 0; } 90 91.nb th, .nb td { border-style: none !important; border-width: 0; margin: 0; } 92 93.ref { width: 92%; border-style: none; border-width: 0; margin: 0; padding: .33em; } 94 95 96/* Tables should inherit from body, but do not seem to in NN */ 97a:link { color: #3030FF; text-decoration:none; } 98a:active { color: #3030FF; } 99a:visited { color: #3030FF; text-decoration:none; } 100a:hover { text-decoration:underline; } 101 102/* HEADERS and RELATED STYLES */ 103h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-top: 8px; } 104h1 { font-size: x-large; text-transform: uppercase; text-align: center; } 105h2 { font-size: large; } 106h2.nonumber { font-size: large; } 107h2.uaxtitle { font-size: large; text-align:center; } 108h3 { font-size: medium; } 109h4 { font-size: medium; font-style: italic; } 110h5 { font-size: small; } 111h6 { font-size: small; font-style: italic; } 112 113/* don't color links on headers and captions, unless hovering */ 114h2 a:link, h3 a:link, h4 a:link, h5 a:link, p.caption a:link, caption a:link, 115h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, p.caption a:visited, caption a:visited { 116 color:black; 117 text-decoration:none; 118 } 119h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, p.caption a:hover, caption a:hover { 120 color: #3030FF; 121 text-decoration:underline; 122 } 123 124/* run in headers */ 125span.run_in { font-style:italic; font-weight: bold; } 126span.note { font-style: italic; } 127 128 129p.bar { background-color: #5555FF; color: white; font-size: 100%; font-weight: bold; 130 font-family: Arial, Geneva, sans-serif; text-align: right; padding: 4px; } 131 132a.bar:link { color: white; } 133a.bar:visited { color: white; } 134a.bar:active { color: white; } 135a.bar:hover { color: #B0B0B0; } 136 137/* some UAXs use h3 some h4 */ 138h4.summary { margin-top: 1em; } 139h3.summary { margin-top: 1em; } 140 141h4.contents {} 142h4.status {} 143 144 145/* link style for character class */ 146a.charclass { font-weight:bold; text-decoration: none; color: #808080 } 147 148 149/* syntax coloring for C source code samples */ 150 151.CKeyword {color: rgb(0,0,255); } 152.CComment {color: rgb(0,128,0); } 153.CCommand { font-weight:bold; color: rgb(255,0,0); } 154 155 156.changed { background-color: #FFFF00; border-style: dotted; border-width: 1px; } 157.removed { text-decoration: line-through; background-color: #FFFF00; border-style: dotted; border-width: 1px; } 158.changed2 { background-color: #00FFFF; border-style: dotted; border-width: 1px; } 159.removed2 { text-decoration: line-through; background-color: #00FFFF; border-style: dotted; border-width: 1px; } 160 161span.changedspan { background-color: #FFFF00; border-style: dotted; border-width: 1px; } 162span.removedspan { text-decoration: line-through; background-color: #FFFF00; border-style: dotted; border-width: 1px; } 163 164.reviewnote { background-color: #FFFF80; color: #CC0000; border-style: dashed; 165 border-width: 1px; } 166 167 168 169/* table w/o a grid, except for lines in first and last row like in TR#25 */ 170 171table.gray { border-collapse: collapse; border-style: none; border-width: medium; } 172 173th.grayfirst, td.grayfirst { border-left-style: none; border-left-width: medium; border-right-style: none; 174 border-right-width: medium; border-top: 1.5pt solid gray; 175 border-bottom: .75pt solid gray; padding-left: 5.4pt; 176 padding-right: 5.4pt; padding-top: 0in; padding-bottom: 0in } 177th.graymiddle, td.graymiddle { border-style: none; border-width: medium; padding-left: 5.4pt; 178 padding-right:5.4pt; padding-top: 0in; padding-bottom: 0in; } 179 180th.graylast, td.graylast { border-left-style: none; border-left-width: medium; border-right-style: none; 181 border-right-width: medium; border-top-style: none; 182 border-top-width: medium; border-bottom: 1.5pt solid gray; 183 padding-left: 5.4pt; padding-right: 5.4pt; padding-top: 0in; 184 padding-bottom: 0in; } 185 186 187/* list styles that work well in table of contents */ 188ul.toc { list-style-position: outside; list-style-type: none; margin-left: 1em; margin-bottom: 0pt; 189 margin-top: 0pt; line-height: 90%; } 190 191ol.toc { list-style-type: decimal; margin-bottom: 0pt; } 192 193ol ul.toc { list-style-position: outside; list-style-type: none; margin-left: 0em; margin-bottom: 0pt; 194 margin-top: 0pt; line-height: 90%; } 195 196ul ul.toc { list-style-position: outside; list-style-type: none; margin-left: 1.3em; margin-bottom: 0pt; 197 margin-top: 0pt; line-height: 90%; } 198ul.toc li { margin-left: 0; } 199 200/* prevent open circles starting bullets inside numbered points */ 201ol ul { list-style-type: disc; } 202ul.nobullet { list-style-type: none; } 203 204/* is the preceding needed for web ? */ 205 206.right { text-align: right; } 207.left { text-align: Left; } 208.center { text-align: center; } 209 210 211/* UAX#14 specific styles, duplicated here in case they are applicable elsehwere */ 212table.pair { border:1px solid; font-size:8pt; } 213table.pair th { text-align:center; font-size:8pt; } 214table.pair th.pairItem { background-color:#800080; } 215.nb-la { width:7em; border-style: none; border-width: 0; padding-left: 0.2em; background-color:#ECE8E0; } 216.nb-lb { border-style: none; border-width: 0; padding-left: 0.2em; background-color:#F0F0F0; } 217td.nb-lb p { margin-left:0em; } 218 219/* use some font styles conditionally */ 220span.mathsym1 { } 221span.mathsym2 { font-family: Arial, Geneva, sans-serif; } 222span.mathsym3 { font-family: Arial, Geneva, sans-serif; } 223span.specials { font-size: smaller; } 224span.symbol { font-size: 90%; font-family: Arial, Geneva, sans-serif } /* same as .symbol */ 225 226/* additional table styles from standard_styles.css */ 227 228/*simple - single pixel border, charcol lines */ 229/*subtle - same, but gray headers on gray background */ 230/* the -nb variants are the same but w/o borders */ 231 232table.simple { border-width:1px; border-style:solid; border-color:#A0A0A0; 233 border-collapse:collapse; padding:0.2em; font-size:1em} 234 table.simple th { border-width:1px; border-style:solid; border-color:#A0A0A0; 235 font-weight:bold; padding:5px; text-align: left; } 236 table.simple td {border-width:1px; border-style:solid; border-color:#A0A0A0; 237 padding:5px; text-align: left; } 238 239 240table.subtle { border-width:1px; border-style:solid; border-color:#A0A0A0; 241 border-collapse:collapse; padding:0.2em; font-size:1em} 242 table.subtle th { border-width:1px; border-style:solid; border-color:#A0A0A0; 243 font-weight:bold; padding:5px; text-align: left; } 244 table.subtle td {border-width:1px; border-style:solid; border-color:#A0A0A0; 245 padding:5px; text-align: left; } 246 247 248table.subtle-nb { border-style:none; border-width:0; border-collapse:collapse; } 249 table.subtle-nb th { border:solid 1px #F2F2F2; font-weight:bold; padding:5px; text-align:left; } 250 table.subtle-nb td { border-style:none; border-width: 0; font-weight:normal; padding:5px; text-align:left; } 251 252table.subtle-nb table.subtle th { border-width:1px; border-style:solid; border-color:#A0A0A0; } 253table.subtle-nb table.subtle td { border-width:1px; border-style:solid; border-color:#A0A0A0; } 254table.subtle-nb table.simple th { color: #000000; background-color: #FFFFFF; /* was: #FFFFFF; */ 255 border-width:1px; border-style:solid; 256 border-color:#A0A0A0; } 257table.subtle-nb table.simple td { border-width:1px; border-style:solid; border-color:#A0A0A0; } 258table.subtle table.simple th { color: #000000; background-color:#FFFFFF; } /*was #FFFFFF */ 259 260table.subtle th { color: #606060; background-color:#ECE8E0;} 261table.subtle-nb th { color: #606060; background-color:#ECE8E0;} 262 263table.subtle th p { color: #606060; background-color:#ECE8E0; } 264table.subtle-nb tr th p { color: #606060; background-color:#ECE8E0; } 265 266table.simple th p { margin:0; } 267table.subtle th p { margin:0; } 268table.subtle-nb th p { margin:0; } 269 270 271/* first-child selector only works in IE if DOCTYPE has a URL (standards mode) */ 272/* the following remove space above first and below last paragraph (or list) inside a table cell, but preserve interparagraph spacing */ 273 274table.simple td>p:first-child { margin: 0; } 275table.simple td>p { margin-top: 1.5em; } 276 277table.subtle td>p:first-child { margin:0; } 278table.subtle td>p { margin-top:1.5em; } 279 280table.subtle-nb td>p:first-child { margin:0; } 281table.subtle-nb td>p { margin-top:1.5em; } 282 283table.simple td>ul:first-child { margin-top:0; margin-bottom:0; } 284table.simple td>ol:first-child { margin-top:0; margin-bottom:0; } 285table.simple td>ul { margin-top:1.5em; margin-bottom:0.5em; } 286table.simple td>ol { margin-top:1.5em; margin-bottom:0.5em; } 287 288table.subtle td>ul:first-child { margin-top:0; margin-bottom:0; } 289table.subtle td>ol:first-child { margin-top:0; margin-bottom:0; } 290table.subtle td>ul { margin-top:1.5em; margin-bottom:0.5em; } 291table.subtle td>ol { margin-top:1.5em; margin-bottom:0.5em; } 292 293table.subtle-nb td>ul:first-child { margin-top:0; margin-bottom:0; } 294table.subtle-nb td>ol:first-child { margin-top:0; margin-bottom:0; } 295table.subtle-nb td>ul { margin-top:1.5em; margin-bottom:0.5em; } 296table.subtle-nb td>ol { margin-top:1.5em; margin-bottom:0.5em; } 297 298/* override the default padding use with table style "simple" */ 299table.nopad { padding: 0; } 300table.nopad th, table.nopad td { padding:0;} 301 302table.loose th, table.loose td { padding-top: 8px; padding-bottom: 8px; } 303 304/* override for no-border cells in the middle of standard tables - hide-borders also affects row borders between adjacent cells of same class*/ 305.hide-borders { border-left:hidden !important; border-right:hidden !important; border-top:none !important; border-bottom:none!important; } 306.hide-side-borders { border-left:hidden !important; border-right:hidden !important; } 307