skin/pukiwiki.css

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