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,.edit_form select {
 344   width:95%;
 345 }
 346
 347 /* pukiwiki.skin.php */
 348 div#header {
 349   padding:0;
 350   margin:0;
 351   word-break:break-all;
 352 }
 353
 354 div#navigator {
 355   clear:both;
 356   padding:4px 0 0 0;
 357   margin:0;
 358 }
 359
 360 div#contents {
 361   display:flex;
 362   flex-flow:row nowrap;
 363   word-break:break-all;
 364   overflow-wrap:break-word;
 365   word-wrap:break-word;
 366 }
 367
 368 div#menubar {
 369   min-width:9em;
 370   padding:0;
 371   margin:4px;
 372   font-size:90%;
 373   overflow:hidden;
 374   order:1;
 375   flex-grow:0;
 376 }
 377 div#menubar ul {
 378   margin:0 0 0 .5em;
 379   padding:0 0 0 .5em;
 380 }
 381 div#menubar ul li {
 382   line-height:110%;
 383 }
 384 div#menubar h4 {
 385   font-size:110%;
 386 }
 387
 388 div#body {
 389   padding:0;
 390   margin:0 0 0 .5em;
 391   order:2;
 392   flex-grow:1;
 393 }
 394
 395 @media (max-width:767px) {
 396   div#contents {
 397     flex-flow:column wrap;
 398   }
 399   div#menubar {
 400     width:auto;
 401     font-size:100%;
 402     order:2;
 403   }
 404   div#body {
 405     order:1;
 406   }
 407   div#body img {
 408     max-width:95%;
 409     height:auto;
 410   }
 411 }
 412
 413 div#note {
 414   clear:both;
 415   padding:0;
 416   margin:0;
 417 }
 418 div#attach {
 419   clear:both;
 420   padding:0;
 421   margin:0;
 422 }
 423 div#toolbar {
 424   clear:both;
 425   padding:0;
 426   margin:0;
 427   text-align:right;
 428 }
 429 div#lastmodified {
 430   font-size:80%;
 431   padding:0;
 432   margin:0;
 433 }
 434 div#related {
 435   font-size:80%;
 436   padding:0;
 437   margin:16px 0 0 0;
 438 }
 439 div#related .page_passage {
 440   font-size:60%;
 441 }
 442 div#footer {
 443   font-size:70%;
 444   padding:0;
 445   margin:16px 0 0 0;
 446 }
 447 div#banner {
 448   float:right;
 449   margin-top:24px;
 450 }
 451 div#preview {
 452   color:inherit;
 453   background-color:#F5F8FF;
 454 }
 455 img#logo {
 456   float:left;
 457   margin-right:20px;
 458 }
 459
 460 /* aname.inc.php */
 461 .anchor_super {
 462   font-size:xx-small;
 463   vertical-align:super;
 464 }
 465
 466 /* list.inc.php */
 467 .page_passage {
 468   font-size:small;
 469 }
 470
 471 /* calendar*.inc.php */
 472 .style_calendar {
 473   padding:0;
 474   border:0;
 475   margin:3px;
 476   color:inherit;
 477   background-color:#CCD5DD;
 478   text-align:center;
 479 }
 480 .style_td_caltop {
 481   padding:5px;
 482   margin:1px;
 483   color:inherit;
 484   background-color:#EEF5FF;
 485   font-size:80%;
 486   text-align:center;
 487 }
 488 .style_td_today {
 489   padding:5px;
 490   margin:1px;
 491   color:inherit;
 492   background-color:#FFFFDD;
 493   text-align:center;
 494 }
 495 .style_td_sat {
 496   padding:5px;
 497   margin:1px;
 498   color:inherit;
 499   background-color:#DDE5FF;
 500   text-align:center;
 501 }
 502 .style_td_sun {
 503   padding:5px;
 504   margin:1px;
 505   color:inherit;
 506   background-color:#FFEEEE;
 507   text-align:center;
 508 }
 509 .style_td_blank {
 510   padding:5px;
 511   margin:1px;
 512   color:inherit;
 513   background-color:#EEF5FF;
 514   text-align:center;
 515 }
 516 .style_td_day {
 517   padding:5px;
 518   margin:1px;
 519   color:inherit;
 520   background-color:#EEF5FF;
 521   text-align:center;
 522 }
 523 .style_td_week {
 524   padding:5px;
 525   margin:1px;
 526   color:inherit;
 527   background-color:#DDE5EE;
 528   font-size:80%;
 529   font-weight:bold;
 530   text-align:center;
 531 }
 532
 533 /* calendar_viewer.inc.php */
 534 div.calendar_viewer {
 535   color:inherit;
 536   background-color:inherit;
 537   margin-top:20px;
 538   margin-bottom:10px;
 539   padding-bottom:10px;
 540 }
 541 span.calendar_viewer_left {
 542   color:inherit;
 543   background-color:inherit;
 544   float:left;
 545 }
 546 span.calendar_viewer_right {
 547   color:inherit;
 548   background-color:inherit;
 549   float:right;
 550 }
 551
 552 /* clear.inc.php */
 553 .clear {
 554   margin:0;
 555   clear:both;
 556 }
 557
 558 /* counter.inc.php */
 559 div.counter {
 560   font-size:70%;
 561 }
 562
 563 /* diff.inc.php */
 564 span.diff_added {
 565   color:blue;
 566   background-color:inherit;
 567 }
 568 span.diff_removed {
 569   color:red;
 570   background-color:inherit;
 571 }
 572
 573 /* hr.inc.php */
 574 hr.short_line {
 575   text-align:center;
 576   width:80%;
 577   border-style:solid;
 578   border-color:#333333;
 579   border-width:1px 0;
 580 }
 581
 582 /* include.inc.php */
 583 h5.side_label {
 584   text-align:center;
 585 }
 586
 587 /* navi.inc.php */
 588 ul.navi {
 589   margin:0;
 590   padding:0;
 591   text-align:center;
 592 }
 593 li.navi_none {
 594   display:inline;
 595   float:none;
 596 }
 597 li.navi_left {
 598   display:inline;
 599   float:left;
 600   text-align:left;
 601 }
 602 li.navi_right {
 603   display:inline;
 604   float:right;
 605   text-align:right;
 606 }
 607
 608 /* new.inc.php */
 609 span.comment_date {
 610   font-size:x-small;
 611 }
 612 span.new1 {
 613   color:red;
 614   background-color:transparent;
 615   font-size:x-small;
 616 }
 617 span.new5 {
 618   color:green;
 619   background-color:transparent;
 620   font-size:xx-small;
 621 }
 622
 623 /* comment.inc.php */
 624 ._p_comment_name {
 625   width:9em;
 626 }
 627 ._p_comment_msg {
 628   width:38em;
 629   max-width:90%;
 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 }