scribble.css (7937B)
1 2 /* This file is used by default by all Scribble documents. 3 See also "manual.css", which is added by default by the 4 `scribble/manual` language. */ 5 6 /* CSS seems backward: List all the classes for which we want a 7 particular font, so that the font can be changed in one place. (It 8 would be nicer to reference a font definition from all the places 9 that we want it.) 10 11 As you read the rest of the file, remember to double-check here to 12 see if any font is set. */ 13 14 /* Monospace: */ 15 .maincolumn, .refpara, .refelem, .tocset, .stt, .hspace, .refparaleft, .refelemleft { 16 font-family: monospace; 17 } 18 19 /* Serif: */ 20 .main, .refcontent, .tocview, .tocsub, .sroman, i { 21 font-family: serif; 22 } 23 24 /* Sans-serif: */ 25 .version, .versionNoNav, .ssansserif { 26 font-family: sans-serif; 27 } 28 .ssansserif { 29 font-size: 80%; 30 font-weight: bold; 31 } 32 33 /* ---------------------------------------- */ 34 35 p, .SIntrapara { 36 display: block; 37 margin: 1em 0; 38 } 39 40 h2 { /* per-page main title */ 41 margin-top: 0; 42 } 43 44 h3, h4, h5, h6, h7, h8 { 45 margin-top: 1.75em; 46 margin-bottom: 0.5em; 47 } 48 49 .SSubSubSubSection { 50 font-weight: bold; 51 font-size: 0.83em; /* should match h5; from HTML 4 reference */ 52 } 53 54 /* Needed for browsers like Opera, and eventually for HTML 4 conformance. 55 This means that multiple paragraphs in a table element do not have a space 56 between them. */ 57 table p { 58 margin-top: 0; 59 margin-bottom: 0; 60 } 61 62 /* ---------------------------------------- */ 63 /* Main */ 64 65 body { 66 color: black; 67 background-color: #ffffff; 68 } 69 70 table td { 71 padding-left: 0; 72 padding-right: 0; 73 } 74 75 .maincolumn { 76 width: 43em; 77 margin-right: -40em; 78 margin-left: 15em; 79 } 80 81 .main { 82 text-align: left; 83 } 84 85 /* ---------------------------------------- */ 86 /* Navigation */ 87 88 .navsettop, .navsetbottom { 89 background-color: #f0f0e0; 90 padding: 0.25em 0 0.25em 0; 91 } 92 93 .navsettop { 94 margin-bottom: 1.5em; 95 border-bottom: 2px solid #e0e0c0; 96 } 97 98 .navsetbottom { 99 margin-top: 2em; 100 border-top: 2px solid #e0e0c0; 101 } 102 103 .navleft { 104 margin-left: 1ex; 105 position: relative; 106 float: left; 107 white-space: nowrap; 108 } 109 .navright { 110 margin-right: 1ex; 111 position: relative; 112 float: right; 113 white-space: nowrap; 114 } 115 .nonavigation { 116 color: #e0e0e0; 117 } 118 119 .searchform { 120 display: inline; 121 margin: 0; 122 padding: 0; 123 } 124 125 .nosearchform { 126 display: none; 127 } 128 129 .searchbox { 130 width: 16em; 131 margin: 0px; 132 padding: 0px; 133 background-color: #eee; 134 border: 1px solid #ddd; 135 text-align: center; 136 vertical-align: middle; 137 } 138 139 #contextindicator { 140 position: fixed; 141 background-color: #c6f; 142 color: #000; 143 font-family: monospace; 144 font-weight: bold; 145 padding: 2px 10px; 146 display: none; 147 right: 0; 148 bottom: 0; 149 } 150 151 /* ---------------------------------------- */ 152 /* Version */ 153 154 .versionbox { 155 position: relative; 156 float: right; 157 left: 2em; 158 height: 0em; 159 width: 13em; 160 margin: 0em -13em 0em 0em; 161 } 162 .version { 163 font-size: small; 164 } 165 .versionNoNav { 166 font-size: xx-small; /* avoid overlap with author */ 167 } 168 169 .version:before, .versionNoNav:before { 170 content: "Version "; 171 } 172 173 /* ---------------------------------------- */ 174 /* Margin notes */ 175 176 .refpara, .refelem { 177 position: relative; 178 float: right; 179 left: 2em; 180 height: 0em; 181 width: 13em; 182 margin: 0em -13em 0em 0em; 183 } 184 185 .refpara, .refparaleft { 186 top: -1em; 187 } 188 189 .refcolumn { 190 background-color: #F5F5DC; 191 display: block; 192 position: relative; 193 width: 13em; 194 font-size: 85%; 195 border: 0.5em solid #F5F5DC; 196 margin: 0 0 0 0; 197 } 198 199 .refcontent { 200 margin: 0 0 0 0; 201 } 202 203 .refcontent p { 204 margin-top: 0; 205 margin-bottom: 0; 206 } 207 208 .refparaleft, .refelemleft { 209 position: relative; 210 float: left; 211 right: 2em; 212 height: 0em; 213 width: 13em; 214 margin: 0em 0em 0em -13em; 215 } 216 217 .refcolumnleft { 218 background-color: #F5F5DC; 219 display: block; 220 position: relative; 221 width: 13em; 222 font-size: 85%; 223 border: 0.5em solid #F5F5DC; 224 margin: 0 0 0 0; 225 } 226 227 228 /* ---------------------------------------- */ 229 /* Table of contents, inline */ 230 231 .toclink { 232 text-decoration: none; 233 color: blue; 234 font-size: 85%; 235 } 236 237 .toptoclink { 238 text-decoration: none; 239 color: blue; 240 font-weight: bold; 241 } 242 243 /* ---------------------------------------- */ 244 /* Table of contents, left margin */ 245 246 .tocset { 247 position: relative; 248 float: left; 249 width: 12.5em; 250 margin-right: 2em; 251 } 252 .tocset td { 253 vertical-align: text-top; 254 } 255 256 .tocview { 257 text-align: left; 258 background-color: #f0f0e0; 259 } 260 261 .tocsub { 262 text-align: left; 263 margin-top: 0.5em; 264 background-color: #f0f0e0; 265 } 266 267 .tocviewlist, .tocsublist { 268 margin-left: 0.2em; 269 margin-right: 0.2em; 270 padding-top: 0.2em; 271 padding-bottom: 0.2em; 272 } 273 .tocviewlist table { 274 font-size: 82%; 275 } 276 277 .tocviewlisttopspace { 278 margin-bottom: 1em; 279 } 280 281 .tocviewsublist, .tocviewsublistonly, .tocviewsublisttop, .tocviewsublistbottom { 282 margin-left: 0.4em; 283 border-left: 1px solid #bbf; 284 padding-left: 0.8em; 285 } 286 .tocviewsublist { 287 margin-bottom: 1em; 288 } 289 .tocviewsublist table, 290 .tocviewsublistonly table, 291 .tocviewsublisttop table, 292 .tocviewsublistbottom table { 293 font-size: 75%; 294 } 295 296 .tocviewtitle * { 297 font-weight: bold; 298 } 299 300 .tocviewlink { 301 text-decoration: none; 302 color: blue; 303 } 304 305 .tocviewselflink { 306 text-decoration: underline; 307 color: blue; 308 } 309 310 .tocviewtoggle { 311 text-decoration: none; 312 color: blue; 313 font-size: 75%; /* looks better, and avoids bounce when toggling sub-sections due to font alignments */ 314 } 315 316 .tocsublist td { 317 padding-left: 1em; 318 text-indent: -1em; 319 } 320 321 .tocsublinknumber { 322 font-size: 82%; 323 } 324 325 .tocsublink { 326 font-size: 82%; 327 text-decoration: none; 328 } 329 330 .tocsubseclink { 331 font-size: 82%; 332 text-decoration: none; 333 } 334 335 .tocsubnonseclink { 336 font-size: 82%; 337 text-decoration: none; 338 padding-left: 0.5em; 339 } 340 341 .tocsubtitle { 342 font-size: 82%; 343 font-style: italic; 344 margin: 0.2em; 345 } 346 347 /* ---------------------------------------- */ 348 /* Some inline styles */ 349 350 .indexlink { 351 text-decoration: none; 352 } 353 354 .nobreak { 355 white-space: nowrap; 356 } 357 358 pre { margin-left: 2em; } 359 blockquote { margin-left: 2em; } 360 361 ol { list-style-type: decimal; } 362 ol ol { list-style-type: lower-alpha; } 363 ol ol ol { list-style-type: lower-roman; } 364 ol ol ol ol { list-style-type: upper-alpha; } 365 366 .SCodeFlow { 367 display: block; 368 margin-left: 1em; 369 margin-bottom: 0em; 370 margin-right: 1em; 371 margin-top: 0em; 372 white-space: nowrap; 373 } 374 375 .SVInsetFlow { 376 display: block; 377 margin-left: 0em; 378 margin-bottom: 0em; 379 margin-right: 0em; 380 margin-top: 0em; 381 } 382 383 .SubFlow { 384 display: block; 385 margin: 0em; 386 } 387 388 .boxed { 389 width: 100%; 390 background-color: #E8E8FF; 391 } 392 393 .hspace { 394 } 395 396 .slant { 397 font-style: oblique; 398 } 399 400 .badlink { 401 text-decoration: underline; 402 color: red; 403 } 404 405 .plainlink { 406 text-decoration: none; 407 color: blue; 408 } 409 410 .techoutside { text-decoration: underline; color: #b0b0b0; } 411 .techoutside:hover { text-decoration: underline; color: blue; } 412 413 /* .techinside:hover doesn't work with FF, .techinside:hover> 414 .techinside doesn't work with IE, so use both (and IE doesn't 415 work with inherit in the second one, so use blue directly) */ 416 .techinside { color: black; } 417 .techinside:hover { color: blue; } 418 .techoutside:hover>.techinside { color: inherit; } 419 420 .SCentered { 421 text-align: center; 422 } 423 424 .imageleft { 425 float: left; 426 margin-right: 0.3em; 427 } 428 429 .Smaller { 430 font-size: 82%; 431 } 432 433 .Larger { 434 font-size: 122%; 435 } 436 437 /* A hack, inserted to break some Scheme ids: */ 438 .mywbr { 439 display: inline-block; 440 height: 0; 441 width: 0; 442 font-size: 1px; 443 } 444 445 .compact li p { 446 margin: 0em; 447 padding: 0em; 448 } 449 450 .noborder img { 451 border: 0; 452 } 453 454 .SAuthorListBox { 455 position: relative; 456 float: right; 457 left: 2em; 458 top: -2.5em; 459 height: 0em; 460 width: 13em; 461 margin: 0em -13em 0em 0em; 462 } 463 .SAuthorList { 464 font-size: 82%; 465 } 466 .SAuthorList:before { 467 content: "by "; 468 } 469 .author { 470 display: inline; 471 white-space: nowrap; 472 } 473 474 /* print styles : hide the navigation elements */ 475 @media print { 476 .tocset, 477 .navsettop, 478 .navsetbottom { display: none; } 479 .maincolumn { 480 width: auto; 481 margin-right: 13em; 482 margin-left: 0; 483 } 484 }