Module:書名/styles.css

/* adapted for Wikipedia */

/* Type A */
.pin1ming4,
.syu1ming4 {
  font-style: normal;
}
.pin1ming4 > .zit3,
.syu1ming4 > .zit3,
.zyun1ming4 > .zit3,
.zoek6zung6 > .zit3 {
  display: inline-block;
}
.pin1ming4 .zit3 > .zit3,
.syu1ming4 .zit3 > .zit3,
.zyun1ming4 .zit3 > .zit3,
.zoek6zung6 .zit3 > .zit3 {
  display: inline-flex;
}
.pin1ming4 .hoi1,
.pin1ming4 .fan1gaak3,
.pin1ming4 .saan1,
.syu1ming4 .hoi1,
.syu1ming4 .fan1gaak3,
.syu1ming4 .saan1 {
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0.1px;
	color: transparent;
}
.zyun1ming4 .fan1gaak3 {
	font-size: 0.125px;
}
.pin1ming4 + .pin1ming4,
.pin1ming4 + .syu1ming4,
.syu1ming4 + .pin1ming4,
.syu1ming4 + .syu1ming4,
.zyun1ming4-b + .zyun1ming4-b,
.zyun1ming4 + .zyun1ming4 {
	margin-left: 0.0833em;
}
.pin1ming4 .hai2tau4ge3.zit3 .hai2tau4ge3.zi6:after,
.syu1ming4 .hai2tau4ge3.zit3 .hai2tau4ge3.zi6:after {
	clip-path: inset(0 0 0 0.05em);
}
.pin1ming4 .hai2zeoi3tau4ge3.hai2zeoi3mei1ge3.zit3 .hai2zeoi3tau4ge3.hai2zeoi3mei1ge3.zi6:after,
.syu1ming4 .hai2zeoi3tau4ge3.hai2zeoi3mei1ge3.zit3 .hai2zeoi3tau4ge3.hai2zeoi3mei1ge3.zi6:after {
	clip-path: inset(0 0.14em 0 0.05em);
}
.pin1ming4 .hai2zeoi3mei1ge3.zit3 .hai2zeoi3mei1ge3.zi6:after,
.syu1ming4 .hai2zeoi3mei1ge3.zit3 .hai2zeoi3mei1ge3.zi6:after {
	clip-path: inset(0 0.14em 0 0);
}
/* These are different because are dealing with a rotated glyph. The coordinates
   are backwards so using the normal rules will not work at all
 */
.zyun1ming4 .hai2tau4ge3.zit3 .hai2tau4ge3.zi6:after {
	/*clip-path: inset(0.14em 0 0.35em 0);*/
	overflow: hidden;
}
.zyun1ming4 .hai2tau4ge3.hai2zeoi3mei1ge3.zit3 {
	clip-path: inset(0 0 0 0);
}
.zyun1ming4 .hai2tau4ge3.hai2zeoi3mei1ge3.zit3 .hai2tau4ge3.hai2zeoi3mei1ge3.zi6:after {
	clip-path: inset(0.14em 0 0 0);
}
.zyun1ming4 .hai2zeoi3mei1ge3.zit3 .hai2zeoi3mei1ge3.zi6:after {
	transform: rotate(90deg)translate(-0.25em,0.5em);
}
.fan1gaak3 + .zi6:after {
	clip-path: inset(0 0 0 0.1em);
}
.pin1ming4 .zi6:after,
.syu1ming4 .zi6:after,
.zyun1ming4 .zi6:after,
.zoek6zung6 .zi6:after {
  position: absolute;
  align-self: baseline;
  margin-left: -1em;
}
.pin1ming4 .zi6:after,
.syu1ming4 .zi6:after {
  padding-top: 1em;
  content: "﹋";
}
.zyun1ming4 .zi6:after {
	/*padding-top: 1em;
	content: "￣";*/
	content: "︳";
	transform-origin: bottom left;
	transform: rotate(90deg) translate(-0.25em,0.35em);
}
.zoek6zung6 .zi6:after {
  padding-top: 0.6em;
  content: "·";
  width: 1em;
  text-align: center;
}

/* Type B */
.koen1zo2,
.pin1ming4-b .hoi1-adj,
.syu1ming4-b .hoi1-adj {
	margin-left: -0.4em;
}
.koen1jau6,
.pin1ming4-b .saan1-adj,
.syu1ming4-b .saan1-adj {
	margin-right: -0.4em;
}
.zyun1ming4-b {
	/* text-decoration: underline;
	text-underline-offset: 0.2em; /* XXX this works, but mw will nuke it */
	white-space: nowrap; 
	border-bottom: 0.05em solid currentColor;
}
.zyun1ming4-b + link + .zyun1ming4-b,	/* don't know why mw does this */
.zyun1ming4-b + .zyun1ming4-b {
	margin-left: 0.083em;
}