Chapter Text
Ruby Text in AO3 Workskins
This workskin ruby! CSS allows one to have (right aligned) ruby text furigana in one's work. The ruby text is right-aligned to the parent element, and I have included a right:0px css tag if one wants to add a universal horizontal offset. For ease of use, one can put square brackets and braces around the ruby text and mass-replace them with the following rules.
[ :: <span class="ruby">
{ :: <span class="rt">
]} :: </span></span>
The introductory paragraph looks like this before replacement:
This [workskin{ ruby!}] CSS allows you to have (right aligned) [ruby text{ furigana}] in your work. For ease of use, you can put square brackets and braces around the ruby text and mass-replace them with the following rules.
CSS
#workskin .ruby {
position: relative;
}
#workskin .rt {
position: absolute;
font-size: 60%;
top: -0.5em;
right: 0px;
}