Changeset 20872

Show
Ignore:
Timestamp:
10/07/08 03:08:38 (6 weeks ago)
Author:
sotarok
Message:
  • スキンとCSSを変更
Location:
events/phpframework/wikiskin/skin
Files:
1 added
2 modified

Legend:

Unmodified
Added
Removed

  • events/phpframework/wikiskin/skin/pukiwiki.css.php

    r12368 r20872  
    11<?php 
    2 // PukiWiki - Yet another WikiWikiWeb clone. 
    3 // $Id: pukiwiki.css.php,v 1.12 2005/10/12 13:06: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 // Default CSS 
     2/**  
     3 *  
     4 *  
     5 */ 
    106 
    117// Send header 
    … …  
    139$matches = array(); 
    1410if(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'); 
     11    header('Content-Encoding: ' . $matches[1]); 
     12    header('Vary: Accept-Encoding'); 
    1713} 
    1814 
    … …  
    2016$charset = isset($_GET['charset']) ? $_GET['charset']  : ''; 
    2117switch ($charset) { 
    22         case 'Shift_JIS': break; /* this @charset is for Mozilla's bug */ 
    23         default: $charset ='iso-8859-1'; 
     18    case 'Shift_JIS': break; /* this @charset is for Mozilla's bug */ 
     19    default: $charset ='iso-8859-1'; 
    2420} 
    2521 
    2622// Media 
    2723$media   = isset($_GET['media'])   ? $_GET['media']    : ''; 
    28 if ($media != 'print') $media = 'screen'; 
     24//if ($media != 'print') $media = 'screen'; 
     25?> 
    2926 
    30 // Output CSS ---- 
    31 ?> 
    3227@charset "<?php echo $charset ?>"; 
     28@import url("class.css"); 
    3329 
    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; 
     30/* Global Styles 
     31 ----------------------------------- */ 
     32body { 
     33  font-family: Arial; 
     34  margin: 0; 
     35  padding: 0; 
     36  font-size: 14px; 
     37  line-height: 140%; 
     38  background: #fff url(../image/bg.png) bottom repeat-x; 
    4539} 
    4640 
    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   } ?> 
     41img { 
     42  border: none; 
    5543} 
    5644 
    57 a:active { 
    58         color:#215dc6; 
    59         background-color:#CCDDEE; 
    60         text-decoration:none; 
     45h1 { 
     46  font-size: 1.8em; 
     47  font-family:  "Century Gothic"; 
     48  margin: 0; 
     49  padding: 0 5px; 
     50  text-align: right; 
     51  line-height: 160%; 
    6152} 
    6253 
    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   } ?> 
     54h2 { 
     55  font-size: 2.4em; 
     56  font-family:  "Century Gothic"; 
     57  line-height: 100%; 
    7158} 
    7259 
    73 a:hover { 
    74         color:#215dc6; 
    75         background-color:#CCDDEE; 
    76         text-decoration:underline; 
     60h3 { 
     61  font-size: 1.8em; 
     62  line-height: 100%; 
    7763} 
    7864 
    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 } 
    9965h4 { 
    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; 
     66  font-size: 1.3em; 
     67  line-height: 100%; 
    11568} 
    11669 
    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; 
     70h5 { 
     71  font-size: 1.1em; 
     72  line-height: 100%; 
     73} 
     74ul { 
     75  margin-left: 5px; 
     76  padding-left: 10px; 
    12477} 
    12578 
    126 dt { 
    127         font-weight:bold; 
    128         margin-top:1em; 
    129         margin-left:1em; 
     79ul li { 
     80  margin-left: 0px; 
     81  list-style-position: outside; 
     82  list-style-image: url(../image/li.gif); 
     83} 
     84ul li ul li { 
     85  list-style-image: url(../image/lili.gif); 
    13086} 
    13187 
    13288pre { 
    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; 
     89  font-family: consolas; 
     90  font-size: 0.9em; 
     91  border: solid 1px #ccc; 
     92  background: #f0f0f0; 
     93  padding: 5px; 
     94  color: #390000; 
    14395} 
    14496 
    145 img { 
    146         border:none; 
    147         vertical-align:middle; 
     97/* Link Styles 
     98 ----------------------------------- */ 
     99a:link      {color:#4f0000;text-decoration:none;} 
     100a:visited   {color:#4f0000;text-decoration:none;} 
     101a:active    {color:#ff0000;text-decoration:underline;} 
     102a:hover     {color:#a52424; text-decoration:underline;} 
     103 
     104/* Layout Styles 
     105 ----------------------------------- */ 
     106 
     107/* header -------------------------- */ 
     108#header { 
     109  background: url(../image/header.png) repeat-x; 
     110  height: 80px; 
     111  border-bottom: solid 2px #f0f0f0; 
    148112} 
    149113 
    150 ul { 
    151         margin-top:.5em; 
    152         margin-bottom:.5em; 
    153         line-height:130%; 
     114#header-link { 
     115  display: block; 
     116  font-weight: bold; 
     117  font-size: 1.2em; 
     118  text-align: right; 
    154119} 
    155120 
    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; 
     121/* navi   -------------------------- */ 
     122#navigator { 
     123  clear: both; 
     124  text-align: right; 
     125  font-size: 0.8em; 
    190126} 
    191127 
    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; 
     128/* menubar -------------------------- */ 
     129td.menubar { 
     130  width: 20%; 
    204131} 
    205132 
    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; 
     133#menubar { 
     134  padding: 10px; 
     135  border-right: solid 2px #ccc; 
    214136} 
    215137 
    216 a.note_super { 
    217         color:#DD3333; 
    218         background-color:inherit; 
    219         font-weight:bold; 
    220         font-size:60%; 
    221         vertical-align:super; 
     138/* body -------------------------- */ 
     139#body { 
     140  padding:0 20px; 
    222141} 
    223142 
    224 div.jumpmenu { 
    225         font-size:60%; 
    226         text-align:right; 
     143.contents { 
     144  border: solid 4px #ccc; 
     145  background: url(../image/toc.gif) right top no-repeat; 
    227146} 
    228147 
    229 hr.full_hr { 
    230         border-style:ridge; 
    231         border-color:#333333; 
    232         border-width:1px 0px; 
     148.style_table { 
     149  width: 80%; 
     150  margin: 10px auto; 
     151  border: solid 1px #999; 
     152  border-collapse: collapse; 
    233153} 
    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; 
     154.style_table td { 
     155  padding: 3px; 
     156  border: solid 1px #999; 
     157  border-collapse: collapse; 
     158} 
     159.style_table thead td , 
     160.style_table thead th { 
     161  background: #f0f0f0; 
     162  font-weight: bold; 
    241163} 
    242164 
    243 span.size1 { 
    244         font-size:xx-small; 
    245         line-height:130%; 
    246         text-indent:0px; 
    247         display:inline; 
     165.jumpmenu { 
     166  font-weight: bold; 
     167  text-align: right; 
    248168} 
    249 span.size2 { 
    250         font-size:x-small; 
    251         line-height:130%; 
    252         text-indent:0px; 
    253         display:inline; 
     169.jumpmenu a { 
     170  border: solid 3px #ccc; 
     171  padding: 2px 6px; 
    254172} 
    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; 
     173.jumpmenu a:hover { 
     174  color: #fff; 
     175  background: #430000; 
    284176} 
    285177 
    286 /* html.php/catbody() */ 
    287 strong.word0 { 
    288         background-color:#FFFF66; 
    289         color:black; 
     178/* footer -------------------------- */ 
     179#toolbar { 
     180  margin-top: 30px; 
    290181} 
    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; 
     182#lastmodified, 
     183#footer { 
     184  color: #fff; 
     185  padding-left: 10px; 
    326186} 
    327187 
    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 } 
     188#footer a:link      {color:#c0c0c0;text-decoration:underline;} 
     189#footer a:visited   {color:#c0c0c0;text-decoration:underline;} 
     190#footer a:active    {color:#fff;text-decoration:underline;} 
     191#footer a:hover     {color:#fff; text-decoration:none;} 

  • events/phpframework/wikiskin/skin/pukiwiki.skin.php

    r12405 r20872  
    8888 
    8989<div id="header"> 
    90  <a href="<?php echo $link['top'] ?>"><img id="logo" src="<?php echo IMAGE_DIR . $image['logo'] ?>" width="80" height="80" alt="[PukiWiki]" title="[PukiWiki]" /></a> 
     90 <a href="<?php echo $link['top'] ?>"> 
     91 <img id="logo" src="<?php echo IMAGE_DIR . $image['logo'] ?>" alt="PHP Framework Fight! Wiki" title="PHP Framework Fight! Wiki" class="fleft" /></a> 
    9192 
    9293 <h1 class="title"><?php echo $page ?></h1> 
    …</