User:Monicas wicked stepmother/MWS GG Header

From DPWiki
Jump to navigation Jump to search
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="BOOKLANG" lang="BOOKLANG">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=BOOKCHARSET" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>
      The Project Gutenberg eBook of TITLE, by AUTHOR.
    </title>
    <link rel="coverpage" href="images/cover.jpg" />
    <style type="text/css">

body {
    margin-left: 10%;
    margin-right: 10%;
}

    h1,h2,h3,h4,h5,h6 {
    text-align: center; /* all headings centered */
    clear: both;
}

.faux {
    font-size: 0.1em;
    visibility: hidden;
}

.chapter
{
  page-break-before: always;
  text-align: center;
}

p {
    margin-top: .51em;
    text-align: justify;
    margin-bottom: .49em;
}

p.quotsig { /* author signature at end of letter */
  margin-left: 35%;
  text-indent: -4em; /* gimmick to move 2nd line right */
  }

.mt2 {margin-top: 2em;}
.mt4 {margin-top: 4em;}
.mb2 {margin-bottom: 2em}
.mb4 {margin-bottom: 4em}

hr {
    width: 33%;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 33.5%;
    margin-right: 33.5%;
    clear: both;
}

hr.tb   {width: 45%; margin-left: 27.5%; margin-right: 27.5%;}
hr.chap {width: 65%; margin-left: 17.5%; margin-right: 17.5%;}
hr.full {width: 95%; margin-left: 2.5%; margin-right: 2.5%}

hr.r5  {width: 5%; margin-top: 1em; margin-bottom: 1em;}
hr.r65 {width: 65%; margin-top: 3em; margin-bottom: 3em;}

ul.index { list-style-type: none; }
li.ifrst { margin-top: 1em; }
li.indx { margin-top: .5em; }
li.isub1 {text-indent: 1em;}
li.isub2 {text-indent: 2em;}
li.isub3 {text-indent: 3em;}

ul {
 list-style-type:none;
 margin:0em;
 margin-left: 10%;
 padding:0;
 max-width:40em;
}

li {
 margin:0em;
 page-break-inside:avoid;
 padding:0 1em 0 1.3em;
 text-indent:-1.3em;
}

table {
    margin-left: auto;
    margin-right: auto;
}

    .tdl      {text-align: left;}
    .tdr      {text-align: right;}
    .tdc      {text-align: center;}
    .vt       {vertical-align: top;}
    .vb       {vertical-align: bottom;}

	table.bordered   {border-spacing: 0; border-collapse: collapse;}

    .bt0 {border-top: none;}
    .bb0 {border-bottom: none;}
    .bl0 {border-left: none;}
    .br0 {border-right: none;}

.pagenum { /* uncomment the next line for invisible page numbers */
    /*  visibility: hidden;  */
    position: absolute;
    left: 92%;
    font-size: smaller;
    text-align: right;
    font-weight: normal; /* to avoid bold */ 
    font-style: normal; /* to avoid italics */ 
        } /* page numbers */

.linenum {
    position: absolute;
    top: auto;
    left: 4%;
} /* poetry number */

.blockquot {
    margin-left: 5%;
    margin-right: 10%;
}

.sidenote {
    width: 20%;
    padding-bottom: .5em;
    padding-top: .5em;
    padding-left: .5em;
    padding-right: .5em;
    margin-left: 1em;
    float: right;
    clear: right;
    margin-top: 1em;
    font-size: smaller;
    color: black;
    background: #eeeeee;
    border: dashed 1px;
}

.bb       {border-bottom: solid 2px;}

.bl       {border-left: solid 2px;}

.bt       {border-top: solid 2px;}

.br       {border-right: solid 2px;}

.bbox     {border: solid 2px;}

.center   {text-align: center;}

.right   {text-align: right;}

.hang {text-indent: -2em; padding-left: 1em; margin-left: 0em;}

.smcap    {font-variant: small-caps;}

em.smcap {font-style: normal; font-weight: normal; font-variant: small-caps;}

.lowercase  { text-transform:lowercase;}

.u        {text-decoration: underline;}

abbr { border:none; text-decoration:none; font-variant:normal; }

.gesperrt
{
    letter-spacing: 0.2em;
    margin-right: -0.2em;
}

em.gesperrt
{
    font-style: normal;
}

.caption  {font-weight: bold;}

.titlepage {page-break-before: always}

ins {text-decoration:none; border-bottom: thin dotted gray;}
.tnote {border: dashed 1px; margin-left: 10%; margin-right: 10%;
        padding-bottom: .5em; padding-top: .5em; padding-left: .5em; padding-right: .5em;}

.smaller {font-size: 0.8em;}
.big {font-size: 1.2em; font-weight: bold;}
.bigger {font-size: 1.6em; font-weight: bold;}
.huge {font-size: 2.5em;}

.block {text-align: center;}

.block-contents {display: inline-block; text-align: left;}

/* Images */
img {
    max-width: 100%; /* no image to be wider than screen or containing div */
    height:auto;     /* keep height in proportion to width */
}

div.figcenter {
    clear: both;
    margin: 2em auto;
    text-align: center;
    max-width: 100%; /* div no wider than screen, even when screen is narrow  */
}

div.figleft {
    float: left;
    clear: left;
    margin: 1em 1em 1em 0em;
    text-align: center;
    max-width: 40%;
}

div.figright {
    float: right;
    clear: right;
    margin: 1em 0em 1em 1em;
    text-align: center;
    max-width: 40%;
}

/* Use to display several figures side by side if there is room */
div.figcontainer {
    clear: both;
    margin: 0em auto;
    text-align: center;
    max-width: 100%; /* div no wider than screen, even when screen is narrow  */
}
div.figsub {
    display: inline-block;
    margin: 1em 1em;
    vertical-align: top; /* same height images will align well */
    max-width: 100%;
    text-align: center;
}

img.drop-cap
{
  float: left;
  margin: 0 0.5em 0 0;
}

p.drop-cap:first-letter
{ /* uncomment the next line if you are using this code for image dropcaps */
/*  color: transparent; */
  visibility: hidden;
  margin-left: -0.9em;
}

p.drop-cap2:first-letter
{ /* uncomment the next line if you are using this code for image dropcaps */
/*  color: transparent; */
  visibility: hidden;
  margin-left: -0.7em;
}

/* Footnotes */
.footnotes        {border: dashed 1px;}

.footnote         {margin-left: 10%; margin-right: 10%; font-size: 0.9em;}

.footnote .label  {position: absolute; right: 84%; text-align: right;}

.fnanchor {
    vertical-align: super;
    font-size: .8em;
    text-decoration:
    none;
}

/* Poetry */
.poetry-container
  {
  text-align: center;
  margin: -1em 0;
  }

.poetry
  {
  display: inline-block;
  text-align: left;
  }

.poetry .stanza {margin: 1em 0em 1em 0em;}

.poetry .verse
  {
  text-indent: -3em;
  padding-left: 3em;
  }

.poetry .indent2 {text-indent: -2em;}
.poetry .indent4 {text-indent: -1em;}
.poetry .indent6 {text-indent: 0em;}
.poetry .indent8 {text-indent: 1em;}
.poetry .indent10 {text-indent: 2em;}
.poetry .indent12 {text-indent: 3em;}
.poetry .indent14 {text-indent: 4em;}
.poetry .indent16 {text-indent: 5em;}
.poetry .indent18 {text-indent: 6em;}


/* Transcriber's notes */
.transnote {background-color: #E6E6FA;
    color: black;
     font-size:smaller;
     padding:0.5em;
     margin-bottom:5em;
}

.screenonly { display: block; }
.handonly   { display: none; }
.covernote {visibility: hidden; display: none;}

@media handheld /* Place this at the end of the CSS */
{
  body
  {
    margin: 0;
    padding: 0;
    width: 95%;
  }

  .block-contents
  {
    display: block;
    margin-left: 1.5em;
  }

  .poetry
  {
    display: block;
    margin-left: 1.5em;
  }

  .chapter
  {
    page-break-before: always;
  }

  h2.no-break
  {
    page-break-before: avoid;
    padding-top: 0;
  }

/* on narrow handheld device, don't wrap text round images */
  div.figleft, div.figright {
    float: none;
    clear: both;
    margin: 2em auto;
    text-align: center;
    max-width: 100%;
  }

  img.drop-cap
  {
    display: none;
  }

  p.drop-cap:first-letter, p.drop-cap2:first-letter
  {
    color: inherit;
    visibility: visible;
    margin-left: 0;
  }
  .screenonly { display: none;  }
  .handonly   { display: block; }
  .covernote {visibility: visible; display: block;}
}
    </style>
  </head>
<body>