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