archive/net.sourceforge.phpeclipse.wiki/src/net/sourceforge/phpeclipse/wiki/actions/mediawiki/main.css

   1 /*\r
   2 ** Mediawiki 'monobook' style sheet for CSS2-capable browsers.\r
   3 ** Copyright Gabriel Wicke - http://wikidev.net/\r
   4 ** License: GPL\r
   5 **\r
   6 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John\r
   7 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,\r
   8 ** Michael Zeltner and Geir Bækholt)\r
   9 ** All you guys rock :)\r
  10 */\r
  11 \r
  12 #column-content {\r
  13     width: 100%;\r
  14     float: right;\r
  15     margin: 0 0 0.6em -12.2em;\r
  16     padding:0;\r
  17 }\r
  18 #content {\r
  19     margin: 2.8em 0 0 12.2em;\r
  20     padding: 0em 1em 1.5em 1em;\r
  21     background: White;\r
  22     border: 1px solid #aaaaaa;\r
  23     border-right: none;\r
  24     line-height: 1.5em;\r
  25     position: relative;\r
  26     z-index: 2;\r
  27 }\r
  28 #column-one { padding-top: 160px; }\r
  29 /* the left column width is specified in class .portlet */\r
  30 \r
  31 /* Font size:\r
  32 ** We take advantage of keyword scaling- browsers won't go below 9px\r
  33 ** More at http://www.w3.org/2003/07/30-font-size\r
  34 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html\r
  35 */\r
  36 \r
  37 body {\r
  38     font: x-small sans-serif;\r
  39     background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;\r
  40     color: Black;\r
  41     margin: 0;\r
  42     padding: 0;\r
  43 }\r
  44 \r
  45 /* scale back up to a sane default */\r
  46 #globalWrapper {\r
  47     font-size:127%;\r
  48     width: 100%;\r
  49     margin: 0;\r
  50     padding: 0;\r
  51 }\r
  52 .visualClear { clear: both; }\r
  53 \r
  54 /* general styles */\r
  55 \r
  56 table {\r
  57     font-size: 100%;\r
  58     background: White;\r
  59 }\r
  60 a {\r
  61     text-decoration: none;\r
  62     color: #002bb8;\r
  63     background: none;\r
  64 }\r
  65 a:visited { color: #5a3696; }\r
  66 a:active { color: Orange; }\r
  67 a:hover { text-decoration: underline; }\r
  68 a.stub { color: #772233; }\r
  69 a.new,\r
  70 #p-personal a.new { color:#ba0000; }\r
  71 a.new:visited,\r
  72 #p-personal a.new:visited { color:#a55858; }\r
  73 \r
  74 img {\r
  75     border: none;\r
  76     vertical-align: middle;\r
  77 }\r
  78 p {\r
  79     margin: 0.4em 0em 0.5em 0em;\r
  80     line-height: 1.5em;\r
  81 }\r
  82 \r
  83 p img { margin: 0; }\r
  84 \r
  85 hr {\r
  86     height: 1px;\r
  87     color: #aaaaaa;\r
  88     background-color: #aaaaaa;\r
  89     border: 0;\r
  90     margin: 0.2em 0 0.2em 0;\r
  91 }\r
  92 \r
  93 h1, h2, h3, h4, h5, h6 {\r
  94     color: Black;\r
  95     background: none;\r
  96     font-weight: normal;\r
  97     margin: 0;\r
  98     padding-top: 0.5em;\r
  99     padding-bottom: 0.17em;\r
 100     border-bottom: 1px solid #aaaaaa;\r
 101 }\r
 102 h1 { font-size: 188%; }\r
 103 h2 { font-size: 150%; }\r
 104 h3, h4, h5, h6 { \r
 105     border-bottom: none;\r
 106     font-weight: bold;\r
 107 }\r
 108 h3 { font-size: 132%; }\r
 109 h4 { font-size: 116%; }\r
 110 h5 { font-size: 100%; }\r
 111 h6 { font-size: 80%;  }\r
 112 \r
 113 ul { \r
 114     line-height: 1.5em;\r
 115     list-style-type: square;\r
 116     margin: 0.3em 0 0 1.5em;\r
 117     padding:0;\r
 118     list-style-image: url("bullet.gif");\r
 119 }\r
 120 ol {\r
 121     line-height: 1.5em;\r
 122     margin: 0.3em 0 0 3.2em;\r
 123     padding:0;\r
 124     list-style-image: none;\r
 125 }\r
 126 li { margin-bottom: 0.1em; }\r
 127 dt { \r
 128     font-weight: bold; \r
 129     margin-bottom: 0.1em;\r
 130 }\r
 131 dl{\r
 132     margin-top: 0.2em;\r
 133     margin-bottom: 0.5em;\r
 134 }\r
 135 dd {\r
 136     line-height: 1.5em;\r
 137     margin-left: 2em;\r
 138     margin-bottom: 0.1em;\r
 139 }\r
 140 \r
 141 fieldset {\r
 142     border: 1px solid #2f6fab;\r
 143     margin: 1em 0em 1em 0em;\r
 144     padding: 0em 1em 1em 1em;\r
 145     line-height: 1.5em;\r
 146 }\r
 147 legend {\r
 148     background: White;\r
 149     padding: 0.5em;\r
 150     font-size: 95%;\r
 151 }\r
 152 form {\r
 153     border: none;\r
 154     margin: 0;\r
 155 }\r
 156 \r
 157 textarea {\r
 158     border: 1px solid #2f6fab;  \r
 159     color: Black;\r
 160     background-color: white;\r
 161     width: 100%;\r
 162     padding: 0.1em;\r
 163     overflow: auto;\r
 164 }\r
 165 /* hide this from ie/mac and konq2.2 */\r
 166 @media All {\r
 167     head:first-child+body input {\r
 168         visibility: visible;\r
 169         border: 1px solid #2f6fab;  \r
 170         color: Black;\r
 171         background-color: white;\r
 172         vertical-align: middle;\r
 173         padding: 0.2em;\r
 174     }\r
 175 }\r
 176 input.historysubmit {\r
 177     padding: 0 0.3em 0.3em 0.3em !important;\r
 178     font-size: 94%;\r
 179     cursor: pointer;\r
 180     height: 1.7em !important;\r
 181     margin-left: 1.6em;\r
 182 }\r
 183 input[type="radio"],\r
 184 input[type="checkbox"] { border:none; }\r
 185 select {\r
 186     border: 1px solid #2f6fab;  \r
 187     color: Black;\r
 188     vertical-align: top;\r
 189 }\r
 190 abbr, acronym, .explain {\r
 191     border-bottom: 1px dotted Black;\r
 192     color: Black;\r
 193     background: none;\r
 194     cursor: help;\r
 195 }\r
 196 q {\r
 197     font-family: Times, "Times New Roman", serif;\r
 198     font-style: italic;\r
 199 }\r
 200 /* disabled for now\r
 201 blockquote {\r
 202     font-family: Times, "Times New Roman", serif;\r
 203     font-style: italic;\r
 204 }*/\r
 205 code { background-color: #f9f9f9; }\r
 206 pre {\r
 207     padding: 1em;\r
 208     border: 1px dashed #2f6fab;\r
 209     color: Black;\r
 210     background-color: #f9f9f9;\r
 211     line-height: 1.1em;\r
 212 }\r
 213 \r
 214 \r
 215 /*\r
 216 ** the main content area\r
 217 */\r
 218 \r
 219 #siteSub { display: none; }\r
 220 #contentSub {\r
 221     font-size: 84%;\r
 222     line-height: 1.2em;\r
 223     margin: 0 0 1.4em 1em;\r
 224     color: #7d7d7d;\r
 225     width: auto;\r
 226 }\r
 227 span.subpages { display: block; }\r
 228 \r
 229 /* Some space under the headers in the content area */\r
 230 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }\r
 231 #bodyContent h3,\r
 232 #bodyContent h4,\r
 233 #bodyContent h5 {\r
 234     margin-bottom: 0.3em;\r
 235 }\r
 236 .firstHeading { margin-bottom:0.1em; }\r
 237 \r
 238 /* user notification thing */\r
 239 .usermessage {\r
 240     background-color: #ffce7b;\r
 241     border: 1px solid #ffa500;\r
 242     color: Black;\r
 243     font-weight: bold;\r
 244     margin: 2em 0em 1em 0em;\r
 245     padding: 0.5em 1em;\r
 246     vertical-align: middle;\r
 247 }\r
 248 #siteNotice {\r
 249     text-align: center;\r
 250     font-size: 95%;\r
 251     padding: 0 0.9em 0 0.9em;\r
 252 }\r
 253 #siteNotice p { margin: none; padding: none; }\r
 254 .error {\r
 255     color: red;\r
 256     font-size: larger;\r
 257 }\r
 258 #catlinks {\r
 259     border:1px solid #aaaaaa;\r
 260     background-color:#f9f9f9;\r
 261     padding:5px;\r
 262     margin-top: 1em;\r
 263     clear: both;\r
 264 }\r
 265 /* currently unused, intended to be used by a metadata box\r
 266 in the bottom-right corner of the content area */\r
 267 .documentDescription {\r
 268     /* The summary text describing the document */\r
 269     font-weight: bold;\r
 270     display: block;\r
 271     margin: 1em 0em;\r
 272     line-height: 1.5em;\r
 273 }\r
 274 .documentByLine {\r
 275     text-align: right;\r
 276     font-size: 90%;\r
 277     clear: both;\r
 278     font-weight: normal;\r
 279     color: #76797c;\r
 280 }\r
 281 \r
 282 /* emulate center */\r
 283 .center {\r
 284     width: 100%;\r
 285     text-align: center;\r
 286 }\r
 287 *.center * {\r
 288     margin-left: auto;\r
 289     margin-right: auto;\r
 290 }\r
 291 /* small for tables and similar */\r
 292 .small, .small * { font-size: 94%; }\r
 293 table.small { font-size: 100% }\r
 294 \r
 295 /*\r
 296 ** content styles\r
 297 */\r
 298 \r
 299 #toc { \r
 300     /*border:1px solid #2f6fab;*/\r
 301     border:1px solid #aaaaaa;\r
 302     background-color:#f9f9f9;\r
 303     padding:5px;\r
 304     font-size: 95%;\r
 305 }\r
 306 #toc .tocindent { margin-left: 2em; }\r
 307 #toc .tocline { margin-bottom: 0px; }\r
 308 #toc p { margin: 0 }\r
 309 #toc .toctoggle { font-size: 94%; }\r
 310 #toc .editsection { \r
 311     margin-top: 0.7em; \r
 312     font-size: 94%;\r
 313 }\r
 314 \r
 315 /* images */\r
 316 div.floatright, table.floatright {\r
 317     clear: right;\r
 318     float: right; \r
 319     margin: 0;\r
 320     position: relative;\r
 321     border: 0.5em solid White;\r
 322     border-width: 0.5em 0 0.8em 1.4em;\r
 323 }\r
 324 div.floatright p { font-style: italic; } \r
 325 div.floatleft, table.floatleft {\r
 326     float: left; \r
 327     margin: 0.3em 0.5em 0.5em 0;\r
 328     position: relative;\r
 329     border: 0.5em solid White;\r
 330     border-width: 0.5em 1.4em 0.8em 0;\r
 331 }\r
 332 div.floatleft p { font-style: italic; } \r
 333 /* thumbnails */\r
 334 div.thumb {\r
 335     margin-bottom: 0.5em;\r
 336     border-style: solid; border-color: White;\r
 337     width: auto;\r
 338 }\r
 339 div.thumb div {\r
 340     border:1px solid #cccccc;\r
 341     padding: 3px !important;\r
 342     background-color:#f9f9f9;\r
 343     font-size: 94%;\r
 344     text-align: center;\r
 345     overflow: hidden;\r
 346 }\r
 347 div.thumb div a img {\r
 348     border:1px solid #cccccc;\r
 349 }\r
 350 div.thumb div div.thumbcaption {\r
 351     border: none;\r
 352     text-align: left;\r
 353     line-height: 1.4;\r
 354     padding: 0.3em 0 0.1em 0;\r
 355 }\r
 356 div.magnify {\r
 357     float: right;\r
 358     border: none !important;\r
 359     background: none !important;\r
 360 }\r
 361 div.magnify a, div.magnify img {\r
 362     display: block;\r
 363     border: none !important;\r
 364     background: none !important;\r
 365 }\r
 366 div.tright {\r
 367     clear: right;\r
 368     float: right;\r
 369     border-width: 0.5em 0 0.8em 1.4em;\r
 370 }\r
 371 div.tleft {\r
 372     float: left;\r
 373     margin-right:0.5em;\r
 374     border-width: 0.5em 1.4em 0.8em 0;\r
 375 }\r
 376 .urlexpansion,\r
 377 .hiddenStructure {\r
 378     display: none;\r
 379 }\r
 380 img.tex { vertical-align: middle; }\r
 381 span.texhtml { font-family: serif; }\r
 382 \r
 383 /*\r
 384 ** classes for special content elements like town boxes\r
 385 ** intended to be referenced directly from the wiki src\r
 386 */\r
 387 \r
 388 /*\r
 389 ** User styles\r
 390 */\r
 391 /* table standards */\r
 392 table.rimage {\r
 393     float:right; \r
 394     position:relative;\r
 395     margin-left:1em; \r
 396     margin-bottom:1em;\r
 397     text-align:center;\r
 398 }\r
 399 .toccolours { \r
 400     border:1px solid #aaaaaa;\r
 401     background-color:#f9f9f9;\r
 402     padding:5px;\r
 403     font-size: 95%;\r
 404 }\r
 405 div.townBox {\r
 406     position:relative;\r
 407     float:right;\r
 408     background:White;\r
 409     margin-left:1em;\r
 410     border: 1px solid Grey;\r
 411     padding:0.3em;\r
 412     width: 200px;\r
 413     overflow: hidden;\r
 414     clear: right;\r
 415 }\r
 416 div.townBox dl {\r
 417     padding: 0;\r
 418     margin: 0 0 0.3em 0; \r
 419     font-size: 96%;\r
 420 }\r
 421 div.townBox dl dt {\r
 422     background: none;\r
 423     margin: 0.4em 0 0 0;\r
 424 }\r
 425 div.townBox dl dd {\r
 426     margin: 0.1em 0 0 1.1em;\r
 427     background-color: #f3f3f3;\r
 428 }\r
 429 \r
 430 /*\r
 431 ** edit views etc\r
 432 */\r
 433 .special li {\r
 434     line-height: 1.4em;\r
 435     margin: 0;\r
 436     padding: 0;\r
 437 }\r
 438 \r
 439 /* Page history styling */\r
 440 /* the auto-generated edit comments */\r
 441 .autocomment { color: gray; }\r
 442 #pagehistory span.user { \r
 443     margin-left: 1.4em;\r
 444     margin-right: 0.4em;\r
 445 }\r
 446 #pagehistory span.minor { font-weight: bold; }\r
 447 #pagehistory li { border: 1px solid White; }\r
 448 #pagehistory li.selected { \r
 449     background-color:#f9f9f9;\r
 450     border:1px dashed #aaaaaa;\r
 451 }\r
 452 /*\r
 453 ** Diff rendering\r
 454 */\r
 455 table.diff { background:white; }\r
 456 td.diff-otitle { background:#ffffff; }\r
 457 td.diff-ntitle { background:#ffffff; }\r
 458 td.diff-addedline { \r
 459     background:#ccffcc;\r
 460     font-size: smaller;\r
 461 }\r
 462 td.diff-deletedline { \r
 463     background:#ffffaa;\r
 464     font-size: smaller;\r
 465 }\r
 466 td.diff-context {\r
 467     background:#eeeeee;\r
 468     font-size: smaller;\r
 469 }\r
 470 span.diffchange { color: red; }\r
 471 \r
 472 /* \r
 473 ** keep the whitespace in front of the ^=, hides rule from konqueror\r
 474 ** this is css3, the validator doesn't like it when validating as css2 \r
 475 */\r
 476 #bodyContent a[href ^="http://"],\r
 477 #bodyContent a[href ^="gopher://"] {\r
 478     background: url(external.png) center right no-repeat;\r
 479     padding-right: 13px;\r
 480 }\r
 481 #bodyContent a[href ^="https://"],\r
 482 .link-https {\r
 483     background: url("lock_icon.gif") center right no-repeat;\r
 484     padding-right: 16px;\r
 485 }\r
 486 #bodyContent a[href ^="mailto:"],\r
 487 .link-mailto {\r
 488     background: url("mail_icon.gif") center right no-repeat;\r
 489     padding-right: 18px;\r
 490 }\r
 491 #bodyContent a[href ^="news://"] {\r
 492     background: url("news_icon.png") center right no-repeat;\r
 493     padding-right: 18px;\r
 494 }\r
 495 #bodyContent a[href ^="ftp://"],\r
 496 .link-ftp {\r
 497     background: url("file_icon.gif") center right no-repeat;\r
 498     padding-right: 18px;\r
 499 }\r
 500 #bodyContent a[href ^="irc://"],\r
 501 .link-irc {\r
 502     background: url("discussionitem_icon.gif")  center right no-repeat;\r
 503     padding-right: 18px;\r
 504 }\r
 505 /* disable interwiki styling */\r
 506 #bodyContent a.extiw,\r
 507 #bodyContent a.extiw:active {\r
 508     color: #3366bb;\r
 509     background: none;\r
 510     padding: 0;\r
 511 }\r
 512 #bodyContent a.external { color: #3366bb; }\r
 513 /* this can be used in the content area to switch off\r
 514 special external link styling */\r
 515 #bodyContent .plainlinks a {\r
 516     background: none !important;\r
 517     padding: 0;\r
 518 }\r
 519 /*\r
 520 ** Structural Elements\r
 521 */\r
 522 \r
 523 /*\r
 524 ** general portlet styles (elements in the quickbar)\r
 525 */\r
 526 .portlet {\r
 527     border: none;\r
 528     margin: 0 0 0.5em 0em;\r
 529     float: none;\r
 530     padding: 0;\r
 531     width: 11.6em;\r
 532     overflow: hidden;\r
 533 }\r
 534 .portlet h4 {\r
 535     font-size: 95%;\r
 536     font-weight: normal;\r
 537     white-space: nowrap;\r
 538 }\r
 539 .portlet h5 { \r
 540     background: transparent;\r
 541     padding: 0em 1em 0em 0.5em;\r
 542     text-transform: lowercase;\r
 543     display: inline;\r
 544     font-size: 91%;\r
 545     height: 1em;\r
 546     font-weight: normal;\r
 547     white-space: nowrap;\r
 548 }\r
 549 .portlet h6 { \r
 550     background: #ffae2e;\r
 551     border: 1px solid #2f6fab;\r
 552     border-style: solid solid none solid;\r
 553     padding: 0em 1em 0em 1em;\r
 554     text-transform: lowercase;\r
 555     display: block;\r
 556     font-size: 1em;\r
 557     height: 1.2em;\r
 558     font-weight: normal;\r
 559     white-space: nowrap;\r
 560 }\r
 561 .pBody {\r
 562     font-size: 95%;\r
 563     background: White;\r
 564     border-collapse: collapse;\r
 565     border: 1px solid #aaaaaa;\r
 566     padding: 0 0.8em 0.3em 0.5em;\r
 567 }\r
 568 .portlet h1, \r
 569 .portlet h2, \r
 570 .portlet h3, \r
 571 .portlet h4 {\r
 572     margin: 0;\r
 573     padding: 0;\r
 574 }\r
 575 .portlet ul {\r
 576     line-height: 1.5em;\r
 577     list-style-type: square;\r
 578     list-style-image: url("bullet.gif");\r
 579     font-size:95%;\r
 580 }\r
 581 .portlet li {\r
 582     padding:0;\r
 583     margin: 0 0 0 0;\r
 584     margin-bottom: 0;\r
 585 }\r
 586 \r
 587 /* \r
 588 ** Logo properties \r
 589 */\r
 590 \r
 591 #p-logo {\r
 592     z-index: 3;\r
 593     position:absolute; /*needed to use z-index */\r
 594     top: 0;\r
 595     left: 0;\r
 596     height: 155px;\r
 597     width: 12em;\r
 598     overflow: visible;\r
 599 }\r
 600 #p-logo h5 { display: none; }\r
 601 #p-logo a,\r
 602 #p-logo a:hover {\r
 603     display: block;\r
 604     height: 155px;\r
 605     width: 12.2em;\r
 606     background-repeat: no-repeat;\r
 607     background-position: 35% 50% !important;\r
 608     text-decoration: none;\r
 609 }\r
 610 \r
 611 /*\r
 612 ** the navigation portlet\r
 613 */\r
 614 \r
 615 #p-nav {\r
 616     position:relative;\r
 617     z-index:3;\r
 618 }\r
 619 \r
 620 /*\r
 621 ** Search portlet\r
 622 */\r
 623 #p-search {\r
 624     position:relative;\r
 625     z-index:3;\r
 626 }    \r
 627 #p-search .pBody {\r
 628     text-align: center;\r
 629 }\r
 630 input.searchButton {\r
 631     margin-top:1px;\r
 632     padding: 0 0.4em !important;\r
 633     font-size: 95%;\r
 634     cursor: pointer;\r
 635     background-color: White;\r
 636     border: 1px solid #2f6fab;  \r
 637 }\r
 638 #searchInput {\r
 639     border: 1px solid #2f6fab;  \r
 640     width:10.9em;\r
 641     margin: 0 0 0 0;\r
 642     font-size: 95%;\r
 643 }\r
 644 #p-search .pBody {\r
 645     padding: 0.5em 0.4em 0.4em 0.4em;\r
 646 }\r
 647 \r
 648 /* \r
 649 ** the personal toolbar\r
 650 */\r
 651 \r
 652 #p-personal {\r
 653     width:100%;\r
 654     white-space:nowrap;\r
 655     padding:0 0 0 0;\r
 656     margin:0;\r
 657     position:absolute;\r
 658     left:0px;\r
 659     top:0px;\r
 660     z-index: 0;\r
 661     border: none;\r
 662     background: none;\r
 663     overflow: visible;\r
 664     line-height: 1.2em;\r
 665 }\r
 666 \r
 667 #p-personal h5 {\r
 668     display:none;\r
 669 }\r
 670 #p-personal .portlet,\r
 671 #p-personal .pBody {\r
 672     padding:0;\r
 673     margin:0;\r
 674     border: none;\r
 675     z-index:0;\r
 676     overflow: visible;\r
 677     background: none;\r
 678 }\r
 679 /* this is the ul contained in the portlet */\r
 680 #p-personal ul {\r
 681     border: none;\r
 682     line-height: 1.4em;\r
 683     color: #2f6fab;\r
 684     padding: 0em 2em 0 3em;\r
 685     margin: 0;\r
 686     text-align: right;\r
 687     text-transform: lowercase;\r
 688     list-style: none;\r
 689     z-index:0;\r
 690     background: none;\r
 691 }\r
 692 #p-personal li {\r
 693     z-index:0;\r
 694     border:none;\r
 695     padding:0;\r
 696     display: inline;\r
 697     color: #2f6fab;\r
 698     margin-left: 1em;\r
 699     line-height: 1.2em;\r
 700     background: none;\r
 701 }\r
 702 #p-personal li a {\r
 703     text-decoration: none;\r
 704     color: #005896;\r
 705     padding-bottom: 0.2em;\r
 706     background: none;\r
 707 }\r
 708 #p-personal li a:hover {\r
 709     background-color: White;\r
 710     padding-bottom: 0.2em;\r
 711     text-decoration: none;\r
 712 }\r
 713 \r
 714 /* the icon in front of the user name, single quotes\r
 715 in bg url to hide it from iemac */\r
 716 li#pt-userpage,\r
 717 li#pt-anonuserpage,\r
 718 li#pt-login {\r
 719     background:  url('user.gif') top left no-repeat;\r
 720     background-repeat: no-repeat;\r
 721     padding-left: 20px;\r
 722     text-transform: none;\r
 723 }\r
 724 \r
 725 /*\r
 726 ** the page-related actions- page/talk, edit etc \r
 727 */\r
 728 #p-cactions {\r
 729     position:absolute;\r
 730     top: 1.3em;\r
 731     left: 11.5em;\r
 732     margin: 0;\r
 733     white-space:nowrap;\r
 734     width: 76%;\r
 735     line-height: 1.1em;\r
 736     overflow: visible;\r
 737     background: none;\r
 738     border-collapse: collapse;\r
 739     padding-left: 1em;\r
 740     list-style: none;\r
 741     font-size: 95%;\r
 742 }\r
 743 #p-cactions .hiddenStructure { display: none; }\r
 744 #p-cactions ul {\r
 745     list-style: none;\r
 746 }\r
 747 #p-cactions li {\r
 748     display: inline;\r
 749     border: 1px solid #aaaaaa;\r
 750     border-bottom: none;\r
 751     padding: 0 0 0.1em 0;\r
 752     margin: 0 0.3em 0 0;\r
 753     overflow: visible;\r
 754     background: White;\r
 755 }\r
 756 #p-cactions li.selected {\r
 757     border-color: #fabd23;\r
 758     padding: 0 0 0.2em 0;\r
 759 }\r
 760 #p-cactions li a {\r
 761     background-color: White;\r
 762     color: #002bb8;\r
 763     border: none;\r
 764     padding: 0 0.8em 0.3em 0.8em;\r
 765     text-decoration: none;\r
 766     text-transform: lowercase;\r
 767     position: relative;\r
 768     z-index: 0;\r
 769     margin: 0;\r
 770 }\r
 771 #p-cactions .selected a { z-index: 3; }\r
 772 #p-cactions .new a { color:#ba0000; }\r
 773 #p-cactions li a:hover {\r
 774     z-index: 3;\r
 775     text-decoration: none;\r
 776 }\r
 777 #p-cactions h5 { display: none; }\r
 778 #p-cactions li.istalk { margin-right: 0; }\r
 779 #p-cactions li.istalk a { padding-right: 0.5em; }\r
 780 #p-cactions #ca-addsection a { \r
 781     padding-left: 0.4em;\r
 782     padding-right: 0.4em;\r
 783 }\r
 784 /* offsets to distinguish the tab groups */\r
 785 li#ca-talk { margin-right: 1.6em; }\r
 786 li#ca-watch, li#ca-watch { margin-left: 1.6em; }\r
 787 \r
 788 \r
 789 /*\r
 790 ** the remaining portlets\r
 791 */\r
 792 #p-tbx,\r
 793 #p-lang {\r
 794     position:relative;\r
 795     z-index:3;\r
 796 }\r
 797 \r
 798 /*\r
 799 ** footer\r
 800 */\r
 801 #footer {\r
 802     background-color: White;\r
 803     border-top: 1px solid #fabd23;\r
 804     border-bottom: 1px solid #fabd23;\r
 805     margin: 0.6em 0em 1em 0em;\r
 806     padding: 0.4em 0em 1.2em 0em;\r
 807     text-align: center;\r
 808     font-size: 90%;\r
 809 }\r
 810 #footer li {\r
 811     display: inline;\r
 812     margin: 0 1.3em;\r
 813 }\r
 814 /* hide from incapable browsers */\r
 815 head:first-child+body #footer li { white-space: nowrap; }\r
 816 #f-poweredbyico, #f-copyrightico {\r
 817     margin: 0 8px;\r
 818     position: relative;\r
 819     top: -2px; /* Bump it up just a tad */\r
 820 }\r
 821 #f-poweredbyico {\r
 822     float: right;\r
 823     height: 1%;\r
 824 }\r
 825 #f-copyrightico {\r
 826     float: left;\r
 827     height: 1%;\r
 828 }\r
 829 \r
 830 /* js pref toc */\r
 831 #preftoc { \r
 832     float: left;\r
 833     margin: 1em 1em 1em 1em;\r
 834     width: 13em;\r
 835 }\r
 836 #preftoc li { border: 1px solid White; }\r
 837 #preftoc li.selected { \r
 838     background-color:#f9f9f9;\r
 839     border:1px dashed #aaaaaa;\r
 840 }\r
 841 #preftoc a,\r
 842 #preftoc a:active {\r
 843     display: block;\r
 844     color: #0014a6;\r
 845 }\r
 846 #prefcontrol { \r
 847     clear: both;\r
 848     float: left;\r
 849     margin-top: 1em;\r
 850 }\r
 851 div.prefsectiontip { \r
 852     font-size: 95%;\r
 853     margin-top: 1em;\r
 854 }\r
 855 fieldset.operaprefsection { margin-left: 15em }\r
 856 \r
 857 /* \r
 858 ** IE/Mac fixes, hope to find a validating way to move this\r
 859 ** to a separate stylesheet. This would work but doesn't validate: \r
 860 ** @import("IEMacFixes.css");\r
 861 */\r
 862 /* tabs: border on the a, not the div */\r
 863 * > html #p-cactions li { border:none; }\r
 864 * > html #p-cactions li a {\r
 865     border: 1px solid #aaaaaa;\r
 866     border-bottom: none;\r
 867 }\r
 868 * > html #p-cactions li.selected a { border-color: #fabd23; }\r
 869 /* footer icons need a fixed width */\r
 870 * > html #f-poweredbyico,\r
 871 * > html #f-copyrightico { width: 88px; }\r
 872 * > html #bodyContent,\r
 873 * > html #bodyContent pre {\r
 874     overflow-x: auto;\r
 875     width: 100%;\r
 876     padding-bottom: 25px;\r
 877 }\r
 878 \r
 879 /* more IE fixes */\r
 880 /* float/negative margin brokenness */\r
 881 * html #footer {margin-top: 0;}\r
 882 * html #column-content {\r
 883     display: inline;\r
 884     margin-bottom: 0;\r
 885 }\r
 886 * html div.editsection { font-size: smaller; }\r
 887 #pagehistory li.selected { position: relative; }\r
 888 \r
 889 /* Mac IE 5.0 fix; floated content turns invisible */\r
 890 * > html #column-content {\r
 891     float: none;\r
 892 }\r
 893 * > html #column-one {\r
 894     position: absolute;\r
 895     left: 0;\r
 896     top: 0;\r
 897 }\r
 898 * > html #footer {\r
 899     margin-left: 13.2em;\r
 900 }\r
 901 \r
 902 .printfooter {\r
 903         display: none;\r
 904 }\r
 905 \r
 906 .sharedUploadNotice {\r
 907         font-style: italic;\r
 908 }