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