skin/tdiary.css.php

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