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