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 @media print {
 622   a:link,
 623   a:visited {
 624     text-decoration: underline;
 625   }
 626   img#logo,
 627   div#navigator,
 628   div#menubar,
 629   td.menubar,
 630   div#related,
 631   div#attach,
 632   div#toolbar {
 633     display: none;
 634   }
 635 }