skin/pukiwiki.css.php

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