skin/pukiwiki.css.php

   1 <?php
   2 /////////////////////////////////////////////////
   3 // PukiWiki - Yet another WikiWikiWeb clone.
   4 //
   5 // $Id: pukiwiki.css.php,v 1.6 2004/10/31 09:20:00 henoheno Exp $
   6 //
   7 header('Content-Type: text/css');
   8 if(ini_get('zlib.output_compression')) {
   9         header('Content-Encoding: gzip');
  10         header('Vary: Accept-Encoding');
  11 }
  12
  13 $charset = isset($_GET['charset']) ? $_GET['charset']  : '';
  14 $media   = isset($_GET['media'])   ? $_GET['media']    : '';
  15
  16 switch ($charset) {
  17         case 'Shift_JIS': break; /* this @charset is for Mozilla's bug */
  18         default: $charset ='iso-8859-1';
  19 }
  20 if ($media != 'print') $media = 'screen';
  21
  22 ?>
  23 @charset "<?php echo $charset ?>";
  24
  25 pre, dl, ol, p, blockquote
  26 {
  27         line-height:130%;
  28 }
  29
  30 blockquote
  31 {
  32         margin-left:32px;
  33 }
  34
  35 body,td
  36 {
  37         color:black;
  38         background-color:white;
  39         margin-left:2%;
  40         margin-right:2%;
  41         font-size:90%;
  42         font-family:verdana, arial, helvetica, Sans-Serif;
  43 }
  44
  45 a:link
  46 {
  47 <?php   if ($media == 'print') { ?>
  48         text-decoration: underline;
  49 <?php   } else { ?>
  50         color:#215dc6;
  51         background-color:inherit;
  52         text-decoration:none;
  53 <?php   } ?>
  54 }
  55
  56 a:active
  57 {
  58         color:#215dc6;
  59         background-color:#CCDDEE;
  60         text-decoration:none;
  61 }
  62
  63 a:visited
  64 {
  65 <?php   if ($media == 'print') { ?>
  66         text-decoration: underline;
  67 <?php   } else { ?>
  68         color:#a63d21;
  69         background-color:inherit;
  70         text-decoration:none;
  71 <?php   } ?>
  72 }
  73
  74 a:hover
  75 {
  76         color:#215dc6;
  77         background-color:#CCDDEE;
  78         text-decoration:underline;
  79 }
  80
  81 h1, h2
  82 {
  83         font-family:verdana, arial, helvetica, Sans-Serif;
  84         color:inherit;
  85         background-color:#DDEEFF;
  86         padding:.3em;
  87         border:0px;
  88         margin:0px 0px .5em 0px;
  89 }
  90 h3
  91 {
  92         font-family:verdana, arial, helvetica, Sans-Serif;
  93         border-bottom:  3px solid #DDEEFF;
  94         border-top:     1px solid #DDEEFF;
  95         border-left:   10px solid #DDEEFF;
  96         border-right:   5px solid #DDEEFF;
  97
  98         color:inherit;
  99         background-color:#FFFFFF;
 100         padding:.3em;
 101         margin:0px 0px .5em 0px;
 102 }
 103 h4
 104 {
 105         font-family:verdana, arial, helvetica, Sans-Serif;
 106         border-left:   18px solid #DDEEFF;
 107
 108         color:inherit;
 109         background-color:#FFFFFF;
 110         padding:.3em;
 111         margin:0px 0px .5em 0px;
 112 }
 113 h5, h6
 114 {
 115         font-family:verdana, arial, helvetica, Sans-Serif;
 116         color:inherit;
 117         background-color:#DDEEFF;
 118         padding:.3em;
 119         border:0px;
 120         margin:0px 0px .5em 0px;
 121 }
 122
 123 h1.title
 124 {
 125         font-size: 30px;
 126         font-weight:bold;
 127         background-color:transparent;
 128         padding: 12px 0px 0px 0px;
 129         border: 0px;
 130         margin: 12px 0px 0px 0px;
 131 }
 132
 133 dt
 134 {
 135         font-weight:bold;
 136         margin-top:1em;
 137         margin-left:1em;
 138 }
 139
 140 pre
 141 {
 142         border-top:#DDDDEE 1px solid;
 143         border-bottom:#888899 1px solid;
 144         border-left:#DDDDEE 1px solid;
 145         border-right:#888899 1px solid;
 146         padding:.5em;
 147         margin-left:1em;
 148         margin-right:2em;
 149         white-space:pre;
 150         color:black;
 151         background-color:#F0F8FF;
 152 }
 153
 154 img
 155 {
 156         border:none;
 157         vertical-align:middle;
 158 }
 159
 160 ul
 161 {
 162         margin-top:.5em;
 163         margin-bottom:.5em;
 164         line-height:130%;
 165 }
 166
 167 em
 168 {
 169         font-style:italic;
 170 }
 171
 172 strong
 173 {
 174         font-weight:bold;
 175 }
 176
 177 thead td.style_td,
 178 tfoot td.style_td
 179 {
 180         color:inherit;
 181         background-color:#D0D8E0;
 182 }
 183 thead th.style_th,
 184 tfoot th.style_th
 185 {
 186         color:inherit;
 187         background-color:#E0E8F0;
 188 }
 189 .style_table
 190 {
 191         padding:0px;
 192         border:0px;
 193         margin:auto;
 194         text-align:left;
 195         color:inherit;
 196         background-color:#ccd5dd;
 197 }
 198 .style_th
 199 {
 200         padding:5px;
 201         margin:1px;
 202         text-align:center;
 203         color:inherit;
 204         background-color:#EEEEEE;
 205 }
 206 .style_td
 207 {
 208         padding:5px;
 209         margin:1px;
 210         color:inherit;
 211         background-color:#EEF5FF;
 212 }
 213
 214 ul.list1
 215 {
 216         list-style-type:disc;
 217 }
 218 ul.list2
 219 {
 220         list-style-type:circle;
 221 }
 222 ul.list3
 223 {
 224         list-style-type:square;
 225 }
 226 ol.list1
 227 {
 228         list-style-type:decimal;
 229 }
 230 ol.list2
 231 {
 232         list-style-type:lower-roman;
 233 }
 234 ol.list3
 235 {
 236         list-style-type:lower-alpha;
 237 }
 238
 239 div.ie5
 240 {
 241         text-align:center;
 242 }
 243
 244 span.noexists
 245 {
 246         color:inherit;
 247         background-color:#FFFACC;
 248 }
 249
 250 .small
 251 {
 252         font-size:80%;
 253 }
 254
 255 .super_index
 256 {
 257         color:#DD3333;
 258         background-color:inherit;
 259         font-weight:bold;
 260         font-size:60%;
 261         vertical-align:super;
 262 }
 263
 264 a.note_super
 265 {
 266         color:#DD3333;
 267         background-color:inherit;
 268         font-weight:bold;
 269         font-size:60%;
 270         vertical-align:super;
 271 }
 272
 273 div.jumpmenu
 274 {
 275         font-size:60%;
 276         text-align:right;
 277 }
 278
 279 hr.full_hr
 280 {
 281         border-style:ridge;
 282         border-color:#333333;
 283         border-width:1px 0px;
 284 }
 285 hr.note_hr
 286 {
 287         width:90%;
 288         border-style:ridge;
 289         border-color:#333333;
 290         border-width:1px 0px;
 291         text-align:center;
 292         margin:1em auto 0em auto;
 293 }
 294
 295 span.size1
 296 {
 297         font-size:xx-small;
 298         line-height:130%;
 299         text-indent:0px;
 300         display:inline;
 301 }
 302 span.size2
 303 {
 304         font-size:x-small;
 305         line-height:130%;
 306         text-indent:0px;
 307         display:inline;
 308 }
 309 span.size3
 310 {
 311         font-size:small;
 312         line-height:130%;
 313         text-indent:0px;
 314         display:inline;
 315 }
 316 span.size4
 317 {
 318         font-size:medium;
 319         line-height:130%;
 320         text-indent:0px;
 321         display:inline;
 322 }
 323 span.size5
 324 {
 325         font-size:large;
 326         line-height:130%;
 327         text-indent:0px;
 328         display:inline;
 329 }
 330 span.size6
 331 {
 332         font-size:x-large;
 333         line-height:130%;
 334         text-indent:0px;
 335         display:inline;
 336 }
 337 span.size7
 338 {
 339         font-size:xx-large;
 340         line-height:130%;
 341         text-indent:0px;
 342         display:inline;
 343 }
 344
 345 /* html.php/catbody() */
 346 strong.word0
 347 {
 348         background-color:#FFFF66;
 349         color:black;
 350 }
 351 strong.word1
 352 {
 353         background-color:#A0FFFF;
 354         color:black;
 355 }
 356 strong.word2
 357 {
 358         background-color:#99FF99;
 359         color:black;
 360 }
 361 strong.word3
 362 {
 363         background-color:#FF9999;
 364         color:black;
 365 }
 366 strong.word4
 367 {
 368         background-color:#FF66FF;
 369         color:black;
 370 }
 371 strong.word5
 372 {
 373         background-color:#880000;
 374         color:white;
 375 }
 376 strong.word6
 377 {
 378         background-color:#00AA00;
 379         color:white;
 380 }
 381 strong.word7
 382 {
 383         background-color:#886800;
 384         color:white;
 385 }
 386 strong.word8
 387 {
 388         background-color:#004699;
 389         color:white;
 390 }
 391 strong.word9
 392 {
 393         background-color:#990099;
 394         color:white;
 395 }
 396
 397 /* html.php/edit_form() */
 398 .edit_form
 399 {
 400      clear:both;
 401 }
 402
 403 /* pukiwiki.skin.php */
 404 div#header
 405 {
 406         padding:0px;
 407         margin:0px;
 408 }
 409
 410 div#navigator
 411 {
 412 <?php   if ($media == 'print') { ?>
 413         display:none;
 414 <?php   } else { ?>
 415         clear:both;
 416         padding:4px 0px 0px 0px;
 417         margin:0px;
 418 <?php   } ?>
 419 }
 420
 421 td.menubar
 422 {
 423 <?php   if ($media == 'print') { ?>
 424         display:none;
 425 <?php   } else { ?>
 426         width:9em;
 427         vertical-align:top;
 428 <?php   } ?>
 429 }
 430
 431 div#menubar
 432 {
 433 <?php   if ($media == 'print') { ?>
 434         display:none;
 435 <?php   } else { ?>
 436         width:9em;
 437         padding:0px;
 438         margin:4px;
 439         word-break:break-all;
 440         font-size:90%;
 441         overflow:hidden;
 442 <?php   } ?>
 443 }
 444
 445 div#menubar ul
 446 {
 447         margin:0px 0px 0px .5em;
 448         padding:0px 0px 0px .5em;
 449 }
 450
 451 div#menubar ul li
 452 {
 453         line-height:110%;
 454 }
 455
 456 div#menubar h4
 457 {
 458         font-size:110%;
 459 }
 460
 461 div#body
 462 {
 463         padding:0px;
 464         margin:0px 0px 0px .5em;
 465 }
 466
 467 div#note
 468 {
 469         clear:both;
 470         padding:0px;
 471         margin:0px;
 472 }
 473
 474 div#attach
 475 {
 476 <?php   if ($media == 'print') { ?>
 477         display:none;
 478 <?php   } else { ?>
 479         clear:both;
 480         padding:0px;
 481         margin:0px;
 482 <?php   } ?>
 483 }
 484
 485 div#toolbar
 486 {
 487 <?php   if ($media == 'print') { ?>
 488         display:none;
 489 <?php   } else { ?>
 490         clear:both;
 491         padding:0px;
 492         margin:0px;
 493         text-align:right;
 494 <?php   } ?>
 495 }
 496
 497 div#lastmodified
 498 {
 499         font-size:80%;
 500         padding:0px;
 501         margin:0px;
 502 }
 503
 504 div#related
 505 {
 506 <?php   if ($media == 'print') { ?>
 507         display:none;
 508 <?php   } else { ?>
 509         font-size:80%;
 510         padding:0px;
 511         margin:16px 0px 0px 0px;
 512 <?php   } ?>
 513 }
 514
 515 div#footer
 516 {
 517         font-size:70%;
 518         padding:0px;
 519         margin:16px 0px 0px 0px;
 520 }
 521
 522 div#banner
 523 {
 524         float:right;
 525         margin-top:24px;
 526 }
 527
 528 div#preview
 529 {
 530         color:inherit;
 531         background-color:#F5F8FF;
 532 }
 533
 534 img#logo
 535 {
 536 <?php   if ($media == 'print') { ?>
 537         display:none;
 538 <?php   } else { ?>
 539         float:left;
 540         margin-right:20px;
 541 <?php   } ?>
 542 }
 543
 544 /* aname.inc.php */
 545 .anchor
 546 {
 547 }
 548 .anchor_super
 549 {
 550         font-size:xx-small;
 551         vertical-align:super;
 552 }
 553
 554 /* br.inc.php */
 555 br.spacer
 556 {
 557 }
 558
 559 /* calendar*.inc.php */
 560 .style_calendar
 561 {
 562         padding:0px;
 563         border:0px;
 564         margin:3px;
 565         color:inherit;
 566         background-color:#CCD5DD;
 567         text-align:center;
 568 }
 569
 570 .style_td_caltop
 571 {
 572         padding:5px;
 573         margin:1px;
 574         color:inherit;
 575         background-color:#EEF5FF;
 576         font-size:80%;
 577         text-align:center;
 578 }
 579
 580 .style_td_today
 581 {
 582         padding:5px;
 583         margin:1px;
 584         color:inherit;
 585         background-color:#FFFFDD;
 586         text-align:center;
 587 }
 588
 589 .style_td_sat
 590 {
 591         padding:5px;
 592         margin:1px;
 593         color:inherit;
 594         background-color:#DDE5FF;
 595         text-align:center;
 596 }
 597
 598 .style_td_sun
 599 {
 600         padding:5px;
 601         margin:1px;
 602         color:inherit;
 603         background-color:#FFEEEE;
 604         text-align:center;
 605 }
 606
 607 .style_td_blank
 608 {
 609         padding:5px;
 610         margin:1px;
 611         color:inherit;
 612         background-color:#EEF5FF;
 613         text-align:center;
 614 }
 615
 616 .style_td_day
 617 {
 618         padding:5px;
 619         margin:1px;
 620         color:inherit;
 621         background-color:#EEF5FF;
 622         text-align:center;
 623 }
 624
 625 .style_td_week
 626 {
 627         padding:5px;
 628         margin:1px;
 629         color:inherit;
 630         background-color:#DDE5EE;
 631         font-size:80%;
 632         font-weight:bold;
 633         text-align:center;
 634 }
 635
 636 /* clear.inc.php */
 637 .clear{
 638         margin:0px;
 639         clear:both;
 640 }
 641
 642 /* counter.inc.php */
 643 div.counter
 644 {
 645         font-size:70%;
 646 }
 647
 648 /* diff.inc.php */
 649 span.diff_added
 650 {
 651         color:blue;
 652         background-color:inherit;
 653 }
 654
 655 span.diff_removed
 656 {
 657         color:red;
 658         background-color:inherit;
 659 }
 660
 661 /* hr.inc.php */
 662 hr.short_line
 663 {
 664         text-align:center;
 665         width:80%;
 666         border-style:solid;
 667         border-color:#333333;
 668         border-width:1px 0px;
 669 }
 670
 671 /* include.inc.php */
 672 h5.side_label
 673 {
 674         text-align:center;
 675 }
 676
 677 /* navi.inc.php */
 678 ul.navi
 679 {
 680         margin:0px;
 681         padding:0px;
 682         text-align:center;
 683 }
 684
 685 li.navi_none
 686 {
 687         display:inline;
 688         float:none;
 689 }
 690
 691 li.navi_left
 692 {
 693         display:inline;
 694         float:left;
 695         text-align:left;
 696 }
 697
 698 li.navi_right
 699 {
 700         display:inline;
 701         float:right;
 702         text-align:right;
 703 }
 704
 705 /* new.inc.php */
 706 span.comment_date
 707 {
 708         font-size:x-small;
 709 }
 710 span.new1
 711 {
 712         color:red;
 713         background-color:transparent;
 714         font-size:x-small;
 715 }
 716 span.new5
 717 {
 718         color:green;
 719         background-color:transparent;
 720         font-size:xx-small;
 721 }
 722
 723 /* popular.inc.php */
 724 span.counter
 725 {
 726         font-size:70%;
 727 }
 728 ul.popular_list
 729 {
 730 <?php
 731 /*
 732         padding:0px;
 733         border:0px;
 734         margin:0px 0px 0px 1em;
 735         word-wrap:break-word;
 736         word-break:break-all;
 737 */
 738 ?>
 739 }
 740
 741 /* recent.inc.php,showrss.inc.php */
 742 ul.recent_list
 743 {
 744 <?php
 745 /*
 746         padding:0px;
 747         border:0px;
 748         margin:0px 0px 0px 1em;
 749         word-wrap:break-word;
 750         word-break:break-all;
 751 */
 752 ?>
 753 }
 754
 755 /* ref.inc.php */
 756 div.img_margin
 757 {
 758         margin-left:32px;
 759         margin-right:32px;
 760 }
 761
 762 /* vote.inc.php */
 763 td.vote_label
 764 {
 765         color:inherit;
 766         background-color:#FFCCCC;
 767 }
 768 td.vote_td1
 769 {
 770         color:inherit;
 771         background-color:#DDE5FF;
 772 }
 773 td.vote_td2
 774 {
 775         color:inherit;
 776         background-color:#EEF5FF;
 777 }