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
 392 div#footer {
 393   font-size:70%;
 394   padding:0px;
 395   margin:16px 0px 0px 0px;
 396 }
 397
 398 div#banner {
 399   float:right;
 400   margin-top:24px;
 401 }
 402
 403 div#preview {
 404   color:inherit;
 405   background-color:#F5F8FF;
 406 }
 407
 408 img#logo {
 409   float:left;
 410   margin-right:20px;
 411 }
 412
 413 /* aname.inc.php */
 414 .anchor {}
 415 .anchor_super {
 416   font-size:xx-small;
 417   vertical-align:super;
 418 }
 419
 420 /* br.inc.php */
 421 br.spacer {}
 422
 423 /* calendar*.inc.php */
 424 .style_calendar {
 425   padding:0px;
 426   border:0px;
 427   margin:3px;
 428   color:inherit;
 429   background-color:#CCD5DD;
 430   text-align:center;
 431 }
 432 .style_td_caltop {
 433   padding:5px;
 434   margin:1px;
 435   color:inherit;
 436   background-color:#EEF5FF;
 437   font-size:80%;
 438   text-align:center;
 439 }
 440 .style_td_today {
 441   padding:5px;
 442   margin:1px;
 443   color:inherit;
 444   background-color:#FFFFDD;
 445   text-align:center;
 446 }
 447 .style_td_sat {
 448   padding:5px;
 449   margin:1px;
 450   color:inherit;
 451   background-color:#DDE5FF;
 452   text-align:center;
 453 }
 454 .style_td_sun {
 455   padding:5px;
 456   margin:1px;
 457   color:inherit;
 458   background-color:#FFEEEE;
 459   text-align:center;
 460 }
 461 .style_td_blank {
 462   padding:5px;
 463   margin:1px;
 464   color:inherit;
 465   background-color:#EEF5FF;
 466   text-align:center;
 467 }
 468 .style_td_day {
 469   padding:5px;
 470   margin:1px;
 471   color:inherit;
 472   background-color:#EEF5FF;
 473   text-align:center;
 474 }
 475 .style_td_week {
 476   padding:5px;
 477   margin:1px;
 478   color:inherit;
 479   background-color:#DDE5EE;
 480   font-size:80%;
 481   font-weight:bold;
 482   text-align:center;
 483 }
 484
 485 /* calendar_viewer.inc.php */
 486 div.calendar_viewer {
 487   color:inherit;
 488   background-color:inherit;
 489   margin-top:20px;
 490   margin-bottom:10px;
 491   padding-bottom:10px;
 492 }
 493 span.calendar_viewer_left {
 494   color:inherit;
 495   background-color:inherit;
 496   float:left;
 497 }
 498 span.calendar_viewer_right {
 499   color:inherit;
 500   background-color:inherit;
 501   float:right;
 502 }
 503
 504 /* clear.inc.php */
 505 .clear {
 506   margin:0px;
 507   clear:both;
 508 }
 509
 510 /* counter.inc.php */
 511 div.counter { font-size:70%; }
 512
 513 /* diff.inc.php */
 514 span.diff_added {
 515   color:blue;
 516   background-color:inherit;
 517 }
 518
 519 span.diff_removed {
 520   color:red;
 521   background-color:inherit;
 522 }
 523
 524 /* hr.inc.php */
 525 hr.short_line {
 526   text-align:center;
 527   width:80%;
 528   border-style:solid;
 529   border-color:#333333;
 530   border-width:1px 0px;
 531 }
 532
 533 /* include.inc.php */
 534 h5.side_label { text-align:center; }
 535
 536 /* navi.inc.php */
 537 ul.navi {
 538   margin:0px;
 539   padding:0px;
 540   text-align:center;
 541 }
 542 li.navi_none {
 543   display:inline;
 544   float:none;
 545 }
 546 li.navi_left {
 547   display:inline;
 548   float:left;
 549   text-align:left;
 550 }
 551 li.navi_right {
 552   display:inline;
 553   float:right;
 554   text-align:right;
 555 }
 556
 557 /* new.inc.php */
 558 span.comment_date { font-size:x-small; }
 559 span.new1 {
 560   color:red;
 561   background-color:transparent;
 562   font-size:x-small;
 563 }
 564 span.new5 {
 565   color:green;
 566   background-color:transparent;
 567   font-size:xx-small;
 568 }
 569
 570 /* popular.inc.php */
 571 span.counter { font-size:70%; }
 572 ul.popular_list {
 573 /*
 574   padding:0px;
 575   border:0px;
 576   margin:0px 0px 0px 1em;
 577   word-wrap:break-word;
 578   word-break:break-all;
 579 */
 580 }
 581
 582 /* recent.inc.php,showrss.inc.php */
 583 ul.recent_list {
 584 /*
 585   padding:0px;
 586   border:0px;
 587   margin:0px 0px 0px 1em;
 588   word-wrap:break-word;
 589   word-break:break-all;
 590 */
 591 }
 592
 593 /* ref.inc.php */
 594 div.img_margin {
 595   margin-left:32px;
 596   margin-right:32px;
 597 }
 598
 599 /* vote.inc.php */
 600 td.vote_label {
 601   color:inherit;
 602   background-color:#FFCCCC;
 603 }
 604 td.vote_td1 {
 605   color:inherit;
 606   background-color:#DDE5FF;
 607 }
 608 td.vote_td2 {
 609   color:inherit;
 610   background-color:#EEF5FF;
 611 }
 612
 613 /* topicpath.inc.php */
 614 span.topicpath-slash {
 615   margin: 0 0.4em;
 616 }
 617 span.topicpath-top {
 618   user-select: none;
 619 }
 620
 621 /* bugtrack.inc.php */
 622 tr.bugtrack_list_header th {
 623   background-color: #ffffcc;
 624 }
 625 tr.bugtrack_state_proposal td {
 626   background-color: #ccccff;
 627 }
 628 tr.bugtrack_state_accept td {
 629   background-color: #ffcc99;
 630 }
 631 tr.bugrack_state_resolved td {
 632   background-color: #ccffcc;
 633 }
 634 tr.bugtrack_state_pending td {
 635   background-color: #ffccff;
 636 }
 637 tr.bugtrack_state_cancel td {
 638   background-color: #cccccc;
 639 }
 640 tr.bugtrack_state_undef td {
 641   background-color: #ff3333;
 642 }
 643
 644 /* search2.inc.php  */
 645 input#_plugin_search2_detail:checked ~ ul > div.search-result-detail {
 646   display: block;
 647 }
 648 input#_plugin_search2_detail ~ ul > div.search-result-detail {
 649   display: none;
 650 }
 651 ._plugin_search2_search_status {
 652   min-height: 1.5em;
 653 }
 654 .search-result-page-summary {
 655   font-size: 70%;
 656   color: gray;
 657   overflow: hidden;
 658   text-overflow: ellipsis;
 659   white-space: nowrap;
 660 }
 661
 662 @media print {
 663   a:link,
 664   a:visited {
 665     text-decoration: underline;
 666   }
 667   img#logo,
 668   div#navigator,
 669   div#menubar,
 670   td.menubar,
 671   div#related,
 672   div#attach,
 673   div#toolbar {
 674     display: none;
 675   }
 676 }