view software/mpdl-services-new/mpiwg-mpdl-cms-web/WebContent/css/page.css @ 25:e9fe3186670c default tip

letzter Stand eingecheckt
author Josef Willenborg <jwillenborg@mpiwg-berlin.mpg.de>
date Tue, 21 May 2013 10:19:32 +0200
parents
children
line wrap: on
line source

/* general */
.it        { font-style:italic }                    /* DESpecs: _ _ and attribute "it" */
.bf        { font-weight:bold }                     /* DESpecs: <bf> */
.sc        { font-variant:small-caps }              /* DESpecs: <sc> */
.sub       { vertical-align:sub; font-size:.8em }   /* DESpecs: <_>  */ /* line-height:1em; ? */
.super     { vertical-align:super; font-size:.8em } /* DESpecs: <^> */
.sm        { font-size:smaller }                    /* DESpecs: <sm>, if within <p> */
.ul        { text-decoration:underline }            /* DESpecs: <ul> */
.ol        { text-decoration:overline }             /* DESpecs: <ol> */
.st        { text-decoration:line-through }         /* DESpecs: <st> */
.red       { color:red }                            /* DESpecs: <red> */
.sp        { letter-spacing:0.3em }                 /* DESpecs: <sp> */  /* "font-stretch:wider;" is deprecated */
.center    { text-align:center }
.fr        { font-family:'Lucida blackletter'}     /* preliminary representation of Fraktur */
.rom       { font-family:'default'}

/* unused */
.setoff    { margin-left:2cm; margin-right:2cm }

/* highlighting    */
.highlight { background-color:#D3D3D3; }  /* LightGrey    */
div.highlight.elem { background-color:#D3D3D3; }  /* LightGrey    */
span.highlight.elem { background-color:#D3D3D3; }  /* LightGrey    */
span.highlight.hit { background-color:#77DD77; }  /* pastell green  */
span.hit.highlight { background-color:#77DD77; }  /* pastell green  */

/* about      */
span.about {float:right;}

/* query results  */
span.query { font-weight:bold; font-size:150%; }
span.result { display:none }
tr.hit { vertical-align: top; }
td.hitNum { display:inline-block; }
td.hitLink { margin-left:1%; display:inline-block; width:30%; }
td.hitContent { display:inline-block; width:90%; }

/* xml presentation    */
span.xml.elementName { font-weight:bold;color:purple; }
span.xml.attributeName { font-weight:bold; }
span.xml.attributeValue { color:blue; }
span.xml.comment { color:green; font-style:italic; }
ul.xml.element { margin-left:0px;padding-left:8px }
ul.xml.element.highlight { background-color:#D3D3D3; }      /* LightGrey    */

/* divs */
div.float.none {
  margin-left:10%; 
} 
div.float.right {
  float:right;
  clear:both;
  margin-right:10%
}

/* page breaks */
span.pb {
  display:none;
}

/* Figures  */
span.figure {
  display: block;
  width: 200px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 5px;
  border: 1px dashed silver;
}
span.figureNumber {
} 
span.figureNum {
  display:none;
} 
span.figureNumText {
  display: block;
} 
span.caption {
} 
span.description {
  display: block;
} 
span.variables {
  display: block;
} 

span.handwritten {
} 

/* toc elements    */
div.tocItem { 
  float:left; 
  width:90%;        
}
span.tocPageRef {   
  float:right; 
  vertical-align:top;
}

/* paragraphs     */
div.p { 
  margin: 1.12em 0px;
}

/* initials     */
span.initial {
   float: left;
   font-family: Georgia;
   font-size: 250%;
   line-height: 0.8em; 
   margin-right: 10px;
   padding-top: 1px;
}

/* small caps */
span.sc { font-weight:bold; }
span.sc.it {font-weight:bold; font-style:italic; }

/* variables and numbers */
span.var { font-style:italic; }
span.var.segment { font-style:italic; text-decoration:overline; }
span.var.line    { font-style:italic; text-decoration:underline; }
span.var.gnomon  { font-style:italic; text-decoration:line-through; }
span.num   { color:maroon }

/* foreign languages     */
span.foreign { color:#006400; }
span.foreign a:link { color:#006400; }
span.foreign a:visited { color:#1B370D; }
span.foreign.el span.foreign.grc span.foreign.greek { color:#006400; } 
span.foreign.en span.foreign.english { color:#006400; }  
span.foreign.fr span.foreign.french { color:#006400; } 
span.foreign.la span.foreign.latin { color:#006400; } 

/* quotes */
span.q     { font-style:italic; }
div.quote { margin-left:10px; font-style:italic; }
div.blockquote { margin-left:10px; font-style:normal; }
div.set-off { margin-left:10px; font-style:italic; }

/* dictionary / terminology     */
span.term { color:purple; }  /* Blue   */
span.entry { display:block; margin-bottom:20px;}
span.entryDiv { margin-left:2em; display:block; margin-bottom:0.5em; margin-top:0.5em;}
span.orth { font-weight:bold; }
span.mentioned { font-style:italic; }

/* GIS elements    */
span.place { color:#0000FF; }  /* Blue   */
span.person  { color:#0000FF; }  /* Blue   */

/* sentence    */
span.s.highlight { background-color:#D3D3D3; }  /* LightGrey    */
span.s:hover { background-color:#D3D3D3; }      /* LightGrey    */
span.s.it { font-style:italic; }

/* ref               */
span.ref a:link {text-decoration: underline; color: blue;}
span.ref a:visited {text-decoration: none; color: #800080;}
span.ref a:hover {text-decoration: underline; color: blue;}

/* Links   */
a.dictionary:link {text-decoration: none; color: #892B06;}
a.dictionary:visited {text-decoration: none; color: #892B06;}
a.dictionary:hover {text-decoration: underline; color: #892B06;}

/* Notes  */
span.note { font-style:italic; }
span.note span.noteSign {vertical-align:super; font-size:.8em; }
span.note span.noteBody span.noteSign {display:none;}
span.note.left { position:absolute; left:2em; width: 5em; font-style:normal; }
span.note.right { position:absolute; left:30em; width: 5em; font-style:normal; } 
a.note {
  color: blue;
  margin-right: 0.2em;
}
a.note:before {
  content: url('../images/linkback.png');
  margin-left: 0.1em;
  margin-right: 0.2em;
}
a.note:link { text-decoration: none; }
a.note:visited { text-decoration: none; }
a.note:hover { text-decoration: underline; }
a.noteRef {
  color: blue;
  margin-right: 0.2em;
}
a.noteRef:before {
  content: url('../images/linkto.png');
  margin-left: 0.1em;
  margin-right: 0.2em;
}
a.noteRef:link { text-decoration: none; }
a.noteRef:visited { text-decoration: none; }
a.noteRef:hover { text-decoration: underline; }
/*
a:link {text-decoration: none;}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: red;}
 */

/* table     */
table { margin-left:30px; }

table.toc { width:100%; margin-left:1px; }

/* page styling for generating PDF documents with Flying Saucer */
div.pageHeaderTitle {
  font-weight:bold;
  text-align:center;
}
body {
    counter-reset: pn; 
}
div.page:before {
  float:right;
  font:11pt sans-serif;
  font-weight:bold;
  content:"[Page " counter(pn) "]";
  counter-increment:pn;
  page:pdfPage;
  clear:both;
}
div.page {
  page-break-after:always;
  page:pdfPage;
  clear:both;
}
@page pdfPage {
  size:A4;
  margin-top:0.7cm;
  margin-bottom:0.7cm;
  margin-left:0.7cm;
  margin-right:0.7cm;
  padding:0.2cm;
  border:thin solid #808080;
    @top-left { font: 11pt sans-serif; padding-left: 0.2cm; padding-right: 1cm; font-weight:bold;};
    @top-right { font: 11pt sans-serif;  white-space: nowrap; font-weight:bold;};
    @bottom-left { font: 11pt sans-serif;  white-space: nowrap; font-weight:bold;};
    @bottom-right { font: 11pt sans-serif;  white-space: nowrap; content: counter(page);};
}

div.tocPage {
  page-break-after:always;
  page:tocPage;
}
@page tocPage {
  size:A4;
  margin-top:0.7cm;
  margin-bottom:0.7cm;
  margin-left:0.7cm;
  margin-right:0.7cm;
  padding:0.2cm;
  border:thin solid #808080;
    @top-left { font: 11pt sans-serif; padding-left: 0.2cm; padding-right: 1cm; font-weight:bold;};
    @top-right { font: 11pt sans-serif;  white-space: nowrap; font-weight:bold;};
    @bottom-left { font: 11pt sans-serif;  white-space: nowrap; font-weight:bold;};
    @bottom-right { font: 11pt sans-serif;  white-space: nowrap; content: counter(page);};
}