skin/pukiwiki.css

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