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: 2013-03-27 RM 6 To use, in <head>... 7 insert:<link REL="stylesheet" HREF="../reports.css" TYPE="text/css"> 8 */ 9/* for proofing highlight the web only sections */ 10div.book-only { background-color: #00FFFF; } 11 12 13/* conditional display */ 14.web-only { } 15.book-only { display: none; } 16.ref-only { display: none; } /* this material will be removed eventually */ 17 18body { margin: 0; font-family: Arial, 'Lucida Sans Unicode', 'Arial Unicode MS', sans-serif; 19 color: black; background-color: white; background-repeat:repeat; 20 background-attachment: scroll; background-position: 0%; } 21div.body { margin: 3em; } /* margin for body only */ 22div.book { margin:0; } /* add a margin for entire document, currently 0 */ 23 24blockquote { margin: 20px; } 25blockquote.tus { font-size: 11pt; font-family: Times New Roman, serif; } 26dt { font-style: italic; } 27li {margin-top: 0.25em; margin-bottom: 0.25em; } 28.bb { page-break-before: always; } 29.copyright { font-size: 75%; } 30.codeComment { color: #0000FF; } 31 32/*use these styles for contrastive background coloring associated with specific conventions */ 33.syntax { background-color: #EEEEFF; } 34.example { background-color: #EEFFEE; } 35.values { background-color: #FFFFEE; } 36 37/* use these styles for constrastive background coloring with no specific meaning */ 38.lightblue { background-color: #EEEEFF; } 39.medgray {background-color: #C0C0C0; } 40.lightyellow {background-color: #FFFF80; } 41 42span.codepoint { font-family: monospace; } 43span.charSample { font-size: 200%; } 44span.name {text-transform: lowercase; font-variant: small-caps; font-size: 75%; } 45 46span.section { font-style: italic; } 47span.secno { font-style: italic; } 48 49td p.stdp { } /* book specific - ignore on web */ 50 51p.caption { page-break-after: avoid; font-weight: bold; text-align: center; } 52p.rule { font-style:italic; background-color: #F8F8F8; } 53 54 55/* from UAX#29 */ 56.symbol { font-size: 90%; font-family: Arial Unicode MS; } 57.example2 { background-color: #FFFF99; } 58.charlist { font-size: 90%; font-family: monospace; } 59.pairItem { text-align: Center; } 60.lbclass { text-align: Center; } 61span.transform { font-weight:bold; color:#0000FF; } 62 63/* from UAX#31 */ 64.rule_head { font-style: italic; border-width: 0; } 65.rule_head { font-weight: bold; } 66.rule_body { font-style: italic; border-width: 0; } 67 68 69/* table related styles*/ 70table { border-spacing: 0; border-collapse: collapse; 71 border-style: solid; border-color: black; border-width: 1px; } 72th, td { border-spacing: 0; border-collapse: collapse; 73 border-style: solid; border-color: black; border-width: 1px; 74 font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial, sans-serif; 75 color: black; vertical-align: top; text-align: left; } 76table.body { border-style: none; width: 100%; } 77td.body { border-style: none; padding: 20px; } 78caption { font-size: 120%; font-weight: bold; padding-bottom: 0.75em; } 79td.icon { border-style: none; border-width: 0; padding: 2px; margin: 0; 80 background-color: #990000; color: #fffffe; 81 font-size: 100%; text-align: left; 82 font-weight: bold; font-family: Arial, Geneva, sans-serif; } 83 84td.gray { border-style: none; border-width: 0; padding: 0px; margin: 0; 85 background-color: #999999; color: #FFFFFE; 86 font-size: 6pt; } 87 88table.header { border-style: none; border-width: 0; margin: 0; width: 100%; } 89.noborder { border-style: none; border-width: 0; margin: 0; } 90.nb { border-style: none; border-width: 0; margin: 0; } 91.nbwide { width: 92%; border-style: none; border-width: 0; margin: 0; } 92.wide { width: 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: red; } 98a:active { color: blue; } 99a:visited { color: #666666; } 100a:hover { color: #ff3333; } 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 red-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: red; 121 text-decoration:underline; 122 } 123 124/* ignored in web format */ 125h1 nocap { } 126 127/* run in headers */ 128span.run_in { font-style:italic; font-weight: bold; } 129span.note { font-style: italic; } 130 131 132p.bar { background-color: #990000; color: #fffffe; font-size: 100%; font-weight: bold; 133 font-family: Arial, Geneva, sans-serif; text-align: right; padding: 4px; } 134 135a.bar:link { color: #fffffe; } 136a.bar:visited { color: #fffffe; } 137a.bar:active { color: #fffffe; } 138a.bar:hover { color: #ff3333; } 139 140/* some UAXs use h3 some h4 */ 141h4.summary { margin-top: 1em; } 142h3.summary { margin-top: 1em; } 143 144h4.contents {} 145h4.status {} 146 147 148/* link style for character class */ 149a.charclass { font-weight:bold; text-decoration: none; color: #808080 } 150 151 152/* syntax coloring for C source code samples */ 153 154.CKeyword {color: rgb(0,0,255); } 155.CComment {color: rgb(0,128,0); } 156.CCommand { font-weight:bold; color: rgb(255,0,0); } 157 158 159.changed { background-color: #FFFF00; border-style: dotted; border-width: 1px; } 160.removed { text-decoration: line-through; background-color: #FFFF00; border-style: dotted; border-width: 1px; } 161.changed2 { background-color: #00FFFF; border-style: dotted; border-width: 1px; } 162.removed2 { text-decoration: line-through; background-color: #00FFFF; border-style: dotted; border-width: 1px; } 163 164span.changedspan { background-color: #FFFF00; border-style: dotted; border-width: 1px; } 165span.removedspan { text-decoration: line-through; background-color: #FFFF00; border-style: dotted; border-width: 1px; } 166 167.reviewnote { background-color: #FFFF80; color: #CC0000; border-style: dashed; 168 border-width: 1px; } 169 170 171 172/* table w/o a grid, except for lines in first and last row like in TR#25 */ 173 174table.gray { border-collapse: collapse; border-style: none; border-width: medium; } 175 176th.grayfirst, td.grayfirst { border-left-style: none; border-left-width: medium; border-right-style: none; 177 border-right-width: medium; border-top: 1.5pt solid gray; 178 border-bottom: .75pt solid gray; padding-left: 5.4pt; 179 padding-right: 5.4pt; padding-top: 0in; padding-bottom: 0in } 180td.graymiddle, td.graymiddle { border-style: none; border-width: medium; padding-left: 5.4pt; 181 padding-right:5.4pt; padding-top: 0in; padding-bottom: 0in; } 182 183td.graylast, td.graylast { border-left-style: none; border-left-width: medium; border-right-style: none; 184 border-right-width: medium; border-top-style: none; 185 border-top-width: medium; border-bottom: 1.5pt solid gray; 186 padding-left: 5.4pt; padding-right: 5.4pt; padding-top: 0in; 187 padding-bottom: 0in; } 188 189 190/* list styles that work well in table of contents */ 191ul.toc { list-style-position: outside; list-style-type: none; margin-left: 1em; margin-bottom: 0pt; 192 margin-top: 0pt; line-height: 90%; } 193 194ol.toc { list-style-type: decimal; margin-bottom: 0pt; } 195 196ol ul.toc { list-style-position: outside; list-style-type: none; margin-left: 0em; margin-bottom: 0pt; 197 margin-top: 0pt; line-height: 90%; } 198 199ul ul.toc { list-style-position: outside; list-style-type: none; margin-left: 1.3em; margin-bottom: 0pt; 200 margin-top: 0pt; line-height: 90%; } 201ul.toc li { margin-left: 0; } 202 203/* prevent open circles starting bullets inside numbered points */ 204ol ul { list-style-type: disc; } 205ul.nobullet { list-style-type: none; } 206 207/* is the preceding needed for web ? */ 208 209.right { text-align: right; } 210.left { text-align: Left; } 211.center { text-align: center; } 212 213 214/* UAX#14 specific styles, duplicated here in case they are applicable elsehwere */ 215table.pair {border:1px solid; font-size:8pt; } 216table.pair th {text-align:center; font-size:8pt; } 217table.pair th.pairItem { background-color:#800080; } 218.nb-la { width:7em; border-style: none; border-width: 0; padding-left: 0.2em; background-color:#F0F0F0; } 219.nb-lb { border-style: none; border-width: 0; padding-left: 0.2em; background-color:#F8F8F8; } 220td.nb-lb p { margin-left:0em; } 221 222/* use some font styles conditionally */ 223span.mathsym1 { } 224span.mathsym2 { font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial, sans-serif; } 225span.mathsym3 { font-family: 'Arial Unicode MS', Arial, 'Lucida Sans Unicode', sans-serif; } 226span.specials-book { display: none; } 227span.specials-web { font-size: smaller; } 228span.glyphs-book { display: none; } 229span.symbol-web { font-size: 90%; font-family: 'Arial Unicode MS'; } /* same as .symbol */ 230