skin/pukiwiki.css

   1 @charset "UTF-8";
   2
   3 /*!
   4  * PukiWiki - Yet another WikiWikiWeb clone.
   5  * Copyright (C)
   6  *   2002-2016 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;
 112         color:black;
 113         background-color:#F0F8FF;
 114 }
 115
 116 img {
 117         border:none;
 118         vertical-align:middle;
 119 }
 120
 121 ul {
 122         margin-top:.5em;
 123         margin-bottom:.5em;
 124         line-height:130%;
 125 }
 126
 127 em { font-style:italic; }
 128
 129 strong { font-weight:bold; }
 130
 131 thead td.style_td,
 132 tfoot td.style_td {
 133         color:inherit;
 134         background-color:#D0D8E0;
 135 }
 136 thead th.style_th,
 137 tfoot th.style_th {
 138         color:inherit;
 139         background-color:#E0E8F0;
 140 }
 141 .style_table {
 142         padding:0px;
 143         border:0px;
 144         margin:auto;
 145         text-align:left;
 146         color:inherit;
 147         background-color:#ccd5dd;
 148 }
 149 .style_th {
 150         padding:5px;
 151         margin:1px;
 152         text-align:center;
 153         color:inherit;
 154         background-color:#EEEEEE;
 155 }
 156 .style_td {
 157         padding:5px;
 158         margin:1px;
 159         color:inherit;
 160         background-color:#EEF5FF;
 161 }
 162
 163 ul.list1 { list-style-type:disc; }
 164 ul.list2 { list-style-type:circle; }
 165 ul.list3 { list-style-type:square; }
 166 ol.list1 { list-style-type:decimal; }
 167 ol.list2 { list-style-type:lower-roman; }
 168 ol.list3 { list-style-type:lower-alpha; }
 169
 170 div.ie5 { text-align:center; }
 171
 172 span.noexists {
 173         color:inherit;
 174         background-color:#FFFACC;
 175 }
 176
 177 .small { font-size:80%; }
 178
 179 .super_index {
 180         color:#DD3333;
 181         background-color:inherit;
 182         font-weight:bold;
 183         font-size:60%;
 184         vertical-align:super;
 185 }
 186
 187 a.note_super {
 188         color:#DD3333;
 189         background-color:inherit;
 190         font-weight:bold;
 191         font-size:60%;
 192         vertical-align:super;
 193 }
 194
 195 div.jumpmenu {
 196         font-size:60%;
 197         text-align:right;
 198 }
 199
 200 hr.full_hr {
 201         border-style:ridge;
 202         border-color:#333333;
 203         border-width:1px 0px;
 204 }
 205 hr.note_hr {
 206         width:90%;
 207         border-style:ridge;
 208         border-color:#333333;
 209         border-width:1px 0px;
 210         text-align:center;
 211         margin:1em auto 0em auto;
 212 }
 213
 214 span.size1 {
 215         font-size:xx-small;
 216         line-height:130%;
 217         text-indent:0px;
 218         display:inline;
 219 }
 220 span.size2 {
 221         font-size:x-small;
 222         line-height:130%;
 223         text-indent:0px;
 224         display:inline;
 225 }
 226 span.size3 {
 227         font-size:small;
 228         line-height:130%;
 229         text-indent:0px;
 230         display:inline;
 231 }
 232 span.size4 {
 233         font-size:medium;
 234         line-height:130%;
 235         text-indent:0px;
 236         display:inline;
 237 }
 238 span.size5 {
 239         font-size:large;
 240         line-height:130%;
 241         text-indent:0px;
 242         display:inline;
 243 }
 244 span.size6 {
 245         font-size:x-large;
 246         line-height:130%;
 247         text-indent:0px;
 248         display:inline;
 249 }
 250 span.size7 {
 251         font-size:xx-large;
 252         line-height:130%;
 253         text-indent:0px;
 254         display:inline;
 255 }
 256
 257 /* html.php/catbody() */
 258 strong.word0 {
 259         background-color:#FFFF66;
 260         color:black;
 261 }
 262 strong.word1 {
 263         background-color:#A0FFFF;
 264         color:black;
 265 }
 266 strong.word2 {
 267         background-color:#99FF99;
 268         color:black;
 269 }
 270 strong.word3 {
 271         background-color:#FF9999;
 272         color:black;
 273 }
 274 strong.word4 {
 275         background-color:#FF66FF;
 276         color:black;
 277 }
 278 strong.word5 {
 279         background-color:#880000;
 280         color:white;
 281 }
 282 strong.word6 {
 283         background-color:#00AA00;
 284         color:white;
 285 }
 286 strong.word7 {
 287         background-color:#886800;
 288         color:white;
 289 }
 290 strong.word8 {
 291         background-color:#004699;
 292         color:white;
 293 }
 294 strong.word9 {
 295         background-color:#990099;
 296         color:white;
 297 }
 298
 299 /* html.php/edit_form() */
 300 .edit_form { clear:both; }
 301
 302 /* pukiwiki.skin.php */
 303 div#header {
 304         padding:0px;
 305         margin:0px;
 306 }
 307
 308 div#navigator {
 309         clear:both;
 310         padding:4px 0px 0px 0px;
 311         margin:0px;
 312 }
 313
 314 td.menubar {
 315         width:9em;
 316         vertical-align:top;
 317 }
 318
 319 div#menubar {
 320         width:9em;
 321         padding:0px;
 322         margin:4px;
 323         word-break:break-all;
 324         font-size:90%;
 325         overflow:hidden;
 326 }
 327
 328 div#menubar ul {
 329         margin:0px 0px 0px .5em;
 330         padding:0px 0px 0px .5em;
 331 }
 332
 333 div#menubar ul li { line-height:110%; }
 334
 335 div#menubar h4 { font-size:110%; }
 336
 337 div#body {
 338         padding:0px;
 339         margin:0px 0px 0px .5em;
 340 }
 341
 342 div#note {
 343         clear:both;
 344         padding:0px;
 345         margin:0px;
 346 }
 347
 348 div#attach {
 349         clear:both;
 350         padding:0px;
 351         margin:0px;
 352 }
 353
 354 div#toolbar {
 355         clear:both;
 356         padding:0px;
 357         margin:0px;
 358         text-align:right;
 359 }
 360
 361 div#lastmodified {
 362         font-size:80%;
 363         padding:0px;
 364         margin:0px;
 365 }
 366
 367 div#related {
 368         font-size:80%;
 369         padding:0px;
 370         margin:16px 0px 0px 0px;
 371 }
 372
 373 div#footer {
 374         font-size:70%;
 375         padding:0px;
 376         margin:16px 0px 0px 0px;
 377 }
 378
 379 div#banner {
 380         float:right;
 381         margin-top:24px;
 382 }
 383
 384 div#preview {
 385         color:inherit;
 386         background-color:#F5F8FF;
 387 }
 388
 389 img#logo {
 390         float:left;
 391         margin-right:20px;
 392 }
 393
 394 /* aname.inc.php */
 395 .anchor {}
 396 .anchor_super {
 397         font-size:xx-small;
 398         vertical-align:super;
 399 }
 400
 401 /* br.inc.php */
 402 br.spacer {}
 403
 404 /* calendar*.inc.php */
 405 .style_calendar {
 406         padding:0px;
 407         border:0px;
 408         margin:3px;
 409         color:inherit;
 410         background-color:#CCD5DD;
 411         text-align:center;
 412 }
 413 .style_td_caltop {
 414         padding:5px;
 415         margin:1px;
 416         color:inherit;
 417         background-color:#EEF5FF;
 418         font-size:80%;
 419         text-align:center;
 420 }
 421 .style_td_today {
 422         padding:5px;
 423         margin:1px;
 424         color:inherit;
 425         background-color:#FFFFDD;
 426         text-align:center;
 427 }
 428 .style_td_sat {
 429         padding:5px;
 430         margin:1px;
 431         color:inherit;
 432         background-color:#DDE5FF;
 433         text-align:center;
 434 }
 435 .style_td_sun {
 436         padding:5px;
 437         margin:1px;
 438         color:inherit;
 439         background-color:#FFEEEE;
 440         text-align:center;
 441 }
 442 .style_td_blank {
 443         padding:5px;
 444         margin:1px;
 445         color:inherit;
 446         background-color:#EEF5FF;
 447         text-align:center;
 448 }
 449 .style_td_day {
 450         padding:5px;
 451         margin:1px;
 452         color:inherit;
 453         background-color:#EEF5FF;
 454         text-align:center;
 455 }
 456 .style_td_week {
 457         padding:5px;
 458         margin:1px;
 459         color:inherit;
 460         background-color:#DDE5EE;
 461         font-size:80%;
 462         font-weight:bold;
 463         text-align:center;
 464 }
 465
 466 /* calendar_viewer.inc.php */
 467 div.calendar_viewer {
 468         color:inherit;
 469         background-color:inherit;
 470         margin-top:20px;
 471         margin-bottom:10px;
 472         padding-bottom:10px;
 473 }
 474 span.calendar_viewer_left {
 475         color:inherit;
 476         background-color:inherit;
 477         float:left;
 478 }
 479 span.calendar_viewer_right {
 480         color:inherit;
 481         background-color:inherit;
 482         float:right;
 483 }
 484
 485 /* clear.inc.php */
 486 .clear {
 487         margin:0px;
 488         clear:both;
 489 }
 490
 491 /* counter.inc.php */
 492 div.counter { font-size:70%; }
 493
 494 /* diff.inc.php */
 495 span.diff_added {
 496         color:blue;
 497         background-color:inherit;
 498 }
 499
 500 span.diff_removed {
 501         color:red;
 502         background-color:inherit;
 503 }
 504
 505 /* hr.inc.php */
 506 hr.short_line {
 507         text-align:center;
 508         width:80%;
 509         border-style:solid;
 510         border-color:#333333;
 511         border-width:1px 0px;
 512 }
 513
 514 /* include.inc.php */
 515 h5.side_label { text-align:center; }
 516
 517 /* navi.inc.php */
 518 ul.navi {
 519         margin:0px;
 520         padding:0px;
 521         text-align:center;
 522 }
 523 li.navi_none {
 524         display:inline;
 525         float:none;
 526 }
 527 li.navi_left {
 528         display:inline;
 529         float:left;
 530         text-align:left;
 531 }
 532 li.navi_right {
 533         display:inline;
 534         float:right;
 535         text-align:right;
 536 }
 537
 538 /* new.inc.php */
 539 span.comment_date { font-size:x-small; }
 540 span.new1 {
 541         color:red;
 542         background-color:transparent;
 543         font-size:x-small;
 544 }
 545 span.new5 {
 546         color:green;
 547         background-color:transparent;
 548         font-size:xx-small;
 549 }
 550
 551 /* popular.inc.php */
 552 span.counter { font-size:70%; }
 553 ul.popular_list {
 554 /*
 555         padding:0px;
 556         border:0px;
 557         margin:0px 0px 0px 1em;
 558         word-wrap:break-word;
 559         word-break:break-all;
 560 */
 561 }
 562
 563 /* recent.inc.php,showrss.inc.php */
 564 ul.recent_list {
 565 /*
 566         padding:0px;
 567         border:0px;
 568         margin:0px 0px 0px 1em;
 569         word-wrap:break-word;
 570         word-break:break-all;
 571 */
 572 }
 573
 574 /* ref.inc.php */
 575 div.img_margin {
 576         margin-left:32px;
 577         margin-right:32px;
 578 }
 579
 580 /* vote.inc.php */
 581 td.vote_label {
 582         color:inherit;
 583         background-color:#FFCCCC;
 584 }
 585 td.vote_td1 {
 586         color:inherit;
 587         background-color:#DDE5FF;
 588 }
 589 td.vote_td2 {
 590         color:inherit;
 591         background-color:#EEF5FF;
 592 }
 593
 594 @media print {
 595   a:link,
 596   a:visited {
 597     text-decoration: underline;
 598   }
 599   img#logo,
 600   div#navigator,
 601   div#menubar,
 602   td.menubar,
 603   div#related,
 604   div#attach,
 605   div#toolbar {
 606     display: none;
 607   }
 608 }