skin/pukiwiki.css

   1 @charset "UTF-8";
   2
   3 /*!
   4  * PukiWiki - Yet another WikiWikiWeb clone.
   5  * Copyright
   6  *   2002-2020 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 {
  14   line-height:130%;
  15 }
  16 blockquote {
  17   margin-left:32px;
  18 }
  19 body,td {
  20   color:black;
  21   background-color:white;
  22   margin-left:2%;
  23   margin-right:2%;
  24   font-size:90%;
  25   font-family:verdana, arial, helvetica, Sans-Serif;
  26 }
  27
  28 a:link {
  29   color:#215dc6;
  30   background-color:inherit;
  31   text-decoration:none;
  32 }
  33 a:active {
  34   color:#215dc6;
  35   background-color:#CCDDEE;
  36   text-decoration:none;
  37 }
  38 a:visited {
  39   color:#a63d21;
  40   background-color:inherit;
  41   text-decoration:none;
  42 }
  43 a:hover {
  44   color:#215dc6;
  45   background-color:#CCDDEE;
  46   text-decoration:underline;
  47 }
  48 a.external-link:not(.external-link-silent)::after {
  49   content:url(../image/external-link.png);
  50   margin:3px;
  51 }
  52
  53 h1, h2 {
  54   font-family:verdana, arial, helvetica, Sans-Serif;
  55   color:inherit;
  56   background-color:#DDEEFF;
  57   padding:.3em;
  58   border:0;
  59   margin:0 0 .5em 0;
  60 }
  61 h3 {
  62   font-family:verdana, arial, helvetica, Sans-Serif;
  63   border-bottom:3px solid #DDEEFF;
  64   border-top:1px solid #DDEEFF;
  65   border-left:10px solid #DDEEFF;
  66   border-right:5px solid #DDEEFF;
  67
  68   color:inherit;
  69   background-color:#FFFFFF;
  70   padding:.3em;
  71   margin:0 0 .5em 0;
  72 }
  73 h4 {
  74   font-family:verdana, arial, helvetica, Sans-Serif;
  75   border-left:18px solid #DDEEFF;
  76
  77   color:inherit;
  78   background-color:#FFFFFF;
  79   padding:.3em;
  80   margin:0 0 .5em 0;
  81 }
  82 h5, h6 {
  83   font-family:verdana, arial, helvetica, Sans-Serif;
  84   color:inherit;
  85   background-color:#DDEEFF;
  86   padding:.3em;
  87   border:0;
  88   margin:0 0 .5em 0;
  89 }
  90 h1.title {
  91   font-size:30px;
  92   font-weight:bold;
  93   background-color:transparent;
  94   padding:12px 0 0 0;
  95   border:0;
  96   margin:12px 0 0 0;
  97 }
  98
  99 dt {
 100   font-weight:bold;
 101   margin-top:1em;
 102   margin-left:1em;
 103 }
 104
 105 pre {
 106   border-top:#DDDDEE 1px solid;
 107   border-bottom:#888899 1px solid;
 108   border-left:#DDDDEE 1px solid;
 109   border-right:#888899 1px solid;
 110   padding:.5em;
 111   margin-left:1em;
 112   margin-right:2em;
 113   white-space:pre-wrap;
 114   word-wrap:break-word;
 115   color:black;
 116   background-color:#F0F8FF;
 117 }
 118
 119 img {
 120   border:none;
 121   vertical-align:middle;
 122 }
 123
 124 ul {
 125   margin-top:.5em;
 126   margin-bottom:.5em;
 127   line-height:130%;
 128 }
 129
 130 em {
 131   font-style:italic;
 132 }
 133
 134 strong {
 135   font-weight:bold;
 136 }
 137
 138 thead td.style_td,
 139 tfoot td.style_td {
 140   color:inherit;
 141   background-color:#D0D8E0;
 142 }
 143 thead th.style_th,
 144 tfoot th.style_th {
 145   color:inherit;
 146   background-color:#E0E8F0;
 147 }
 148 .style_table {
 149   padding:0;
 150   border:0;
 151   margin:auto;
 152   text-align:left;
 153   color:inherit;
 154   background-color:#ccd5dd;
 155 }
 156 .style_th {
 157   padding:5px;
 158   margin:1px;
 159   text-align:center;
 160   color:inherit;
 161   background-color:#EEEEEE;
 162 }
 163 .style_td {
 164   padding:5px;
 165   margin:1px;
 166   color:inherit;
 167   background-color:#EEF5FF;
 168 }
 169
 170 ul.list1 {
 171   list-style-type:disc;
 172 }
 173 ul.list2 {
 174   list-style-type:circle;
 175 }
 176 ul.list3 {
 177   list-style-type:square;
 178 }
 179 ol.list1 {
 180   list-style-type:decimal;
 181 }
 182 ol.list2 {
 183   list-style-type:lower-roman;
 184 }
 185 ol.list3 {
 186   list-style-type:lower-alpha;
 187 }
 188
 189 .list-indent1 {
 190   padding-left:16px;
 191   margin-left:16px;
 192 }
 193 /* list-indent2,3,4 are used for leaping list level indentation */
 194 .list-indent2 {
 195   padding-left:32px;
 196   margin-left:32px;
 197 }
 198 .list-indent3 {
 199   padding-left:48px;
 200   margin-left:48px;
 201 }
 202 .list-indent4 {
 203   padding-left:64px;
 204   margin-left:64px;
 205 }
 206
 207 div.ie5 {
 208   text-align:center;
 209 }
 210 span.noexists {
 211   color:inherit;
 212   background-color:#FFFACC;
 213 }
 214
 215 .small {
 216   font-size:80%;
 217 }
 218
 219 .super_index {
 220   color:#DD3333;
 221   background-color:inherit;
 222   font-weight:bold;
 223   font-size:60%;
 224   vertical-align:super;
 225 }
 226
 227 a.note_super {
 228   color:#DD3333;
 229   background-color:inherit;
 230   font-weight:bold;
 231   font-size:60%;
 232   vertical-align:super;
 233 }
 234
 235 div.jumpmenu {
 236   font-size:60%;
 237   text-align:right;
 238 }
 239
 240 hr.full_hr {
 241   border-style:ridge;
 242   border-color:#333333;
 243   border-width:1px 0;
 244 }
 245 hr.note_hr {
 246   width:90%;
 247   border-style:ridge;
 248   border-color:#333333;
 249   border-width:1px 0;
 250   text-align:center;
 251   margin:1em auto 0em auto;
 252 }
 253
 254 span.size1 {
 255   font-size:xx-small;
 256   line-height:130%;
 257   text-indent:0;
 258   display:inline;
 259 }
 260 span.size2 {
 261   font-size:x-small;
 262   line-height:130%;
 263   text-indent:0;
 264   display:inline;
 265 }
 266 span.size3 {
 267   font-size:small;
 268   line-height:130%;
 269   text-indent:0;
 270   display:inline;
 271 }
 272 span.size4 {
 273   font-size:medium;
 274   line-height:130%;
 275   text-indent:0;
 276   display:inline;
 277 }
 278 span.size5 {
 279   font-size:large;
 280   line-height:130%;
 281   text-indent:0;
 282   display:inline;
 283 }
 284 span.size6 {
 285   font-size:x-large;
 286   line-height:130%;
 287   text-indent:0;
 288   display:inline;
 289 }
 290 span.size7 {
 291   font-size:xx-large;
 292   line-height:130%;
 293   text-indent:0;
 294   display:inline;
 295 }
 296
 297 /* html.php/catbody() */
 298 strong.word0 {
 299   background-color:#FFFF66;
 300   color:black;
 301 }
 302 strong.word1 {
 303   background-color:#A0FFFF;
 304   color:black;
 305 }
 306 strong.word2 {
 307   background-color:#99FF99;
 308   color:black;
 309 }
 310 strong.word3 {
 311   background-color:#FF9999;
 312   color:black;
 313 }
 314 strong.word4 {
 315   background-color:#FF66FF;
 316   color:black;
 317 }
 318 strong.word5 {
 319   background-color:#880000;
 320   color:white;
 321 }
 322 strong.word6 {
 323   background-color:#00AA00;
 324   color:white;
 325 }
 326 strong.word7 {
 327   background-color:#886800;
 328   color:white;
 329 }
 330 strong.word8 {
 331   background-color:#004699;
 332   color:white;
 333 }
 334 strong.word9 {
 335   background-color:#990099;
 336   color:white;
 337 }
 338
 339 /* html.php/edit_form() */
 340 .edit_form {
 341   clear:both;
 342 }
 343 .edit_form textarea {
 344   width:95%;
 345 }
 346
 347 /* pukiwiki.skin.php */
 348 div#header {
 349   padding:0;
 350   margin:0;
 351 }
 352
 353 div#navigator {
 354   clear:both;
 355   padding:4px 0 0 0;
 356   margin:0;
 357 }
 358
 359 div#contents {
 360   display:flex;
 361   flex-flow:row nowrap;
 362   word-break:break-all;
 363   overflow-wrap:break-word;
 364   word-wrap:break-word;
 365 }
 366
 367 div#menubar {
 368   min-width:9em;
 369   padding:0;
 370   margin:4px;
 371   font-size:90%;
 372   overflow:hidden;
 373   order:1;
 374   flex-grow:0;
 375 }
 376 div#menubar ul {
 377   margin:0 0 0 .5em;
 378   padding:0 0 0 .5em;
 379 }
 380 div#menubar ul li {
 381   line-height:110%;
 382 }
 383 div#menubar h4 {
 384   font-size:110%;
 385 }
 386
 387 div#body {
 388   padding:0;
 389   margin:0 0 0 .5em;
 390   order:2;
 391   flex-grow:1;
 392 }
 393
 394 @media (max-width:767px) {
 395   div#contents {
 396     flex-flow:column wrap;
 397   }
 398   div#menubar {
 399     width:auto;
 400     font-size:100%;
 401     order:2;
 402   }
 403   div#body {
 404     order:1;
 405   }
 406 }
 407
 408 div#note {
 409   clear:both;
 410   padding:0;
 411   margin:0;
 412 }
 413 div#attach {
 414   clear:both;
 415   padding:0;
 416   margin:0;
 417 }
 418 div#toolbar {
 419   clear:both;
 420   padding:0;
 421   margin:0;
 422   text-align:right;
 423 }
 424 div#lastmodified {
 425   font-size:80%;
 426   padding:0;
 427   margin:0;
 428 }
 429 div#related {
 430   font-size:80%;
 431   padding:0;
 432   margin:16px 0 0 0;
 433 }
 434 div#related .page_passage {
 435   font-size:60%;
 436 }
 437 div#footer {
 438   font-size:70%;
 439   padding:0;
 440   margin:16px 0 0 0;
 441 }
 442 div#banner {
 443   float:right;
 444   margin-top:24px;
 445 }
 446 div#preview {
 447   color:inherit;
 448   background-color:#F5F8FF;
 449 }
 450 img#logo {
 451   float:left;
 452   margin-right:20px;
 453 }
 454
 455 /* aname.inc.php */
 456 .anchor_super {
 457   font-size:xx-small;
 458   vertical-align:super;
 459 }
 460
 461 /* list.inc.php */
 462 .page_passage {
 463   font-size:small;
 464 }
 465
 466 /* calendar*.inc.php */
 467 .style_calendar {
 468   padding:0;
 469   border:0;
 470   margin:3px;
 471   color:inherit;
 472   background-color:#CCD5DD;
 473   text-align:center;
 474 }
 475 .style_td_caltop {
 476   padding:5px;
 477   margin:1px;
 478   color:inherit;
 479   background-color:#EEF5FF;
 480   font-size:80%;
 481   text-align:center;
 482 }
 483 .style_td_today {
 484   padding:5px;
 485   margin:1px;
 486   color:inherit;
 487   background-color:#FFFFDD;
 488   text-align:center;
 489 }
 490 .style_td_sat {
 491   padding:5px;
 492   margin:1px;
 493   color:inherit;
 494   background-color:#DDE5FF;
 495   text-align:center;
 496 }
 497 .style_td_sun {
 498   padding:5px;
 499   margin:1px;
 500   color:inherit;
 501   background-color:#FFEEEE;
 502   text-align:center;
 503 }
 504 .style_td_blank {
 505   padding:5px;
 506   margin:1px;
 507   color:inherit;
 508   background-color:#EEF5FF;
 509   text-align:center;
 510 }
 511 .style_td_day {
 512   padding:5px;
 513   margin:1px;
 514   color:inherit;
 515   background-color:#EEF5FF;
 516   text-align:center;
 517 }
 518 .style_td_week {
 519   padding:5px;
 520   margin:1px;
 521   color:inherit;
 522   background-color:#DDE5EE;
 523   font-size:80%;
 524   font-weight:bold;
 525   text-align:center;
 526 }
 527
 528 /* calendar_viewer.inc.php */
 529 div.calendar_viewer {
 530   color:inherit;
 531   background-color:inherit;
 532   margin-top:20px;
 533   margin-bottom:10px;
 534   padding-bottom:10px;
 535 }
 536 span.calendar_viewer_left {
 537   color:inherit;
 538   background-color:inherit;
 539   float:left;
 540 }
 541 span.calendar_viewer_right {
 542   color:inherit;
 543   background-color:inherit;
 544   float:right;
 545 }
 546
 547 /* clear.inc.php */
 548 .clear {
 549   margin:0;
 550   clear:both;
 551 }
 552
 553 /* counter.inc.php */
 554 div.counter {
 555   font-size:70%;
 556 }
 557
 558 /* diff.inc.php */
 559 span.diff_added {
 560   color:blue;
 561   background-color:inherit;
 562 }
 563 span.diff_removed {
 564   color:red;
 565   background-color:inherit;
 566 }
 567
 568 /* hr.inc.php */
 569 hr.short_line {
 570   text-align:center;
 571   width:80%;
 572   border-style:solid;
 573   border-color:#333333;
 574   border-width:1px 0;
 575 }
 576
 577 /* include.inc.php */
 578 h5.side_label {
 579   text-align:center;
 580 }
 581
 582 /* navi.inc.php */
 583 ul.navi {
 584   margin:0;
 585   padding:0;
 586   text-align:center;
 587 }
 588 li.navi_none {
 589   display:inline;
 590   float:none;
 591 }
 592 li.navi_left {
 593   display:inline;
 594   float:left;
 595   text-align:left;
 596 }
 597 li.navi_right {
 598   display:inline;
 599   float:right;
 600   text-align:right;
 601 }
 602
 603 /* new.inc.php */
 604 span.comment_date {
 605   font-size:x-small;
 606 }
 607 span.new1 {
 608   color:red;
 609   background-color:transparent;
 610   font-size:x-small;
 611 }
 612 span.new5 {
 613   color:green;
 614   background-color:transparent;
 615   font-size:xx-small;
 616 }
 617
 618 /* comment.inc.php */
 619 ._p_comment_name {
 620   width:9em;
 621 }
 622 ._p_comment_msg {
 623   width:38em;
 624 }
 625
 626 @media (max-width:767px) {
 627   ._p_comment_msg {
 628     width:90%;
 629   }
 630 }
 631
 632 /* article.inc.php */
 633 ._p_article_name {
 634   width:15em;
 635 }
 636 ._p_article_subject {
 637   width:35em;
 638 }
 639 ._p_article_msg {
 640   width:38em;
 641   height:5em;
 642 }
 643
 644 @media (max-width:767px) {
 645   ._p_article_subject {
 646     width:82%;
 647   }
 648   ._p_article_msg {
 649     width:90%;
 650   }
 651 }
 652
 653 /* popular.inc.php */
 654 span.counter {
 655   font-size:70%;
 656 }
 657
 658 /* ref.inc.php */
 659 div.img_margin {
 660   margin-left:32px;
 661   margin-right:32px;
 662 }
 663
 664 /* vote.inc.php */
 665 td.vote_label {
 666   color:inherit;
 667   background-color:#FFCCCC;
 668 }
 669 td.vote_td1 {
 670   color:inherit;
 671   background-color:#DDE5FF;
 672 }
 673 td.vote_td2 {
 674   color:inherit;
 675   background-color:#EEF5FF;
 676 }
 677
 678 /* topicpath.inc.php */
 679 span.topicpath-slash {
 680   margin:0 0.2em;
 681 }
 682 span.topicpath-top {
 683   user-select:none;
 684 }
 685
 686 /* bugtrack.inc.php */
 687 tr.bugtrack_list_header th {
 688   background-color:#ffffcc;
 689 }
 690 tr.bugtrack_state_proposal td {
 691   background-color:#ccccff;
 692 }
 693 tr.bugtrack_state_accept td {
 694   background-color:#ffcc99;
 695 }
 696 tr.bugrack_state_resolved td {
 697   background-color:#ccffcc;
 698 }
 699 tr.bugtrack_state_pending td {
 700   background-color:#ffccff;
 701 }
 702 tr.bugtrack_state_cancel td {
 703   background-color:#cccccc;
 704 }
 705 tr.bugtrack_state_undef td {
 706   background-color:#ff3333;
 707 }
 708 ._p_bugtrack_form_summary {
 709   width:35em;
 710 }
 711 ._p_bugtrack_form_body {
 712   width:35em;
 713 }
 714
 715 @media (max-width:767px) {
 716   table._p_bugtrack_form th,table._p_bugtrack_form td {
 717     display:block;
 718     text-align:left;
 719     margin-left:2%;
 720   }
 721   ._p_bugtrack_form_summary {
 722     width:95%;
 723   }
 724   ._p_bugtrack_form_body {
 725     width:95%;
 726     height:6em;
 727   }
 728 }
 729
 730 /* search2.inc.php  */
 731 .search-result-page-summary {
 732   font-size:70%;
 733   color:gray;
 734   overflow:hidden;
 735   text-overflow:ellipsis;
 736   white-space:nowrap;
 737 }
 738
 739 @media print {
 740   a:link,
 741   a:visited {
 742     text-decoration:underline;
 743   }
 744   img#logo,
 745   div#navigator,
 746   div#menubar,
 747   div#related,
 748   div#attach,
 749   div#toolbar {
 750     display:none;
 751   }
 752 }