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