Wiki//Style//SuikaWiki//HTML//Semantic

/* HTML の意味系語彙を中心として。 */

/* ---- Paragraph-level Elements ---- */

/* Editors' Notes */ div.ed {

  margin-left: 5em;
  margin-top: 1em;
  margin-bottom: 1em;
  border: medium solid red;
  padding: 0.5em;
  color: rgb(229, 0, 0);
  background-color: transparent;
}

div.ed:before {

  content: "編集者のメモ:";
  display: block;
  font-weight: bolder;
  font-family: sans-serif;
}

/* Memos */ div.comment-p {

  margin-left: 5em;
  padding-left: 1em;
  color: green;
  background-color: transparent;
}

div.comment-p > p:first-child {

  text-indent: -1em;
}

div.comment-p > p:first-child:before {

  content: ";; ";
}

/* ---- Inline-level Elements ---- */

em, samp

	{font-style: normal}

/* span.aa: AA element */ /* Default: For 2ch style AAs */ span.aa, pre.aa {

  font-family: "MS PGothic AA", "MS PGothic", "Mona";
  font-size: 12pt;
  white-space: normal;
  line-height: 1.0;
}

pre.aafig {

  font-family: monospace;
  line-height: 1.0;
  white-space: pre;
}

.hw {

  -moz-binding: url(http://suika.fam.cx/www/style/text/width.xbl#halfwidth);
}

.fw {

  -moz-binding: url(http://suika.fam.cx/www/style/text/width.xbl#fullwidth);
}

/* 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: "";
}

var {

  font-size: 100%;
  font-family: "Times New Roman", serif;
  font-style: italic;
}
var sub, var sup {
  font-style: normal;
}

/* code.perl, code.BNF,... */ pre, code, samp {

  padding-left: 0.12em; padding-right: 0.12em;
  background-color: #fffaf4;
  color: #370000;
  font-size: 100%;
  font-family: "Courier New", Courier;
}

dfn {

  font-style: normal;
  font-weight: bolder;
  font-size: 100%;
  letter-spacing: 0.02em;
}

dfn:lang(en), dfn rt:lang(en) {

  font-style: italic;
  font-family: serif;
  letter-spacing: -moz-initial;
  letter-spacing: initial;
}

pre.code {

  background-color: rgb(213, 222, 227);
  color: black;
  border: rgb(211, 211, 211) 4px double;
  padding: 0.5em 1em;
}

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code, h1 samp, h2 samp, h3 samp, h4 samp, h5 samp, h6 samp, code code, code var, samp code, samp var, code samp {

  color: inherit !important;
  background-color: transparent !important;
}

pre code, pre var, pre samp {

  color: inherit;
  background-color: transparent;
}

/* KBD element, KEY element */ kbd, kbd.key

	{margin-left: 0.1em; margin-right: 0.1em;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: ActiveBorder;
	padding: 1px 2px;
  font-family: monospace;
  font-style: normal;
	font-size: 100%}

/* Examples */ pre.example {

  padding: 1em 1em 1em 2em;
}
pre.example.deprecated,
pre.example.illegal,
pre.example.bad {
  border: red 1px dotted;
}
pre.example:before {
  content: "例: ";
  display: block;
  margin-left: -1em;
  margin-bottom: 0.5em;
  font-weight: bolder;
}
pre.example.continue:before {
  content: "例 (続き): ";
}
pre.example.deprecated:before {
  content: "非推奨の例: ";
}
pre.example.deprecated.continue:before {
  content: "非推奨の例 (続き): ";
}
pre.example.illegal:before {
  content: "違法な例: ";
}
pre.example.illegal.continue:before {
  content: "違法な例 (続き): ";
}
pre.example.invalid:before {
  content: "非妥当な例: ";
}
pre.example.invalid.continue:before {
  content: "非妥当な例 (続き): ";
}
pre.example.bad:before {
  content: "悪い例: ";
}
pre.example.bad.continue:before {
  content: "悪い例 (続き): ";
}

.ABNF, pre.ABNF.code {

  background-color: #f5dcb3;
  color: black;
  line-height: inherit;
}

  Block-level element
*/
.block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* どんな表現であれ、記号的に図形文字や制御機能 (の一部) を識別するもの */ .char {

}

/* ISO/IEC 10646 式の文字の名前 */ .charname {

  background-color: transparent;
  color: inherit;
  text-transform: lowercase;
  font-variant: small-caps;
  font-family: "Courier New", "Courier", monospace;
  letter-spacing: 0.2em;
}

.charname var {

  text-transform: none;
  font-variant: normal;
}

.comment {

  color: green;
  background-color: transparent;
}

.CSS {

  /* CSS3 Draft から彩色 */
  color: #7F0000;
  background-color: transparent;
}
pre.CSS {
  /* CSS3 Draft から彩色 */
  color: black;
  background-color: rgb(255, 204, 204);
}

.HTML, .HTMLe, .HTMLa {

  /* CSS3 Draft から彩色 */
  color: #600;
  background-color: transparent;
}
pre.HTML {
  /* HTML 4 Rec. の DTD 断片から採色 (一部修正) */
  /*
  color: maroon;
  background-color: #f3f3fa;
  */
  /* CSS3 Draft から彩色 */
  color: black;
  background-color: rgb(255, 255, 170);
}
.HTMLe {
  font-variant: small-caps;
}
.HTMLe var {
  font-variant: normal;
}

.DOM, .DOMi, .DOMa, .DOMm, .DOMp { }

/* DOM 仕様書から採色 */ .DOMi {

  font-weight: bold;
}
.DOMa, .DOM .attr {
  color: black;
  background-color: #FFFFD2;
}
.DOMc, .DOM .const { /* Constant */
  color: black;
  background-color: #DDFFD2;
}
.DOMm, .DOM .method {
  color: black;
  background-color: #D9E6F8;
}
.DOMp, .DOM .param {
  background-color: #FEE6F8; 
  color: black;
}

/* From W3C spec CSS */ .IDL {

  border: 1px solid black;
  background-color: #dfdfdf;
  color: black;
  white-space: pre;
  font-family: monospace;
}
code .IDL {
  border-style: none;
}

/* From W3C spec CSS */ .Java {

  border: 1px solid #e1e1e1;
  background-color: #dfdfdf;
  color: black;
  white-space: pre;
  font-family: monospace;
}
code .Java {
  border-style: none;
}

/* XML 情報集合情報項目 */ .infoitem, .infoprop {

  font-family: sans-serif;
  font-weight: bolder;
}
.infoprop:before {
  content: " [";
}
.infoprop:after {
  content: "] ";
}

.math, .chem {

  font-family: "Times New Roman", Times, serif;
}

.math .relation-schema {

  font-weight: bolder;
  font-family: "Times New Roman", Times, serif;
  font-style: normal;
}

.math .vector {

  font-weight: bolder;
  font-family: "Times New Roman", Times, serif;
}

.math .function {

}

.perl var {

  font-style: normal;
  color: gray;
  background-color: transparent;
}

.perl .keyword {

  color: #000080;
  background-color: transparent;
}

/* .URI:before {

  content: "<";
}
.URI:after {
  content: ">";
}
*/

.VB {

  line-height: 1.0;
  border-color: WindowBorder;
  border-style: groove;
  border-width: thin;
  background-color: white;
  color: black;
  font-family: "\00FF2D\00FF33\000020\00FF30\0030B4\0030B7\0030C3\0030AF";
}
.VB code, .VB var, .VB samp {
  background-color: transparent;
  color: inherit;
}

.VB .kwd {

  color: blue;
  background-color: transparent;
}

.XML, .XMLe, .XMLa {

  /* W3C HTML WG 系 TR の code のスタイル */
  color: green;
  background-color: transparent;
  font-family: "Courier New", "Courier", monospace;
  font-weight: bold;
}
pre.XML {
  /* CSS3 Draft から彩色 */
  color: black;
  background-color: rgb(204, 255, 204);
  font-weight: normal;
}

.XPath {

  background-color: turquoise;
  color: black;
}
samp.XPath, samp.XPointer, .samp.XPointerScheme {
  background-color: #d5dee3;
  color: black;
}

/* XPath 関数 */ .XPathf {

  font-weight: bolder;
  background-color: #ffccff;
  color: black;
}

.XSLT {

  background-color: turquoise;
  color: black;
}
samp.XSLT {
  background-color: #d5dee3;
  color: black;
}

.XSLTa, .XSLTe {

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

.XSLTa > var:first-node, .XSLTe > var:first-node {

  background-color: inherit;
  color: #C0C0C0;
}

del {

  background-color: #FFBBBB; 
  color: black;
  text-decoration: line-through;
}

/* Rubys */

ruby {

  display: inline;
  text-indent: 0;
  vertical-align: -0.2em;
}

ruby.descriptive {

  vertical-align: -1.25em;
}

ruby > rb {

  display: table-row-group;
  line-height: 1.5;
  text-align: center;
}

ruby > rp {

  display: none;
}

ruby > rt {

  display: table-header-group;
  font-size: 75%;
  line-height: 1.2;
  text-align: center;
  font-weight: normal;
}

ruby.descriptive > rb + rt, ruby.descriptive > rb + rp + rt {

  display: table-footer-group;
}

ruby > rt + rt, ruby > rt + rp + rt {

  display: table-footer-group;
}