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 {
  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:0px;
  59   margin:0px 0px .5em 0px;
  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:0px 0px .5em 0px;
  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:0px 0px .5em 0px;
  81 }
  82 h5, h6 {
  83   font-family:verdana, arial, helvetica, Sans-Serif;
  84   color:inherit;
  85   background-color:#DDEEFF;
  86   padding:.3em;
  87   border:0px;
  88   margin:0px 0px .5em 0px;
  89 }
  90 h1.title {
  91   font-size:30px;
  92   font-weight:bold;
  93   background-color:transparent;
  94   padding:12px 0px 0px 0px;
  95   border:0px;
  96   margin:12px 0px 0px 0px;
  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:0px;
 150   border:0px;
 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 0px;
 244 }
 245 hr.note_hr {
 246   width:90%;
 247   border-style:ridge;
 248   border-color:#333333;
 249   border-width:1px 0px;
 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:0px;
 258   display:inline;
 259 }
 260 span.size2 {
 261   font-size:x-small;
 262   line-height:130%;
 263   text-indent:0px;
 264   display:inline;
 265 }
 266 span.size3 {
 267   font-size:small;
 268   line-height:130%;
 269   text-indent:0px;
 270   display:inline;
 271 }
 272 span.size4 {
 273   font-size:medium;
 274   line-height:130%;
 275   text-indent:0px;
 276   display:inline;
 277 }
 278 span.size5 {
 279   font-size:large;
 280   line-height:130%;
 281   text-indent:0px;
 282   display:inline;
 283 }
 284 span.size6 {
 285   font-size:x-large;
 286   line-height:130%;
 287   text-indent:0px;
 288   display:inline;
 289 }
 290 span.size7 {
 291   font-size:xx-large;
 292   line-height:130%;
 293   text-indent:0px;
 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:0px;
 347   margin:0px;
 348 }
 349
 350 div#navigator {
 351   clear:both;
 352   padding:4px 0px 0px 0px;
 353   margin:0px;
 354 }
 355
 356 td.menubar {
 357   width:9em;
 358   vertical-align:top;
 359 }
 360
 361 div#menubar {
 362   width:9em;
 363   padding:0px;
 364   margin:4px;
 365   word-break:break-all;
 366   font-size:90%;
 367   overflow:hidden;
 368 }
 369 div#menubar ul {
 370   margin:0px 0px 0px .5em;
 371   padding:0px 0px 0px .5em;
 372 }
 373 div#menubar ul li {
 374   line-height:110%;
 375 }
 376 div#menubar h4 {
 377   font-size:110%;
 378 }
 379
 380 div#body {
 381   padding:0px;
 382   margin:0px 0px 0px .5em;
 383 }
 384 div#note {
 385   clear:both;
 386   padding:0px;
 387   margin:0px;
 388 }
 389 div#attach {
 390   clear:both;
 391   padding:0px;
 392   margin:0px;
 393 }
 394 div#toolbar {
 395   clear:both;
 396   padding:0px;
 397   margin:0px;
 398   text-align:right;
 399 }
 400 div#lastmodified {
 401   font-size:80%;
 402   padding:0px;
 403   margin:0px;
 404 }
 405 div#related {
 406   font-size:80%;
 407   padding:0px;
 408   margin:16px 0px 0px 0px;
 409 }
 410 div#related .page_passage {
 411   font-size:60%;
 412 }
 413 div#footer {
 414   font-size:70%;
 415   padding:0px;
 416   margin:16px 0px 0px 0px;
 417 }
 418 div#banner {
 419   float:right;
 420   margin-top:24px;
 421 }
 422 div#preview {
 423   color:inherit;
 424   background-color:#F5F8FF;
 425 }
 426 img#logo {
 427   float:left;
 428   margin-right:20px;
 429 }
 430
 431 /* aname.inc.php */
 432 .anchor_super {
 433   font-size:xx-small;
 434   vertical-align:super;
 435 }
 436
 437 /* list.inc.php */
 438 .page_passage {
 439   font-size:small;
 440 }
 441
 442 /* calendar*.inc.php */
 443 .style_calendar {
 444   padding:0px;
 445   border:0px;
 446   margin:3px;
 447   color:inherit;
 448   background-color:#CCD5DD;
 449   text-align:center;
 450 }
 451 .style_td_caltop {
 452   padding:5px;
 453   margin:1px;
 454   color:inherit;
 455   background-color:#EEF5FF;
 456   font-size:80%;
 457   text-align:center;
 458 }
 459 .style_td_today {
 460   padding:5px;
 461   margin:1px;
 462   color:inherit;
 463   background-color:#FFFFDD;
 464   text-align:center;
 465 }
 466 .style_td_sat {
 467   padding:5px;
 468   margin:1px;
 469   color:inherit;
 470   background-color:#DDE5FF;
 471   text-align:center;
 472 }
 473 .style_td_sun {
 474   padding:5px;
 475   margin:1px;
 476   color:inherit;
 477   background-color:#FFEEEE;
 478   text-align:center;
 479 }
 480 .style_td_blank {
 481   padding:5px;
 482   margin:1px;
 483   color:inherit;
 484   background-color:#EEF5FF;
 485   text-align:center;
 486 }
 487 .style_td_day {
 488   padding:5px;
 489   margin:1px;
 490   color:inherit;
 491   background-color:#EEF5FF;
 492   text-align:center;
 493 }
 494 .style_td_week {
 495   padding:5px;
 496   margin:1px;
 497   color:inherit;
 498   background-color:#DDE5EE;
 499   font-size:80%;
 500   font-weight:bold;
 501   text-align:center;
 502 }
 503
 504 /* calendar_viewer.inc.php */
 505 div.calendar_viewer {
 506   color:inherit;
 507   background-color:inherit;
 508   margin-top:20px;
 509   margin-bottom:10px;
 510   padding-bottom:10px;
 511 }
 512 span.calendar_viewer_left {
 513   color:inherit;
 514   background-color:inherit;
 515   float:left;
 516 }
 517 span.calendar_viewer_right {
 518   color:inherit;
 519   background-color:inherit;
 520   float:right;
 521 }
 522
 523 /* clear.inc.php */
 524 .clear {
 525   margin:0px;
 526   clear:both;
 527 }
 528
 529 /* counter.inc.php */
 530 div.counter {
 531   font-size:70%;
 532 }
 533
 534 /* diff.inc.php */
 535 span.diff_added {
 536   color:blue;
 537   background-color:inherit;
 538 }
 539 span.diff_removed {
 540   color:red;
 541   background-color:inherit;
 542 }
 543
 544 /* hr.inc.php */
 545 hr.short_line {
 546   text-align:center;
 547   width:80%;
 548   border-style:solid;
 549   border-color:#333333;
 550   border-width:1px 0px;
 551 }
 552
 553 /* include.inc.php */
 554 h5.side_label {
 555   text-align:center;
 556 }
 557
 558 /* navi.inc.php */
 559 ul.navi {
 560   margin:0px;
 561   padding:0px;
 562   text-align:center;
 563 }
 564 li.navi_none {
 565   display:inline;
 566   float:none;
 567 }
 568 li.navi_left {
 569   display:inline;
 570   text-align:left;
 571 }
 572 li.navi_right {
 573   display:inline;
 574   text-align:right;
 575 }
 576
 577 /* new.inc.php */
 578 span.comment_date {
 579   font-size:x-small;
 580 }
 581 span.new1 {
 582   color:red;
 583   background-color:transparent;
 584   font-size:x-small;
 585 }
 586 span.new5 {
 587   color:green;
 588   background-color:transparent;
 589   font-size:xx-small;
 590 }
 591
 592 /* popular.inc.php */
 593 span.counter {
 594   font-size:70%;
 595 }
 596
 597 /* ref.inc.php */
 598 div.img_margin {
 599   margin-left:32px;
 600   margin-right:32px;
 601 }
 602
 603 /* vote.inc.php */
 604 td.vote_label {
 605   color:inherit;
 606   background-color:#FFCCCC;
 607 }
 608 td.vote_td1 {
 609   color:inherit;
 610   background-color:#DDE5FF;
 611 }
 612 td.vote_td2 {
 613   color:inherit;
 614   background-color:#EEF5FF;
 615 }
 616
 617 /* topicpath.inc.php */
 618 span.topicpath-slash {
 619   margin:0 0.2em;
 620 }
 621 span.topicpath-top {
 622   user-select:none;
 623 }
 624
 625 /* bugtrack.inc.php */
 626 tr.bugtrack_list_header th {
 627   background-color:#ffffcc;
 628 }
 629 tr.bugtrack_state_proposal td {
 630   background-color:#ccccff;
 631 }
 632 tr.bugtrack_state_accept td {
 633   background-color:#ffcc99;
 634 }
 635 tr.bugrack_state_resolved td {
 636   background-color:#ccffcc;
 637 }
 638 tr.bugtrack_state_pending td {
 639   background-color:#ffccff;
 640 }
 641 tr.bugtrack_state_cancel td {
 642   background-color:#cccccc;
 643 }
 644 tr.bugtrack_state_undef td {
 645   background-color:#ff3333;
 646 }
 647
 648 /* search2.inc.php  */
 649 .search-result-page-summary {
 650   font-size:70%;
 651   color:gray;
 652   overflow:hidden;
 653   text-overflow:ellipsis;
 654   white-space:nowrap;
 655 }
 656
 657 @media print {
 658   a:link,
 659   a:visited {
 660     text-decoration:underline;
 661   }
 662   img#logo,
 663   div#navigator,
 664   div#menubar,
 665   td.menubar,
 666   div#related,
 667   div#attach,
 668   div#toolbar {
 669     display:none;
 670   }
 671 }