skin/pukiwiki.css.php

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