skin/pukiwiki.css

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