Mercurial > hg > mpdl-group
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 23:e845310098ba | 25:e9fe3186670c |
|---|---|
| 1 /* general */ | |
| 2 .it { font-style:italic } /* DESpecs: _ _ and attribute "it" */ | |
| 3 .bf { font-weight:bold } /* DESpecs: <bf> */ | |
| 4 .sc { font-variant:small-caps } /* DESpecs: <sc> */ | |
| 5 .sub { vertical-align:sub; font-size:.8em } /* DESpecs: <_> */ /* line-height:1em; ? */ | |
| 6 .super { vertical-align:super; font-size:.8em } /* DESpecs: <^> */ | |
| 7 .sm { font-size:smaller } /* DESpecs: <sm>, if within <p> */ | |
| 8 .ul { text-decoration:underline } /* DESpecs: <ul> */ | |
| 9 .ol { text-decoration:overline } /* DESpecs: <ol> */ | |
| 10 .st { text-decoration:line-through } /* DESpecs: <st> */ | |
| 11 .red { color:red } /* DESpecs: <red> */ | |
| 12 .sp { letter-spacing:0.3em } /* DESpecs: <sp> */ /* "font-stretch:wider;" is deprecated */ | |
| 13 .center { text-align:center } | |
| 14 .fr { font-family:'Lucida blackletter'} /* preliminary representation of Fraktur */ | |
| 15 .rom { font-family:'default'} | |
| 16 | |
| 17 /* unused */ | |
| 18 .setoff { margin-left:2cm; margin-right:2cm } | |
| 19 | |
| 20 /* highlighting */ | |
| 21 .highlight { background-color:#D3D3D3; } /* LightGrey */ | |
| 22 div.highlight.elem { background-color:#D3D3D3; } /* LightGrey */ | |
| 23 span.highlight.elem { background-color:#D3D3D3; } /* LightGrey */ | |
| 24 span.highlight.hit { background-color:#77DD77; } /* pastell green */ | |
| 25 span.hit.highlight { background-color:#77DD77; } /* pastell green */ | |
| 26 | |
| 27 /* about */ | |
| 28 span.about {float:right;} | |
| 29 | |
| 30 /* query results */ | |
| 31 span.query { font-weight:bold; font-size:150%; } | |
| 32 span.result { display:none } | |
| 33 tr.hit { vertical-align: top; } | |
| 34 td.hitNum { display:inline-block; } | |
| 35 td.hitLink { margin-left:1%; display:inline-block; width:30%; } | |
| 36 td.hitContent { display:inline-block; width:90%; } | |
| 37 | |
| 38 /* xml presentation */ | |
| 39 span.xml.elementName { font-weight:bold;color:purple; } | |
| 40 span.xml.attributeName { font-weight:bold; } | |
| 41 span.xml.attributeValue { color:blue; } | |
| 42 span.xml.comment { color:green; font-style:italic; } | |
| 43 ul.xml.element { margin-left:0px;padding-left:8px } | |
| 44 ul.xml.element.highlight { background-color:#D3D3D3; } /* LightGrey */ | |
| 45 | |
| 46 /* divs */ | |
| 47 div.float.none { | |
| 48 margin-left:10%; | |
| 49 } | |
| 50 div.float.right { | |
| 51 float:right; | |
| 52 clear:both; | |
| 53 margin-right:10% | |
| 54 } | |
| 55 | |
| 56 /* page breaks */ | |
| 57 span.pb { | |
| 58 display:none; | |
| 59 } | |
| 60 | |
| 61 /* Figures */ | |
| 62 span.figure { | |
| 63 display: block; | |
| 64 width: 200px; | |
| 65 margin-top: 0.5em; | |
| 66 margin-bottom: 0.5em; | |
| 67 padding: 5px; | |
| 68 border: 1px dashed silver; | |
| 69 } | |
| 70 span.figureNumber { | |
| 71 } | |
| 72 span.figureNum { | |
| 73 display:none; | |
| 74 } | |
| 75 span.figureNumText { | |
| 76 display: block; | |
| 77 } | |
| 78 span.caption { | |
| 79 } | |
| 80 span.description { | |
| 81 display: block; | |
| 82 } | |
| 83 span.variables { | |
| 84 display: block; | |
| 85 } | |
| 86 | |
| 87 span.handwritten { | |
| 88 } | |
| 89 | |
| 90 /* toc elements */ | |
| 91 div.tocItem { | |
| 92 float:left; | |
| 93 width:90%; | |
| 94 } | |
| 95 span.tocPageRef { | |
| 96 float:right; | |
| 97 vertical-align:top; | |
| 98 } | |
| 99 | |
| 100 /* paragraphs */ | |
| 101 div.p { | |
| 102 margin: 1.12em 0px; | |
| 103 } | |
| 104 | |
| 105 /* initials */ | |
| 106 span.initial { | |
| 107 float: left; | |
| 108 font-family: Georgia; | |
| 109 font-size: 250%; | |
| 110 line-height: 0.8em; | |
| 111 margin-right: 10px; | |
| 112 padding-top: 1px; | |
| 113 } | |
| 114 | |
| 115 /* small caps */ | |
| 116 span.sc { font-weight:bold; } | |
| 117 span.sc.it {font-weight:bold; font-style:italic; } | |
| 118 | |
| 119 /* variables and numbers */ | |
| 120 span.var { font-style:italic; } | |
| 121 span.var.segment { font-style:italic; text-decoration:overline; } | |
| 122 span.var.line { font-style:italic; text-decoration:underline; } | |
| 123 span.var.gnomon { font-style:italic; text-decoration:line-through; } | |
| 124 span.num { color:maroon } | |
| 125 | |
| 126 /* foreign languages */ | |
| 127 span.foreign { color:#006400; } | |
| 128 span.foreign a:link { color:#006400; } | |
| 129 span.foreign a:visited { color:#1B370D; } | |
| 130 span.foreign.el span.foreign.grc span.foreign.greek { color:#006400; } | |
| 131 span.foreign.en span.foreign.english { color:#006400; } | |
| 132 span.foreign.fr span.foreign.french { color:#006400; } | |
| 133 span.foreign.la span.foreign.latin { color:#006400; } | |
| 134 | |
| 135 /* quotes */ | |
| 136 span.q { font-style:italic; } | |
| 137 div.quote { margin-left:10px; font-style:italic; } | |
| 138 div.blockquote { margin-left:10px; font-style:normal; } | |
| 139 div.set-off { margin-left:10px; font-style:italic; } | |
| 140 | |
| 141 /* dictionary / terminology */ | |
| 142 span.term { color:purple; } /* Blue */ | |
| 143 span.entry { display:block; margin-bottom:20px;} | |
| 144 span.entryDiv { margin-left:2em; display:block; margin-bottom:0.5em; margin-top:0.5em;} | |
| 145 span.orth { font-weight:bold; } | |
| 146 span.mentioned { font-style:italic; } | |
| 147 | |
| 148 /* GIS elements */ | |
| 149 span.place { color:#0000FF; } /* Blue */ | |
| 150 span.person { color:#0000FF; } /* Blue */ | |
| 151 | |
| 152 /* sentence */ | |
| 153 span.s.highlight { background-color:#D3D3D3; } /* LightGrey */ | |
| 154 span.s:hover { background-color:#D3D3D3; } /* LightGrey */ | |
| 155 span.s.it { font-style:italic; } | |
| 156 | |
| 157 /* ref */ | |
| 158 span.ref a:link {text-decoration: underline; color: blue;} | |
| 159 span.ref a:visited {text-decoration: none; color: #800080;} | |
| 160 span.ref a:hover {text-decoration: underline; color: blue;} | |
| 161 | |
| 162 /* Links */ | |
| 163 a.dictionary:link {text-decoration: none; color: #892B06;} | |
| 164 a.dictionary:visited {text-decoration: none; color: #892B06;} | |
| 165 a.dictionary:hover {text-decoration: underline; color: #892B06;} | |
| 166 | |
| 167 /* Notes */ | |
| 168 span.note { font-style:italic; } | |
| 169 span.note span.noteSign {vertical-align:super; font-size:.8em; } | |
| 170 span.note span.noteBody span.noteSign {display:none;} | |
| 171 span.note.left { position:absolute; left:2em; width: 5em; font-style:normal; } | |
| 172 span.note.right { position:absolute; left:30em; width: 5em; font-style:normal; } | |
| 173 a.note { | |
| 174 color: blue; | |
| 175 margin-right: 0.2em; | |
| 176 } | |
| 177 a.note:before { | |
| 178 content: url('../images/linkback.png'); | |
| 179 margin-left: 0.1em; | |
| 180 margin-right: 0.2em; | |
| 181 } | |
| 182 a.note:link { text-decoration: none; } | |
| 183 a.note:visited { text-decoration: none; } | |
| 184 a.note:hover { text-decoration: underline; } | |
| 185 a.noteRef { | |
| 186 color: blue; | |
| 187 margin-right: 0.2em; | |
| 188 } | |
| 189 a.noteRef:before { | |
| 190 content: url('../images/linkto.png'); | |
| 191 margin-left: 0.1em; | |
| 192 margin-right: 0.2em; | |
| 193 } | |
| 194 a.noteRef:link { text-decoration: none; } | |
| 195 a.noteRef:visited { text-decoration: none; } | |
| 196 a.noteRef:hover { text-decoration: underline; } | |
| 197 /* | |
| 198 a:link {text-decoration: none;} | |
| 199 a:visited {text-decoration: none} | |
| 200 a:active {text-decoration: none} | |
| 201 a:hover {text-decoration: underline; color: red;} | |
| 202 */ | |
| 203 | |
| 204 /* table */ | |
| 205 table { margin-left:30px; } | |
| 206 | |
| 207 table.toc { width:100%; margin-left:1px; } | |
| 208 | |
| 209 /* page styling for generating PDF documents with Flying Saucer */ | |
| 210 div.pageHeaderTitle { | |
| 211 font-weight:bold; | |
| 212 text-align:center; | |
| 213 } | |
| 214 body { | |
| 215 counter-reset: pn; | |
| 216 } | |
| 217 div.page:before { | |
| 218 float:right; | |
| 219 font:11pt sans-serif; | |
| 220 font-weight:bold; | |
| 221 content:"[Page " counter(pn) "]"; | |
| 222 counter-increment:pn; | |
| 223 page:pdfPage; | |
| 224 clear:both; | |
| 225 } | |
| 226 div.page { | |
| 227 page-break-after:always; | |
| 228 page:pdfPage; | |
| 229 clear:both; | |
| 230 } | |
| 231 @page pdfPage { | |
| 232 size:A4; | |
| 233 margin-top:0.7cm; | |
| 234 margin-bottom:0.7cm; | |
| 235 margin-left:0.7cm; | |
| 236 margin-right:0.7cm; | |
| 237 padding:0.2cm; | |
| 238 border:thin solid #808080; | |
| 239 @top-left { font: 11pt sans-serif; padding-left: 0.2cm; padding-right: 1cm; font-weight:bold;}; | |
| 240 @top-right { font: 11pt sans-serif; white-space: nowrap; font-weight:bold;}; | |
| 241 @bottom-left { font: 11pt sans-serif; white-space: nowrap; font-weight:bold;}; | |
| 242 @bottom-right { font: 11pt sans-serif; white-space: nowrap; content: counter(page);}; | |
| 243 } | |
| 244 | |
| 245 div.tocPage { | |
| 246 page-break-after:always; | |
| 247 page:tocPage; | |
| 248 } | |
| 249 @page tocPage { | |
| 250 size:A4; | |
| 251 margin-top:0.7cm; | |
| 252 margin-bottom:0.7cm; | |
| 253 margin-left:0.7cm; | |
| 254 margin-right:0.7cm; | |
| 255 padding:0.2cm; | |
| 256 border:thin solid #808080; | |
| 257 @top-left { font: 11pt sans-serif; padding-left: 0.2cm; padding-right: 1cm; font-weight:bold;}; | |
| 258 @top-right { font: 11pt sans-serif; white-space: nowrap; font-weight:bold;}; | |
| 259 @bottom-left { font: 11pt sans-serif; white-space: nowrap; font-weight:bold;}; | |
| 260 @bottom-right { font: 11pt sans-serif; white-space: nowrap; content: counter(page);}; | |
| 261 } |
