skin/tdiary.css.php

   1 <?php
   2 // PukiWiki - Yet another WikiWikiWeb clone.
   3 // $Id: tdiary.css.php,v 1.5 2005/01/25 15:07:26 henoheno Exp $
   4 //
   5 // tDiary-css-wrapper
   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 // Color theme
  27 $color_theme = isset($_GET['color']) ? $_GET['color'] : '';
  28
  29 // Color theme: Design structure
  30 $c_background = $c_background2 = $c_background3 = $c_background4 = '';
  31 $c_line1 = $c_line2 = $c_preview = $c_color1 = $c_color2 = $c_color3 = $c_dangling = '';
  32 $_COLOR['.style_table']      = & $c_line1;
  33 $_COLOR['thead th.style_th'] = & $c_background4;
  34 $_COLOR['thead td.style_td'] = & $c_background3;
  35 $_COLOR['.style_th'   ]      = & $c_background2;
  36 $_COLOR['.style_td'   ]      = & $c_background;
  37 $_COLOR['span.noexists'] = & $c_dangling;
  38 $_COLOR['div#preview']   = & $c_preview;
  39 $_COLOR['.style_calendar' ] = & $c_line1;
  40 $_COLOR['.style_td_caltop'] = & $c_background;
  41 $_COLOR['.style_td_week'  ] = & $c_color1;
  42 $_COLOR['.style_td_blank' ] = & $c_background;
  43 $_COLOR['.style_td_day'   ] = & $c_background;
  44 $_COLOR['.style_td_sat'   ] = & $c_color2; // NOTE: Blue flavour for Saturday
  45 $_COLOR['.style_td_sun'   ] = & $c_color3; // NOTE: Red  flavour for Sunday
  46 $_COLOR['.style_td_today' ] = & $c_dangling;
  47 $_COLOR['hr.short_line'] = & $c_line1;
  48 $_COLOR['td.vote_label'] = & $c_color1;
  49 $_COLOR['td.vote_td1'  ] = & $c_color3;
  50 $_COLOR['td.vote_td2'  ] = & $c_color2;
  51 $color = & $_COLOR;
  52
  53 // Color theme: Theme selector
  54 switch($color_theme){
  55 case 'black':
  56         // Beauty black
  57         $c_background  = '111111'; //
  58         $c_background2 = '333333'; ///
  59         $c_background3 = '223333'; ////
  60         $c_background4 = '332200'; /////
  61         $c_line1       = '999999'; ///////////
  62         $c_line2       = '999999';
  63         $c_preview     = '222200'; ///
  64         $c_color1      = '333333'; ////
  65         $c_color2      = '223333'; /////
  66         $c_color3      = '332200'; //////
  67         $c_dangling    = '333355'; ///////
  68         break;
  69
  70 default:
  71         // Default skyblue
  72         $c_background  = 'EEF5FF';
  73         $c_background2 = 'EEEEEE';
  74         $c_background3 = 'D0D8E0';
  75         $c_background4 = 'E0E8F0';
  76         $c_line1       = 'CCD5DD';
  77         $c_line2       = '333333';
  78         $c_preview     = 'F5F8FF';
  79         $c_color1      = 'DDE5EE';
  80         $c_color2      = 'DDE5FF';
  81         $c_color3      = 'FFEEEE';
  82         $c_dangling    = 'FFFACC';
  83         $_td_today     = 'FFFFDD';
  84         $_vote_label   = 'FFCCCC';
  85         $_COLOR['.style_td_today' ] = & $_td_today;
  86         $_COLOR['td.vote_label'   ] = & $_vote_label;
  87         $_COLOR['td.vote_td1'     ] = & $c_color2;
  88         $_COLOR['td.vote_td2'     ] = & $c_background;
  89         break;
  90 }
  91
  92 // Output CSS ----
  93 ?>
  94 @charset "<?php echo $charset ?>";
  95
  96 /* ------------------------------------------ */
  97 /* PukiWiki abstruction CSS for tDiary themes */
  98
  99 /* <--> Expand textarea height (for editing only) */
 100 /* <<-- textarea with not-so-long margin          */
 101 form.update textarea {
 102         height: 25em;
 103         margin-left:   1em;
 104         margin-bottom: 0;
 105 }
 106
 107 /* >--< Shrink textarea width (for #memo, etc) */
 108 form textarea { width: 30em }
 109
 110 /* Image border = 0 */
 111 img { border: 0 }
 112
 113
 114 /* --------------------- */
 115 /* PukiWiki original CSS */
 116
 117 thead td.style_td,
 118 tfoot td.style_td {
 119         color:inherit;
 120         background-color:#<?php echo $color['thead td.style_td'] ?>;
 121 }
 122 thead th.style_th,
 123 tfoot th.style_th {
 124         color:inherit;
 125         background-color:#<?php echo $color['thead th.style_th'] ?>;
 126 }
 127 .style_table {
 128         padding:0px;
 129         border:0px;
 130         margin:auto;
 131         text-align:left;
 132         color:inherit;
 133         background-color:#<?php echo $color['.style_table'] ?>;
 134 }
 135 .style_th {
 136         padding:5px;
 137         margin:1px;
 138         text-align:center;
 139         color:inherit;
 140         background-color:#<?php echo $color['.style_th'] ?>;
 141 }
 142 .style_td {
 143         padding:5px;
 144         margin:1px;
 145         color:inherit;
 146         background-color:#<?php echo $color['.style_td'] ?>;
 147 }
 148
 149 ul.list1 { list-style-type:disc; }
 150 ul.list2 { list-style-type:circle; }
 151 ul.list3 { list-style-type:square; }
 152 ol.list1 { list-style-type:decimal; }
 153 ol.list2 { list-style-type:lower-roman; }
 154 ol.list3 { list-style-type:lower-alpha; }
 155
 156 div.ie5 { text-align:center; }
 157
 158 /* NoSuchPage? */
 159 span.noexists {
 160         color:inherit;
 161         background-color:#<?php echo $color['span.noexists'] ?>;
 162 }
 163
 164 .small { font-size:80%; }
 165
 166 /* Not found, Remove? */
 167 /*
 168 .super_index {
 169         color:#DD3333;
 170         background-color:inherit;
 171         font-weight:bold;
 172         font-size:60%;
 173         vertical-align:super;
 174 }
 175 */
 176
 177 /* for tDiary themes */
 178 a.note_super {}
 179
 180 div.jumpmenu {
 181         font-size:60%;
 182         text-align:right;
 183 }
 184
 185 /* for tDiary themes */
 186 hr.full_hr {}
 187 hr.note_hr { display:none }
 188
 189 span.size1 {
 190         font-size:xx-small;
 191         line-height:130%;
 192         text-indent:0px;
 193         display:inline;
 194 }
 195 span.size2 {
 196         font-size:x-small;
 197         line-height:130%;
 198         text-indent:0px;
 199         display:inline;
 200 }
 201 span.size3 {
 202         font-size:small;
 203         line-height:130%;
 204         text-indent:0px;
 205         display:inline;
 206 }
 207 span.size4 {
 208         font-size:medium;
 209         line-height:130%;
 210         text-indent:0px;
 211         display:inline;
 212 }
 213 span.size5 {
 214         font-size:large;
 215         line-height:130%;
 216         text-indent:0px;
 217         display:inline;
 218 }
 219 span.size6 {
 220         font-size:x-large;
 221         line-height:130%;
 222         text-indent:0px;
 223         display:inline;
 224 }
 225 span.size7 {
 226         font-size:xx-large;
 227         line-height:130%;
 228         text-indent:0px;
 229         display:inline;
 230 }
 231
 232 /* html.php/catbody() */
 233 strong.word0 {
 234         background-color:#FFFF66;
 235         color:black;
 236 }
 237 strong.word1 {
 238         background-color:#A0FFFF;
 239         color:black;
 240 }
 241 strong.word2 {
 242         background-color:#99FF99;
 243         color:black;
 244 }
 245 strong.word3 {
 246         background-color:#FF9999;
 247         color:black;
 248 }
 249 strong.word4 {
 250         background-color:#FF66FF;
 251         color:black;
 252 }
 253 strong.word5 {
 254         background-color:#880000;
 255         color:white;
 256 }
 257 strong.word6 {
 258         background-color:#00AA00;
 259         color:white;
 260 }
 261 strong.word7 {
 262         background-color:#886800;
 263         color:white;
 264 }
 265 strong.word8 {
 266         background-color:#004699;
 267         color:white;
 268 }
 269 strong.word9 {
 270         background-color:#990099;
 271         color:white;
 272 }
 273
 274 /* html.php/edit_form() */
 275 .edit_form { clear:both; }
 276
 277 /* pukiwiki.skin.php */
 278 div#header {
 279         padding:0px;
 280         margin:0px;
 281 }
 282
 283 div#navigator {
 284 <?php   if ($media == 'print') { ?>
 285         display:none;
 286 <?php   } else { ?>
 287         clear:both;
 288         padding:4px 0px 0px 0px;
 289         margin:0px;
 290 <?php   } ?>
 291 }
 292
 293 td.menubar {
 294 <?php   if ($media == 'print') { ?>
 295         display:none;
 296 <?php   } else { ?>
 297         width:9em;
 298         vertical-align:top;
 299 <?php   } ?>
 300 }
 301
 302 div#menubar {
 303 <?php   if ($media == 'print') { ?>
 304         display:none;
 305 <?php   } else { ?>
 306         width:9em;
 307         padding:0px;
 308         margin:4px;
 309         word-break:break-all;
 310         font-size:90%;
 311         overflow:hidden;
 312 <?php   } ?>
 313 }
 314
 315 div#menubar ul {
 316         margin:0px 0px 0px .5em;
 317         padding:0px 0px 0px .5em;
 318 }
 319
 320 div#menubar ul li { line-height:110%; }
 321
 322 div#menubar h4 { font-size:110%; }
 323
 324 /* for tDiary themes */
 325 div.pkwk_body { padding:0px; }
 326
 327 div#note {
 328         clear:both;
 329         padding:0px;
 330         margin:0px;
 331 }
 332
 333 div#attach {
 334 <?php   if ($media == 'print') { ?>
 335         display:none;
 336 <?php   } else { ?>
 337         clear:both;
 338         padding:0px;
 339         margin:0px;
 340 <?php   } ?>
 341 }
 342
 343 div#toolbar {
 344 <?php   if ($media == 'print') { ?>
 345         display:none;
 346 <?php   } else { ?>
 347         clear:both;
 348         padding:0px;
 349         margin:0px;
 350         text-align:right;
 351 <?php   } ?>
 352 }
 353
 354 div#lastmodified {
 355         font-size:80%;
 356         padding:0px;
 357         margin:0px;
 358 }
 359
 360 /* for tDiary theme */
 361 div#related {
 362 <?php   if ($media == 'print') { ?>
 363         display:none;
 364 <?php   } else { ?>
 365         font-size:80%;
 366         padding:0px;
 367         margin:0px 0px 0px 0px;
 368 <?php   } ?>
 369 }
 370
 371 div#footer {
 372         font-size:70%;
 373         padding:0px;
 374         margin:16px 0px 0px 0px;
 375 }
 376
 377 div#banner {
 378         float:right;
 379         margin-top:24px;
 380 }
 381
 382 div#preview {
 383         color:inherit;
 384         background-color:#<?php echo $color['div#preview'] ?>;
 385 }
 386
 387 img#logo {
 388 <?php   if ($media == 'print') { ?>
 389         display:none;
 390 <?php   } else { ?>
 391         float:left;
 392         margin-right:20px;
 393 <?php   } ?>
 394 }
 395
 396 /* aname.inc.php */
 397 .anchor {}
 398 .anchor_super {
 399         font-size:xx-small;
 400         vertical-align:super;
 401 }
 402
 403 /* br.inc.php */
 404 br.spacer {}
 405
 406 /* calendar*.inc.php */
 407 .style_calendar {
 408         padding:0px;
 409         border:0px;
 410         margin:3px;
 411         color:inherit;
 412         background-color:#<?php echo $color['.style_calendar'] ?>;
 413         text-align:center;
 414 }
 415 .style_td_caltop {
 416         padding:5px;
 417         margin:1px;
 418         color:inherit;
 419         background-color:#<?php echo $color['.style_td_caltop'] ?>;
 420         font-size:80%;
 421         text-align:center;
 422 }
 423 .style_td_today {
 424         padding:5px;
 425         margin:1px;
 426         color:inherit;
 427         background-color:#<?php echo $color['.style_td_today'] ?>;
 428         text-align:center;
 429 }
 430 .style_td_sat {
 431         padding:5px;
 432         margin:1px;
 433         color:inherit;
 434         background-color:#<?php echo $color['.style_td_sat'] ?>;
 435         text-align:center;
 436 }
 437 .style_td_sun {
 438         padding:5px;
 439         margin:1px;
 440         color:inherit;
 441         background-color:#<?php echo $color['.style_td_sun'] ?>;
 442         text-align:center;
 443 }
 444 .style_td_blank {
 445         padding:5px;
 446         margin:1px;
 447         color:inherit;
 448         background-color:#<?php echo $color['.style_td_blank'] ?>;
 449         text-align:center;
 450 }
 451 .style_td_day {
 452         padding:5px;
 453         margin:1px;
 454         color:inherit;
 455         background-color:#<?php echo $color['.style_td_day'] ?>;
 456         text-align:center;
 457 }
 458 .style_td_week {
 459         padding:5px;
 460         margin:1px;
 461         color:inherit;
 462         background-color:#<?php echo $color['.style_td_week'] ?>;
 463         font-size:80%;
 464         font-weight:bold;
 465         text-align:center;
 466 }
 467
 468 /* calendar_viewer.inc.php */
 469 div.calendar_viewer {
 470         color:inherit;
 471         background-color:inherit;
 472         margin-top:20px;
 473         margin-bottom:10px;
 474         padding-bottom:10px;
 475 }
 476 span.calendar_viewer_left {
 477         color:inherit;
 478         background-color:inherit;
 479         float:left;
 480 }
 481 span.calendar_viewer_right {
 482         color:inherit;
 483         background-color:inherit;
 484         float:right;
 485 }
 486
 487 /* clear.inc.php */
 488 .clear {
 489         margin:0px;
 490         clear:both;
 491 }
 492
 493 /* counter.inc.php */
 494 div.counter { font-size:70%; }
 495
 496 /* diff.inc.php */
 497 span.diff_added {
 498         color:blue;
 499         background-color:inherit;
 500 }
 501
 502 span.diff_removed {
 503         color:red;
 504         background-color:inherit;
 505 }
 506
 507 /* hr.inc.php */
 508 hr.short_line {
 509         text-align:center;
 510         width:80%;
 511         border-style:solid;
 512         border-color:#<?php echo $color['hr.short_line'] ?>;
 513         border-width:1px 0px;
 514 }
 515
 516 /* include.inc.php */
 517 h5.side_label { text-align:center; }
 518
 519 /* navi.inc.php */
 520 ul.navi {
 521         margin:0px;
 522         padding:0px;
 523         text-align:center;
 524 }
 525 li.navi_none {
 526         display:inline;
 527         float:none;
 528 }
 529 li.navi_left {
 530         display:inline;
 531         float:left;
 532         text-align:left;
 533 }
 534 li.navi_right {
 535         display:inline;
 536         float:right;
 537         text-align:right;
 538 }
 539
 540 /* new.inc.php */
 541 span.comment_date { font-size:x-small; }
 542 span.new1 {
 543         color:red;
 544         background-color:transparent;
 545         font-size:x-small;
 546 }
 547 span.new5 {
 548         color:green;
 549         background-color:transparent;
 550         font-size:xx-small;
 551 }
 552
 553 /* popular.inc.php */
 554 span.counter { font-size:70%; }
 555
 556 /* recent.inc.php,showrss.inc.php */
 557
 558 /* ref.inc.php */
 559 div.img_margin {
 560         margin-left:32px;
 561         margin-right:32px;
 562 }
 563
 564 /* vote.inc.php */
 565 td.vote_label {
 566         color:inherit;
 567         background-color:#<?php echo $color['td.vote_label'] ?>;
 568 }
 569 td.vote_td1 {
 570         color:inherit;
 571         background-color:#<?php echo $color['td.vote_td1'] ?>;
 572 }
 573 td.vote_td2 {
 574         color:inherit;
 575         background-color:#<?php echo $color['td.vote_td2'] ?>;
 576 }