User:RHaworth/mystery/css/default.css

body { color: black; background: white; text-align: left; font-family: "Times New Roman", "Times Roman", Goudy, Georgia, Serif; font-size:  100%; font-weight: normal; }

.maindiv  { max-width: 27em; margin: 0 auto 2em; }

h1        { font-size: 200%; font-weight: bold; margin: 0.2em 0 0; } h2        { font-size: 160%; font-weight: bold; margin: 0.7em 0 0; page-break-before: always; } h3        { font-size: 125%; font-weight: bold; margin: 0.2em 0 0; }

p         { margin: 0; }

.newstnz  { margin: 0.5em 0 0; border: 0px #0FC  solid; widows: 6; orphans: 6; } .speech   { margin: 0.7em 0 0; border: 0px green solid; widows: 6; orphans: 6; }

.speaker  { margin: 0 0 0 4em;   border: 0px red solid; font-size: 105%; font-weight: bold; color: #A20; background: #FFF; } /* defining span only is OK because we assume a character name will never run off one line */

p.stagdir   { display: inline-block; margin: 0 0 0 2em; border: 0px blue solid; } span.stagdir { border: 0px green solid; background: #DDF; font-size: 83%; font-style: italic; font-family: Calibri, Candara, Segoe, 'Segoe UI', Tahoma, Optima, Arial, sans-serif; } /* But stage directions may run to more than one line so we need to define a p. and a span. The p. defines indent but span. is needed to define background colour else it will fill the whole p with that colour. */

.sdinlin    { border: 0px #F0F solid;  background: #DDF;  margin: 0 0 0 1.2em; font-size: 83%; font-style: italic; font-family: Calibri, Candara, Segoe, 'Segoe UI', Tahoma, Optima, Arial, sans-serif; }

.lino  { float: right;      font-weight: normal; font-size: 80%; color: #050; } /* Replace .lino with the following line to suppress line numbers */ /* .lino  { display: none; } */

/* Cases where a couplet is split across more than one speaker: */

.part0 { }                    /* first part */ .part1 { margin-left: 3em; }  /* second part of first half of a couplet - just one case in 1 Shep */ .part2 { margin-left: 8em; }  /* second half of a couplet */ .part3 { margin-left: 13em; } /* second part of second half of a couplet - just one case in 1 Shep */

div.tochdr { margin: 0.7em 0 0.4em; } span.tochdr { font-size: 160%; font-weight: bold; }

.toclink   { float: right; font-size: 50%; }

.credat    { font-size: 80%; font-weight: normal; float: right; vertical-align: bottom; }