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 }
 408
 409 div#note {
 410   clear:both;
 411   padding:0;
 412   margin:0;
 413 }
 414 div#attach {
 415   clear:both;
 416   padding:0;
 417   margin:0;
 418 }
 419 div#toolbar {
 420   clear:both;
 421   padding:0;
 422   margin:0;
 423   text-align:right;
 424 }
 425 div#lastmodified {
 426   font-size:80%;
 427   padding:0;
 428   margin:0;
 429 }
 430 div#related {
 431   font-size:80%;
 432   padding:0;
 433   margin:16px 0 0 0;
 434 }
 435 div#related .page_passage {
 436   font-size:60%;
 437 }
 438 div#footer {
 439   font-size:70%;
 440   padding:0;
 441   margin:16px 0 0 0;
 442 }
 443 div#banner {
 444   float:right;
 445   margin-top:24px;
 446 }
 447 div#preview {
 448   color:inherit;
 449   background-color:#F5F8FF;
 450 }
 451 img#logo {
 452   float:left;
 453   margin-right:20px;
 454 }
 455
 456 /* aname.inc.php */
 457 .anchor_super {
 458   font-size:xx-small;
 459   vertical-align:super;
 460 }
 461
 462 /* list.inc.php */
 463 .page_passage {
 464   font-size:small;
 465 }
 466
 467 /* calendar*.inc.php */
 468 .style_calendar {
 469   padding:0;
 470   border:0;
 471   margin:3px;
 472   color:inherit;
 473   background-color:#CCD5DD;
 474   text-align:center;
 475 }
 476 .style_td_caltop {
 477   padding:5px;
 478   margin:1px;
 479   color:inherit;
 480   background-color:#EEF5FF;
 481   font-size:80%;
 482   text-align:center;
 483 }
 484 .style_td_today {
 485   padding:5px;
 486   margin:1px;
 487   color:inherit;
 488   background-color:#FFFFDD;
 489   text-align:center;
 490 }
 491 .style_td_sat {
 492   padding:5px;
 493   margin:1px;
 494   color:inherit;
 495   background-color:#DDE5FF;
 496   text-align:center;
 497 }
 498 .style_td_sun {
 499   padding:5px;
 500   margin:1px;
 501   color:inherit;
 502   background-color:#FFEEEE;
 503   text-align:center;
 504 }
 505 .style_td_blank {
 506   padding:5px;
 507   margin:1px;
 508   color:inherit;
 509   background-color:#EEF5FF;
 510   text-align:center;
 511 }
 512 .style_td_day {
 513   padding:5px;
 514   margin:1px;
 515   color:inherit;
 516   background-color:#EEF5FF;
 517   text-align:center;
 518 }
 519 .style_td_week {
 520   padding:5px;
 521   margin:1px;
 522   color:inherit;
 523   background-color:#DDE5EE;
 524   font-size:80%;
 525   font-weight:bold;
 526   text-align:center;
 527 }
 528
 529 /* calendar_viewer.inc.php */
 530 div.calendar_viewer {
 531   color:inherit;
 532   background-color:inherit;
 533   margin-top:20px;
 534   margin-bottom:10px;
 535   padding-bottom:10px;
 536 }
 537 span.calendar_viewer_left {
 538   color:inherit;
 539   background-color:inherit;
 540   float:left;
 541 }
 542 span.calendar_viewer_right {
 543   color:inherit;
 544   background-color:inherit;
 545   float:right;
 546 }
 547
 548 /* clear.inc.php */
 549 .clear {
 550   margin:0;
 551   clear:both;
 552 }
 553
 554 /* counter.inc.php */
 555 div.counter {
 556   font-size:70%;
 557 }
 558
 559 /* diff.inc.php */
 560 span.diff_added {
 561   color:blue;
 562   background-color:inherit;
 563 }
 564 span.diff_removed {
 565   color:red;
 566   background-color:inherit;
 567 }
 568
 569 /* hr.inc.php */
 570 hr.short_line {
 571   text-align:center;
 572   width:80%;
 573   border-style:solid;
 574   border-color:#333333;
 575   border-width:1px 0;
 576 }
 577
 578 /* include.inc.php */
 579 h5.side_label {
 580   text-align:center;
 581 }
 582
 583 /* navi.inc.php */
 584 ul.navi {
 585   margin:0;
 586   padding:0;
 587   text-align:center;
 588 }
 589 li.navi_none {
 590   display:inline;
 591   float:none;
 592 }
 593 li.navi_left {
 594   display:inline;
 595   float:left;
 596   text-align:left;
 597 }
 598 li.navi_right {
 599   display:inline;
 600   float:right;
 601   text-align:right;
 602 }
 603
 604 /* new.inc.php */
 605 span.comment_date {
 606   font-size:x-small;
 607 }
 608 span.new1 {
 609   color:red;
 610   background-color:transparent;
 611   font-size:x-small;
 612 }
 613 span.new5 {
 614   color:green;
 615   background-color:transparent;
 616   font-size:xx-small;
 617 }
 618
 619 /* comment.inc.php */
 620 ._p_comment_name {
 621   width:9em;
 622 }
 623 ._p_comment_msg {
 624   width:38em;
 625   max-width:90%;
 626 }
 627
 628 /* article.inc.php */
 629 ._p_article_name {
 630   width:15em;
 631 }
 632 ._p_article_subject {
 633   width:35em;
 634 }
 635 ._p_article_msg {
 636   width:38em;
 637   height:5em;
 638 }
 639
 640 @media (max-width:767px) {
 641   ._p_article_subject {
 642     width:82%;
 643   }
 644   ._p_article_msg {
 645     width:90%;
 646   }
 647 }
 648
 649 /* popular.inc.php */
 650 span.counter {
 651   font-size:70%;
 652 }
 653
 654 /* ref.inc.php */
 655 div.img_margin {
 656   margin-left:32px;
 657   margin-right:32px;
 658 }
 659
 660 /* vote.inc.php */
 661 td.vote_label {
 662   color:inherit;
 663   background-color:#FFCCCC;
 664 }
 665 td.vote_td1 {
 666   color:inherit;
 667   background-color:#DDE5FF;
 668 }
 669 td.vote_td2 {
 670   color:inherit;
 671   background-color:#EEF5FF;
 672 }
 673
 674 /* topicpath.inc.php */
 675 span.topicpath-slash {
 676   margin:0 0.2em;
 677 }
 678 span.topicpath-top {
 679   user-select:none;
 680 }
 681
 682 /* bugtrack.inc.php */
 683 tr.bugtrack_list_header th {
 684   background-color:#ffffcc;
 685 }
 686 tr.bugtrack_state_proposal td {
 687   background-color:#ccccff;
 688 }
 689 tr.bugtrack_state_accept td {
 690   background-color:#ffcc99;
 691 }
 692 tr.bugrack_state_resolved td {
 693   background-color:#ccffcc;
 694 }
 695 tr.bugtrack_state_pending td {
 696   background-color:#ffccff;
 697 }
 698 tr.bugtrack_state_cancel td {
 699   background-color:#cccccc;
 700 }
 701 tr.bugtrack_state_undef td {
 702   background-color:#ff3333;
 703 }
 704 ._p_bugtrack_form_summary {
 705   width:35em;
 706 }
 707 ._p_bugtrack_form_body {
 708   width:35em;
 709 }
 710
 711 @media (max-width:767px) {
 712   table._p_bugtrack_form th,table._p_bugtrack_form td {
 713     display:block;
 714     text-align:left;
 715     margin-left:2%;
 716   }
 717   ._p_bugtrack_form_summary {
 718     width:95%;
 719   }
 720   ._p_bugtrack_form_body {
 721     width:95%;
 722     height:6em;
 723   }
 724 }
 725
 726 /* search2.inc.php  */
 727 .search-result-page-summary {
 728   font-size:70%;
 729   color:gray;
 730   overflow:hidden;
 731   text-overflow:ellipsis;
 732   white-space:nowrap;
 733 }
 734
 735 @media print {
 736   a:link,
 737   a:visited {
 738     text-decoration:underline;
 739   }
 740   img#logo,
 741   div#navigator,
 742   div#menubar,
 743   div#related,
 744   div#attach,
 745   div#toolbar {
 746     display:none;
 747   }
 748 }