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