Wiki//Style//SuikaWiki//HTML

Edit New

Wiki//Style//SuikaWiki//HTML

@import 'https://suika.suikawiki.org/www/style/ui/toc-style-float.css'; @namespace ab 'http://suika.fam.cx/~wakaba/archive/2004/12/6/ab#'; @namespace toc 'http://suika.fam.cx/~wakaba/archive/2005/3/toc#'; @namespace h1 'http://www.w3.org/1999/xhtml'; @namespace h2 'http://www.w3.org/2002/06/xhtml2/'; @namespace xoxo 'http://suika.fam.cx/www/style/html/xoxo#'; @namespace RUBY 'http://piro.sakura.ne.jp/rubysupport';

/* 全体 */ body {

  background-color: transparent;
  background-image: url(/~wakaba/-temp/2004/sw);
  background-position: right bottom;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 0.5em 4em 0.5em 1.5em;
  color: inherit;
  line-height: 210%;
  font-size: 100%;
}

.wiki-section {

  clear: both;
}

/* 見出し(*〓、**〓、***〓) */ h1, h2, h3, h4, h5, h6 {

  border-style: outset;
  -moz-border-radius-topright: 5%;
  border-width: thin;
  border-color: #5555AA;
	padding: 0.3em 0px 5px 0.3em;
  text-align: left;
  font-family: sans-serif;
}
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before,
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
  content: "";
}

h1 {

	color: #222277;
  margin: 0 -3em 1em -1.5em;
  -moz-border-radius: 0;
	background-color: #5555AA;
	color: #FFFFFF;
  font-weight: bolder;
  font-size: 120%;
  line-height: 140%;
  letter-spacing: 0.1em;
  -moz-binding: url(https://suika.suikawiki.org/www/style/ui/toc#after);
}

h2 {

  margin-top: 1.5em;
	background-color: #AAAAFF;
  color: black;
  font-weight: bolder;
  font-size: 100% !important;
  line-height: 120%;
}
h3 {
  margin-bottom: 0.5em;
	background-color: #ddddff;
  color: #5555ff;
  font-weight: bolder;
  font-size: 100%;
  line-height: 120%;
}
h4 {
  border-color: #ff8040;
  padding-left: 0.5em;
  font-weight: bolder;
  font-size: 100%;
  line-height: 120%;
}
h5 {
  border-color: #80ff00;
  padding-left: 0.6em;
  font-weight: bolder;
  font-size: 100%;
  line-height: 120%;
}
h6 {
  border-color: #ffff00;
  padding-left: 0.8em;
  font-weight: bolder;
  font-size: 100%;
  line-height: 120%;
}

#see-also, #referer { /* max-height: 20em; */

  overflow: auto;
}

@media print {

  #see-also, #referer {
    font-size: 80%;
    max-height: auto;
    max-height: -moz-initial;
  }
}

/* 段落 */ p, pre, blockquote, ul, ol, dl, table, form {

  margin: 0 1.5em 0.2em 1.5em;
}

p { /* max-width: 95%;

  height: auto;
  overflow: auto; Moz で不要な scroll bar が出てしまう。 */
  text-indent: 1em;
  text-align: justify;
}

blockquote

	{ border:1px inset #d0e0ff;
	margin:0.35em 1em; padding: 0.03em 0.25em;
  background-color: #fbfffb;
  color: black;
}

h1 + pre {

  clear: both;
}

pre {

  border:thin dotted #ccccff; background-color:#eeeeff;
  padding:0.5em;
  max-width: 95%;
  max-height: 20em;
  overflow: auto;
  font-size: 100%;
  line-height: 1.0;
}

/* リスト */ li {

  margin: 0px 0px 0px 0px;
  text-align: justify;
}

ul, ol { /* max-width: 95%;

  height: auto;
  overflow: auto; */
}
li:hover, li li li:hover {
  outline: solid thin #ffecf5;
}
li li:hover, dd li:hover {
  outline: solid thin #f4fffa;
}
h1|div[toc|toc] li:hover,
h1|div[toc|toc] li li:hover,
h1|div[toc|toc] li li li:hover {
  background-color: transparent;
  color: inherit;
}

dl {

  display: block;
  padding: 0;
}
dt {
  display: block;
  float: left;
  clear: both;
  width: 20%;
  margin: 0;
  border-left: #dadff5 0.3em solid;
  padding: 0 0 0 0.1em;
  font-weight: bolder;
}
dd {
  margin: 0 0 0 0.5em;
  border-style: none;
  padding: 0 0 0.1em 0.5em;
  max-width: 85%;
  max-height: 24em;
  overflow: auto;
  text-align: justify;
}
dl dl dt, dl dl dd {
  border-color: #ffe1f0;
}
dt:hover, dt:hover + dd, dd:hover {
  outline: solid thin #ffecf5;
}
dd dd:hover, dd dt:hover + dd, li dd:hover, li dt:hover + dd,
dd dd dt:hover, li dt:hover {
  outline: solid thin #f4fffa;
}
dl + * {
  clear: both;
}
dt:hover, dd:hover, li:hover {
  z-index: 10000;
}

/* Anchors */ /* 属性選択子も理解できない糞 UA はとっとと死滅してほしいんだが。 */ a {

  text-decoration: none;
}
a[href] {
  border: #0000CC none 1px;
  padding: 0.1em;
  text-decoration: underline;
}
a:link {
  border-color: #8080ff;
  background-color: transparent;
  color: #0000CC;
}
a:visited {
  border-color: #d2a6ff;
  background-color: transparent;
  color: #000080;
}
a img {
  text-decoration: none;
}
	A:link IMG 	{border: 1px solid blue}
	A:visited IMG	{border: 1px solid purple}
	A:active IMG	{border: 1px solid red}
	A:hover IMG	{border: 1px solid #ffa}

/* Inner-wiki Links */ a.wiki {

  border-style: none none dashed none;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

a.wiki:link {

  border-color: #e1e1ff;
}

a.wiki:visited {

  border-color: #ffddff;
}

/* Linked WikiPage is not yet written */ a.wiki.not-exist {

  border-color: #ffeef7 !important;
}

a.wiki-anchor, a[href].wiki-anchor /* >>\d+ */ {

  border-style: none;
  text-decoration: none;
}
a[href^="#"]:link, a[href^="#"]:visited {
  border-style: none !important;
  text-decoration: none;
}
a:hover {
  background-color: #FFA;
  color: #000080;
}
a.wiki:hover {
  border-bottom-style: solid;

} a.wiki:link:hover {

  border-bottom-color: red;
}
a.wiki:visited:hover {
  border-bottom-color: purple;
}
a:active {
  color: red;

} a.wiki-cmd /* View, Edit, AdminEdit */ {

  border-style: dotted;
  border-color: ButtonShadow;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}
.tools a.wiki-cmd {
  border-color: InfoBackground /* same as div.tools/background-color ! */;
}
.tools a[href].wiki-cmd {
  border-color: -moz-Dialog /* same as div.tools/background-color ! */;
}
a.wiki-cmd:hover {
  border-style: outset;
  border-color: ButtonShadow;
  background-color: ButtonFace;
  color: ButtonText;
}
a.wiki-cmd:active {
  border-style: inset;
  border-color: ButtonShadow;
  background-color: ButtonFace;
  color: ButtonText;
}
a.uri {
  font-size: 60%;
}

@media print {

  a.wiki {
    border-style: none;
  }
  a .mark {
    display: none;
  }
}

/* \[\d+\] */ a.anchor {

  display: block;
  position: absolute;
  top: auto;
  left: 0;
  width: 3em;
  text-align: right;
  vertical-align: super;
  background-color: transparent;
  color: #C0C0C0;
  font-size: 80%;
  line-height: 1.0;
  text-indent: 0;
}
p:hover a.anchor,
li:hover a.anchor,
dd:hover a.anchor {
  background-color: #ffecf5;
  color: red;
}
li li:hover a.anchor, dd li:hover a.anchor {
  background-color: #f4fffa;
  color: red;
}

/* 表 */ table {

  margin-left: auto;
  margin-right: auto;
  border: 1px solid #CCCCFF;
}

tbody { }

tr:hover {

  background-color: #ffecf5;
  color: black;
}

td {

  padding: 0.5em;
  line-height: 180%;
  min-width: 1em;
}

td:hover {

  background-color: #f4fffa;
  color: black;
}
table a.anchor {
  background-color: #F4FFFA;
  color: red;
}

table .uri {

  font-size: 70%;
}

.content {

    line-height: 140%;
    margin: 1em 0 1em 1em;
    font-size: small;
}
.footer {
    text-align: left;
    font-size: x-small;
}
.InterWiki {
	color: black;
	background: #eee;
}

/* navigation anchors */ #tools1, .tools {

  float: right;
  width: 36%; max-width: 15.5em;
  margin: 0;
  border-style: ridge;
  -moz-border-radius: 3%;
  border-color: InactiveBorder;
  border-width: meduim;
  padding: 0.1em;
  line-height: 125%;
  text-align: center;
  background-color: InfoBackground;
  color: InfoText;

  -moz-opacity: 0.3;
  font-size: 85%;
}
#tools1 {
  position: fixed;
  margin-top: -3em;
}
#last-modified + .tools, #toc + .tools /* navigation bar in footer */ {
  display: none;
}
#tools1:hover, .tools:hover {
  border-color: ActiveBorder;
  -moz-opacity: 0.99;
}
#tools1, .tools {
  color: -moz-DialogText;
  background-color: -moz-Dialog;
}

@media print {

  #tools1, .tools {
    display: none;
  }
}

/* table of contents */ h1|div[toc|toc] {

  float: right;
  position: fixed;
    /* .DRAGABLE になる前に position を fixed にしておかないと、
       (XBL を使った場合 Mozilla は) mousemove などの刺激がないと
       反映されない。不具合か仕様か微妙なところ。
       absolute にすると落ちる。こっちは不具合だろう。
       しかしこうすると XBL も drag.js も効かない UA
       で邪魔な固定物が出てきて問題があるかも。 */
  width: 32%; max-width: 15.5em;
  max-height: 80%;
  clear: both;
  overflow: auto;
  overflow-y: hidden;
  margin: 0 0 0.5em 0.5em;
  border-style: ridge;
  -moz-border-radius: 3%;
  border-color: #66b3ff;
  border-width: meduim;
  -moz-resizer: both;
  padding: 0.03em;
  -moz-opacity: 0.3;
  background-color: InfoBackground;
  color: InfoText;
}
/* 目次 : 普段は小さくしておいて、 hover 時だけ展開する */
/* WinIE 6, WinOpera 7.02 は (非 A):hover に未対応, Opera 7.11 は対応。 */
h1|div[toc|toc]:not(.OPERA) {
/*  max-height: 1em; */
}
h1|div[toc|toc]:hover {
  -moz-opacity: 0.99;
}
h1|div[toc|toc]:hover:not(.OPERA) {
/*  max-height: 80%; */
}

/* h1|div[toc|toc] h2|h {

  display: none;
}
*/

h1|div[toc|toc] > h2|nl {

  display: block;
  margin: 0;
  border-style: none;
  padding: 0;
  width: 90%;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: hidden;
}

h1|div[toc|toc] > h2|nl h2|nl {

  display: block;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-style: none;
  padding: 0;
}

h1|div[toc|toc] h2|li {

  display: block;
  list-style-type: none;
  margin: 0 0 0 1em;
  border-style: none;
  padding: 0;
}

h1|div[toc|toc] h2|label {

  display: block;
  list-style-type: none;
  margin: 0;
  border-style: none;
  padding: 0;
  font-weight: normal;
  cursor: pointer;
}

h1|div[toc|toc] h2|label, h1|div[toc|toc] h2|label[href] {

  -moz-binding: url(/www/style/html/xhtml2-dynamic.xbl#expandable-label-open-by-hover);
}

h2|nl:not([xoxo|compact]) > h2|label:after {

  content: " \0025BF";
}

h2|nl[xoxo|compact] > h2|label:after {

  content: " \0025BE";
}

h1|div[toc|toc] h2|nl[xoxo|compact] > h2|li {

  display: none;
}

@media print {

  h1|div[toc|toc] {
    /* あったほうがいい? */
    display: none;
  }
}

/* #toc a:link, #toc a:visited, #toc a[href]:link, #toc a[href]:visited

        {border-style: none none none none !important;
        border-width: 1px;
        border-color: #C0C0C0;
        padding: 0.01em;
        text-decoration: none !important;
}
*/

h1|div[toc|toc].DRAGABLE {

  position: fixed;
  right: 1em;
  top: 5em;
  margin: 0;
  border-style: outset;
}
#tools1.DRAGABLE {
  margin: 0;
  border-style: outset;
}
#toc.DRAGABLE.MSIE, #tools1.DRAGABLE.MSIE {
  filter: progid:DXImageTransform.Microsoft.Alpha(enable=true,opacity=30);
}
#toc.DRAGABLE.MSIE.HOVER, #tools1.DRAGABLE.MSIE.HOVER {
  filter: progid:DXImageTransform.Microsoft.Alpha(enable=false);
}

#toc.DRAGING, #tools1.DRAGING {

  cursor: move;
}

/* footer: last-modified */ #last-modified {

  margin: 0;
  border-style: solid solid none none; border-color: #C0C0C0;
  border-width: thin;
  padding: 0.1em;
  text-align: right;
  color: gray;
}
#footer { /* footer in both HTML and XHTML mode */
  margin: 0;
  border-left: solid #C0C0C0 thin;
  border-top: solid #C0C0C0 thin;
  padding-left: 0.1em;
  padding-top: 0.1em;
  overflow: hidden;
}
DIV#footer { /* footer in HTML (not XHTML) mode */
  border-bottom: solid gray thin;
  border-right: solid gray thin;
  padding-bottom: 0.1em;
  padding-right: 0.1em;
}

@media print {

  #footer {
    display: none;
  }
}

abbr[title] {

  border-bottom: #ffb3d9 dashed 1px;
  cursor: help;
  -moz-binding: url(https://suika.suikawiki.org/www/style/ui/sidenote.xbl#abbr);
}

ab|note, ab|fnref + cite.src {

  display: block;
  position: absolute;
  top: auto;
  right: 0.5em;
  width: 4.5em;
  margin: 1px;
  border: 1px dotted green;
  padding: 2px;
  font-size: smaller;
  line-height: 110%;
  text-align: left;}
ab|note {
  text-indent: -1em;
}
ab|fnref + cite.src {
  text-indent: -1.5em;
  -moz-binding: url(https://suika.suikawiki.org/www/style/ui/sidenote.xbl#bottom-by-previous-sibling-offset);
}
ab|note:before {
  content: "< ";
  cursor: pointer;
}
ab|fnref + cite.src:before {
  content: "*" attr(ab|fnnum) " ";
}
ab|note:hover, ab|fnref + cite.src:hover {
  background-color: #fbfffd;
  color: black;
  z-index: 10000;
}
ab|note ab|caption {
  display: inline;
  font-weight: bolder;
}
ab|note ab|caption:after {
  content: ": ";
}
ab|note ab|desc {
  display: inline;
  text-indent: 0;
}
ab|note:hover + abbr[title] {
  background-color: #ffb3d9;
  color: black;
}

var {

  font-style: italic;
}

/* form */ form {

  border: blue dashed 1px;
  padding: 5px;
}/* should be form.wiki */
form:active {
  border-color: red;
}
form:hover {
  border-style: solid;
/*  background-color: #FFA;
  color: #000080;*/
}

form p {

  text-indent: 0
}

@media print {

  form {
    display: none;
  }
}

input, select {

  font-size: 100%;
}
input[type=text], input[type=password], input[type=submit], input[type=button],
input[type=cancel], select {
  min-height: 2em;
  line-height: 190%;
}
textarea {
  width: 90%;
	font-size: 100%; line-height: 150%;
	margin-left: 1.5%; margin-right: 1.5%;
  max-height: 25em;
  behavior: expression(this.setAttribute('autoheight:max-rows', 25),
                       'url(https://suika.suikawiki.org/www/style/ui/textarea-autoheight.htc)');
/*
  -moz-binding: url(https://suika.suikawiki.org/www/style/ui/textarea-autosize#rows);
*/
}

.pe--from-parameter:after {

  color: red;
  background-color: transparent;
  content: "*";
  vertical-align: super;
  font-size: smaller;
}

#edit textarea /* WinIE 対策 [name=we--content] */ /* page content in edit-form */ {

  height: 95%;
  width: 95%;
}
form.comment {
  margin: 0.5em 1em;
}
input.comment-name {
  width: 10em;
}
input.comment-msg {
  width: 70%;
}
input.require, textarea.require, select.require {
  outline: thin red dashed;
  -moz-outline: thin red dashed;
}

/* diff */ ins, .example-ins

	{display: block;
  border-style: outset;
  border-color: #ffdcb9;
  border-width: thin;
	color: black; background-color: #ffdcb9;
	text-decoration: none}
p ins, pre ins,
li ins, ol ins, dt ins, dd ins, h1 ins, h2 ins, h3 ins, h4 ins, h5 ins, h6 ins,
.example-ins
   {display: inline}
ins > p:first-child {
  text-indent: 0;
}

del, .example-del {

}

.diff {

  white-space: normal;
}
.diff .line {
  display: block;
  margin: 0;
  border-style: none;
  padding: 0;
  min-width: 95%;
}
.diff .lineno {
  color: gray;
  background-color: transparent;
}
.diff .lineno:after {
  content: " 行目";
}
.diff .sign {
  border: outset gray thin;
}
.diff .line .content {
  margin: 0;
  font-size: 100%;
  white-space: pre;
}

/* inline elements */

.cite-note {

  width: 100%;
  text-align: right;
  color: gray;
}

/* 強調 */ em {

  margin: 0 0.02em;
  font-style: normal;
  text-decoration: underline;
  letter-spacing: 0.01em;
}

em rt, em .mark {

  text-decoration: none !important;
}

strong {

  margin: 0 0.04em;
  font-weight: bolder;
  letter-spacing: 0.02em;
}

.weak {

  font-size: 80%;
  color: gray;
  background-color: transparent;
}

/* 引用 */

/* cite: CITE element */ cite {

  font-style: normal;
}
cite:before {
  content: "『";
}
cite:after {
  content: "』";
}

/* cite.src: SRC element */ cite.src {

  vertical-align: super;
}
cite.src:before {
  content: "";
}
cite.src:after {
  content: "";
}

cite.src {

  -moz-binding: url(https://suika.suikawiki.org/www/style/ui/sidenote.xbl#footnote);
}
ab|fnref {
  vertical-align: super;
  color: gray;
  font-size: smaller;
  line-height: 1.0;
}
ab|fnref:before {
  content: "*";
}

/* q: Q element */ q:before {content: "「"} q:after {content: "」"} q q:before {content: "『"} q q:after {content: "』"} q q q:before {content: "「"} q q q:after {content: "」"} cite q:before {content: "「"} cite q:after {content: "」"} q cite:before {content: "『"} q cite:after {content: "』"} q cite q:before {content: "「"} q cite q:after {content: "」"}

/* ruby */

ruby rp, ruby rt.descriptive {

  font-size: 50%;
  line-height: 100%; letter-spacing: 0.02em;
  color: graytext;
}

ruby[moz-ruby-parsed="done"].descriptive rt {

  display: table-footer-group !important;
}
ruby[moz-ruby-parsed="done"].descriptive rt RUBY|cell {
  vertical-align: 0.1em !important;
}

dt rt {

  text-align: left;
}

dt ruby[moz-ruby-parsed="done"] RUBY|cell {

  text-align: left !important;
}

/* Calender plugin */ .calender, .calender tr, .calender th, .calender td {

  border-style: none;
  color: inherit;
  background-color: inherit;
}
.calender {
  margin: 0.3em;
  float: left;
}
.calender th, .calender td {
  margin: 0;
  padding: 0.05em;
  line-height: 1.1;
  text-align: center;
  vertical-align: middle;
}
.calender .wiki {
  color: black;
}
.calender .sun {
  color: red;
  background-color: inherit;
}
.calender .sat {
  color: blue;
  background-color: inherit;
}
.calender .wiki.not-exist {
  color: gray;
}
.calender .sun .not-exist {
  color: #ff8080;
}
.calender .sat .not-exist {
  color: #8080ff;
}

/* BugTrack */ .high th, .high td {

  border-bottom: red 2px solid;
  background-color: #ff9dce;
  color: black;
}
.normal th, .normal td {
  background-color: #a2ffa2;
  color: black;
}
.low th, .low td {
  background-color: #ffffb9;
  color: black;
}
.closed.high th, .closed.high td {
  border-style: none;
  background-color: #ffecf5;
  color: #808080;
}
.closed.normal th, .closed.normal td {
  background-color: #ecffec;
  color: #808080;
}
.closed.low th, .closed.low td {
  background-color: #ffffe1;
  color: #808080;
}
.bt--bugtrack .last\_modified,
.bt--bugtrack .no, .bt--bugtrack .priority,
.bt--bugtrack .status {
  text-align: center;
  font-size: x-small;
}
.closed th, .closed td {
  font-size: smaller;
}

/* Image */ img.embed {

  float: left;
}

/* Sidemenu */ #side-menu {

  max-width: 100%;
  overflow: hidden;
  line-height: 130%;
  font-size: 90%;
}
#side-menu h1, #side-menu h2, #side-menu h3 {
  margin: 4px 0;
  padding: 1px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 100%;
  text-align: center;
}
#side-menu ul, #side-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#side-menu ul ul, #side-menu ol ol {
  margin-left: 0.5em;
}
#side-menu li {
  margin: 0;
  padding: 0;
}
#side-menu input, #side-menu select {
  max-width: 100%;
}
#side-menu input[type="submit"], #side-menu input[type="button"] {
  padding: 0;
  text-align: center;
}

dl.SuikaWikiConst dt, dl.SuikaWikiConst dd {

  overflow: auto;
  white-space: pre;
}

/* Page listing */ .headline {

  font-size: 65%;
  color: gray;
  background-color: transparent;
}

/*LICENSE

Copyright 2000-2005 authors. All rights reserved.

This stylesheet is free software; you can redistribute it and/or modify it under the same terms as Perl itself.

/

Updated: