www

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | Submodules | README

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 }