|
| 1 | +/* common.css - MoinMoin Default Styles |
| 2 | +
|
| 3 | +Copyright (c) 2001, 2002, 2003 by Juergen Hermann |
| 4 | +*/ |
| 5 | + |
| 6 | +/* content styles */ |
| 7 | + |
| 8 | + |
| 9 | +/* links */ |
| 10 | + |
| 11 | +a.nonexistent, a.badinterwiki {color: #404040;} |
| 12 | + |
| 13 | +a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;} |
| 14 | +a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;} |
| 15 | +a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;} |
| 16 | +a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;} |
| 17 | +a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;} |
| 18 | +a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;} |
| 19 | +a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;} |
| 20 | +a.telnet:before, a.ssh:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;} |
| 21 | +a.irc:before, a.ircs:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;} |
| 22 | +a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;} |
| 23 | +a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;} |
| 24 | +a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;} |
| 25 | +a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;} |
| 26 | + |
| 27 | + |
| 28 | +/* Headings */ |
| 29 | + |
| 30 | +li p { |
| 31 | + margin: .25em 0; |
| 32 | +} |
| 33 | + |
| 34 | +li.gap { |
| 35 | + margin-top: 0.5em; |
| 36 | +} |
| 37 | + |
| 38 | +a, img, img.drawing { |
| 39 | + border: 0; |
| 40 | +} |
| 41 | + |
| 42 | +dt { |
| 43 | + font-weight: bold; |
| 44 | +} |
| 45 | + |
| 46 | +pre { |
| 47 | + padding: 0.5em; |
| 48 | + font-family: courier, monospace; |
| 49 | + border: 1pt solid #dadada; |
| 50 | + background: #f5f5f5; |
| 51 | + white-space: pre; |
| 52 | + /* begin css 3 or browser specific rules - do not remove! |
| 53 | + see: http://forums.techguy.org/archive/index.php/t-249849.html */ |
| 54 | + white-space: pre-wrap; |
| 55 | + word-wrap: break-word; |
| 56 | + white-space: -moz-pre-wrap; |
| 57 | + white-space: -pre-wrap; |
| 58 | + white-space: -o-pre-wrap; |
| 59 | + /* end css 3 or browser specific rules */ |
| 60 | +} |
| 61 | + |
| 62 | +pre.comment { |
| 63 | + background-color: #CCCCCC; |
| 64 | + color: red; |
| 65 | + padding: 0; |
| 66 | + margin: 0; |
| 67 | + border: 0; |
| 68 | +} |
| 69 | + |
| 70 | +pre.comment:before { |
| 71 | + content: url(../img/attention.png); |
| 72 | +} |
| 73 | + |
| 74 | +/* .comment css definition must be top of .red/.green/.blue or it won't work */ |
| 75 | +.comment { color: #555555; background-color: #DDDDFF; } |
| 76 | + |
| 77 | +.red { background-color: #FFCCCC; } |
| 78 | +.green { background-color: #CCFFCC; } |
| 79 | +.blue { background-color: #CCCCFF; } |
| 80 | +.yellow { background-color: #FFF29F; } |
| 81 | +.orange { background-color: #FFD59B; } |
| 82 | + |
| 83 | +.solid { border: 2px solid #000000; padding: 2px; } |
| 84 | +.dashed { border: 2px dashed #000000; padding: 2px; } |
| 85 | +.dotted { border: 2px dotted #000000; padding: 2px; } |
| 86 | + |
| 87 | +.left { text-align: left; } |
| 88 | +.center { text-align: center; } |
| 89 | +.right { text-align: right; } |
| 90 | +.justify { text-align: justify; } |
| 91 | + |
| 92 | +table |
| 93 | +{ |
| 94 | + margin: 0.5em 0 0 0.5em; |
| 95 | + border-collapse: collapse; |
| 96 | +} |
| 97 | + |
| 98 | +th, td |
| 99 | +{ |
| 100 | + padding: 0.25em 0.5em 0.25em 0.5em; |
| 101 | + border: 1px solid tan; |
| 102 | +} |
| 103 | + |
| 104 | +td p { |
| 105 | + margin: 0; |
| 106 | + padding: 0; |
| 107 | +} |
| 108 | + |
| 109 | +#pagebottom {clear: both;} |
| 110 | + |
| 111 | +/* standard rule ---- */ |
| 112 | +hr { |
| 113 | + height: 1px; |
| 114 | + background-color: #c0c0c0; |
| 115 | + border: none; |
| 116 | +} |
| 117 | + |
| 118 | +/* custom rules ----- to ---------- */ |
| 119 | +.hr1 {height: 2px;} |
| 120 | +.hr2 {height: 3px;} |
| 121 | +.hr3 {height: 4px;} |
| 122 | +.hr4 {height: 5px;} |
| 123 | +.hr5 {height: 6px;} |
| 124 | +.hr6 {height: 7px;} |
| 125 | + |
| 126 | +/* Replacement for deprecated html 3 <u> element and html 4 <strike> */ |
| 127 | +.u {text-decoration: underline;} |
| 128 | +.strike {text-decoration: line-through;} |
| 129 | + |
| 130 | +/* TableOfContents macro */ |
| 131 | +div.table-of-contents { |
| 132 | + border: 1px solid #bbbbbb; |
| 133 | + color: black; |
| 134 | + background-color: #eeeeee; |
| 135 | + font-size: 80%; |
| 136 | + text-align: left; |
| 137 | + margin: 0.5em 0 0.5em 1em; |
| 138 | + padding: 0.5em 0.75em 0.5em 0.5em; |
| 139 | + max-width: 50%; |
| 140 | + display: inline-table; |
| 141 | +} |
| 142 | +div.table-of-contents ol { |
| 143 | + margin: 0; |
| 144 | + padding: 0 0 0 2em; |
| 145 | +} |
| 146 | +div.table-of-contents ul { |
| 147 | + margin: 0; |
| 148 | + list-style:none; |
| 149 | +} |
| 150 | +div.table-of-contents li { |
| 151 | + margin:0; |
| 152 | + padding: 0; |
| 153 | +} |
| 154 | +p.table-of-contents-heading { |
| 155 | + font-weight:bold; |
| 156 | + padding:0; |
| 157 | + margin: 0 0 0.5em 0; |
| 158 | + letter-spacing: 0.075em; |
| 159 | +} |
| 160 | + |
| 161 | +/* Navigation macro */ |
| 162 | +table.navigation { |
| 163 | + background: #fff; |
| 164 | + margin: 0; |
| 165 | +} |
| 166 | + |
| 167 | + |
| 168 | + |
| 169 | +.footnotes ol { |
| 170 | + padding: 0 2em; |
| 171 | + margin: 0 0 1em; |
| 172 | +} |
| 173 | + |
| 174 | +.footnotes li { |
| 175 | + list-style: none; |
| 176 | +} |
| 177 | + |
| 178 | +.info { |
| 179 | + float: right; |
| 180 | + font-size: 0.7em; |
| 181 | + color: gray; |
| 182 | +} |
| 183 | + |
| 184 | +#pageinfo { |
| 185 | + margin-top: 2em; |
| 186 | +} |
| 187 | + |
| 188 | +/* eye catchers */ |
| 189 | +.warning |
| 190 | +{ |
| 191 | + color: red; |
| 192 | +} |
| 193 | + |
| 194 | +.error |
| 195 | +{ |
| 196 | + color: red; |
| 197 | +} |
| 198 | + |
| 199 | +strong.highlight |
| 200 | +{ |
| 201 | + background-color: #ffcc99; |
| 202 | + padding: 1pt; |
| 203 | +} |
| 204 | + |
| 205 | +#credits img { |
| 206 | + vertical-align: middle; |
| 207 | +} |
| 208 | + |
| 209 | +/* Recent changes */ |
| 210 | + |
| 211 | +.recentchanges p { |
| 212 | + margin: 0.25em; |
| 213 | +} |
| 214 | + |
| 215 | +.recentchanges td { |
| 216 | + vertical-align: top; |
| 217 | + border: none; |
| 218 | + border-bottom: 1pt solid #F0ECE6; |
| 219 | + background: #F7F6F2; |
| 220 | +} |
| 221 | + |
| 222 | +.rcdaybreak td { |
| 223 | + background: tan; |
| 224 | + border: none; |
| 225 | +} |
| 226 | + |
| 227 | +.rcdaybreak td a { |
| 228 | + font-size: 0.88em; |
| 229 | +} |
| 230 | + |
| 231 | +.rcicon1, .rcicon2 { |
| 232 | + text-align: center; |
| 233 | +} |
| 234 | + |
| 235 | +.rcpagelink { |
| 236 | + width: 33%; |
| 237 | +} |
| 238 | + |
| 239 | +.rctime { |
| 240 | + font-size: 0.88em; |
| 241 | + white-space: nowrap; |
| 242 | +} |
| 243 | + |
| 244 | +.rceditor { |
| 245 | + white-space: nowrap; |
| 246 | + font-size: 0.88em; |
| 247 | +} |
| 248 | + |
| 249 | +.rccomment { |
| 250 | + width: 50%; |
| 251 | + color: gray; |
| 252 | + font-size: 0.88em; |
| 253 | +} |
| 254 | + |
| 255 | +.rcrss { |
| 256 | + float: right; |
| 257 | +} |
| 258 | + |
| 259 | +.recentchanges[dir="rtl"] .rcrss { |
| 260 | + float: left; |
| 261 | +} |
| 262 | + |
| 263 | +/* User Preferences */ |
| 264 | + |
| 265 | +.userpref table, .userpref td { |
| 266 | + border: none; |
| 267 | +} |
| 268 | + |
| 269 | + |
| 270 | +/* CSS for new code_area markup used by Colorizer and ParserBase */ |
| 271 | + |
| 272 | +div.codearea { /* the div makes the border */ |
| 273 | + margin: 0.5em 0; |
| 274 | + padding: 0; |
| 275 | + border: 1pt solid #AEBDCC; |
| 276 | + background-color: #F3F5F7; |
| 277 | + color: black; |
| 278 | +} |
| 279 | + |
| 280 | +div.codearea pre { /* the pre has no border and is inside the div */ |
| 281 | + margin: 0; |
| 282 | + padding: 10pt; |
| 283 | + border: none; |
| 284 | +} |
| 285 | + |
| 286 | +a.codenumbers { /* format of the line numbering link */ |
| 287 | + margin: 0 10pt; |
| 288 | + font-size: 0.85em; |
| 289 | + color: gray; |
| 290 | +} |
| 291 | + |
| 292 | +/* format of certain syntax spans */ |
| 293 | +div.codearea pre span.LineNumber {color: gray;} |
| 294 | +div.codearea pre span.ID {color: #000000;} |
| 295 | +div.codearea pre span.Operator {color: #0000C0;} |
| 296 | +div.codearea pre span.Char {color: #004080;} |
| 297 | +div.codearea pre span.Comment {color: #008000;} |
| 298 | +div.codearea pre span.Number {color: #0080C0;} |
| 299 | +div.codearea pre span.String {color: #004080;} |
| 300 | +div.codearea pre span.SPChar {color: #0000C0;} |
| 301 | +div.codearea pre span.ResWord {color: #A00000;} |
| 302 | +div.codearea pre span.ConsWord {color: #008080; font-weight: bold;} |
| 303 | +div.codearea pre span.Error {color: #FF8080; border: solid 1.5pt #FF0000;} |
| 304 | +div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold;} |
| 305 | +div.codearea pre span.Special {color: #0000ff;} |
| 306 | +div.codearea pre span.Preprc {color: #803999;} |
| 307 | + |
| 308 | +/* for diff parser */ |
| 309 | +div.codearea pre span.DiffAdded {color: #4876FF;} |
| 310 | +div.codearea pre span.DiffRemoved {color: #FF0000;} |
| 311 | +div.codearea pre span.DiffChanged {color: #FF7F50;} |
| 312 | +div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold} |
| 313 | + |
| 314 | +/* MonthCalendar css */ |
| 315 | + |
| 316 | +/* days without and with pages linked to them */ |
| 317 | +a.cal-emptyday { |
| 318 | + color: #777777; |
| 319 | + text-align: center; |
| 320 | +} |
| 321 | +a.cal-usedday { |
| 322 | + color: #000000; |
| 323 | + font-weight: bold; |
| 324 | + text-align: center; |
| 325 | +} |
| 326 | +/* general stuff: workdays, weekend, today */ |
| 327 | +td.cal-workday { |
| 328 | + background-color: #DDDDFF; |
| 329 | + text-align: center; |
| 330 | +} |
| 331 | +td.cal-weekend { |
| 332 | + background-color: #FFDDDD; |
| 333 | + text-align: center; |
| 334 | +} |
| 335 | +td.cal-today { |
| 336 | + background-color: #CCFFCC; |
| 337 | + border-style: solid; |
| 338 | + border-width: 2pt; |
| 339 | + text-align: center; |
| 340 | +} |
| 341 | +/* invalid places on the monthly calendar sheet */ |
| 342 | +td.cal-invalidday { |
| 343 | + background-color: #CCCCCC; |
| 344 | +} |
| 345 | +/* links to prev/next month/year */ |
| 346 | +a.cal-link { |
| 347 | + color: #000000; |
| 348 | + text-decoration: none; |
| 349 | +} |
| 350 | +th.cal-header { |
| 351 | + background-color: #DDBBFF; |
| 352 | + text-align: center; |
| 353 | +} |
| 354 | + |
| 355 | +/* for MonthCalendar mouseover info boxes */ |
| 356 | +TABLE.tip { |
| 357 | + color: black; |
| 358 | + background-color: #FF8888; |
| 359 | + font-size: small; |
| 360 | + font-weight: normal; |
| 361 | + border-style: solid; |
| 362 | + border-width: 1px; |
| 363 | +} |
| 364 | + |
| 365 | +TH.tip { |
| 366 | + background-color: #FF4444; |
| 367 | + font-weight: bold; |
| 368 | + text-align: center; |
| 369 | +} |
| 370 | + |
| 371 | +TD.tip { |
| 372 | + text-align: left; |
| 373 | +} |
| 374 | +*[dir="rtl"] TD.tip { |
| 375 | + text-align: right; |
| 376 | +} |
| 377 | + |
| 378 | +/* end MonthCalendar stuff */ |
| 379 | + |
| 380 | +#message .hint {font-style: italic;} |
| 381 | +#message .info { |
| 382 | + float: none; |
| 383 | + font-size: 1em; |
| 384 | + color: black; |
| 385 | +} |
| 386 | +#message .info:before {content: url('../img/icon-info.png'); margin: 0 0.2em;} |
| 387 | +#message .warning:before {content: url('../img/alert.png'); margin: 0 0.2em;} |
| 388 | +#message .error:before {content: url('../img/icon-error.png'); margin: 0 0.2em;} |
| 389 | + |
0 commit comments