Work Text:
Go to Dashboard -> Skins -> My Work Skins -> Create Work Skin
- Name your skin.
- Paste the below code in the CSS box.
- Click Submit.
<code></code>
#workskin .indent {
padding: 0 5em 0 5em;
}
#workskin .book {
margin: 0 auto;
text-indent: 3em;
}
#workskin .dropcap {
font-family: Georgia, serif;
font-size: 3em;
}
#workskin .flashback {
font-style: italic;
}
#workskin .caps {
font-variant: small-caps;
}
#workskin .spoiler {
background: #333;
color: #333;
}
#workskin .border {
border: 1px solid;
}
#workskin .font-serif {
font-family: Cambria, Constantia, Palatino, Georgia, serif;
}
#workskin .font-sansserif {
font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
}
#workskin .font-monospace {
font-family: consolas, courier, monospace;
}
#workskin .font-big {
font-size: 120%;
}
#workskin .font-small {
font-size: 80%;
}
#workskin .align-right {
text-align: right;
}
#workskin .align-center {
text-align: center;
}
#workskin .align-justify {
text-align: justify;
}
#workskin hr.third {
width: 33%;
margin: auto;
}
#workskin hr.full {
width: auto;
margin: auto;
}
#workskin .font-red {
color: red;
}
#workskin .font-orange {
color: orange;
}
#workskin .font-yellow {
color: yellow;
}
#workskin .font-green {
color: green;
}
#workskin .font-blue {
color: blue;
}
#workskin .font-purple {
color: purple;
}
#workskin .font-white {
color: white;
}
#workskin .font-black {
color: black;
}
#workskin .font-pink {
color: pink;
}
#workskin .font-teal {
color: #008282;
}
#workskin .font-redbrown {
color: #a15000;
}
#workskin .font-cherryred {
color: #e00707;
}
#workskin .font-brickred {
color: #a10000;
}
#workskin .font-dimorange {
color: #f2a400;
}
#workskin .font-murkyyellow {
color: #a1a100;
}
#workskin .font-jade {
color: #4ac925;
}
#workskin .font-dimgreen {
color: #008141;
}
#workskin .font-leafgreen {
color: #1f9400;
}
#workskin .font-darkolive {
color: #416600;
}
#workskin .font-dimblue {
color: #005682;
}
#workskin .font-midblue {
color: #0715cd;
}
#workskin .font-mediumskyblue {
color: #00d5f2;
}
#workskin .font-darknavy {
color: #000056;
}
#workskin .font-lightpurple {
color: #f141ef;
}
#workskin .font-midviolet {
color: #b536da;
}
#workskin .font-verydarkpurple {
color: #2b0057;
}
#workskin .font-darkplum {
color: #6a006a;
}
#workskin .font-darkmaroon {
color: #77003c;
}
#workskin .font-reallydarkgray {
color: #626262;
}
#workskin ruby {
ruby-align: center;
}
Make a copy of your finished fic in Google Docs (or other writing program).
- Begin formatting your fic like this:
<p> SENTENCE HERE (OPTIONAL).
<ruby> “
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATION</rt><rp>)</rp>
<strong>UNTRANSLATED</strong> <rp>(</rp><rt>TRANSLATION</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATION</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATION</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATION</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATION</rt><rp>)</rp> (PUNCTUATION)”
</ruby> SENTENCE HERE (OPTIONAL).
</p>
Change around the above code as needed. For instance, if it’s only a single word being said with nothing else, it’ll look like this:
<p>
<ruby> “
<strong>UNTRANSLATED</strong> <rp>(</rp><rt>TRANSLATION</rt><rp>)</rp> (PUNCTUATION)”
</ruby>
</p>
Here are some other examples of different ways to format:
<p>
<ruby> “
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp> (PUNCTUATION)”
</ruby> SENTENCE HERE IN BETWEEN DIALOGUE.
<ruby> “
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp> (PUNCTUATION)”
</ruby>
</p>
<p>SENTENCE HERE (OPTIONAL).
<ruby> “
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp>(PUNCTUATION)
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp>(PUNCTUATION)
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp>
<strong>UNTRANSLATED </strong> <rp>(</rp><rt>TRANSLATED</rt><rp>)</rp> (PUNCTUATION)”
</ruby>
</p>
For paragraphs without dialogue, they’ll look like this:
<p> SENTENCE SENTENCE SENTENCE. ETC. ETC. </p>
If you want your paragraphs to be more spaced, add an extra <p> </p> in between paragraphs.
Once your fic is formatted, go to Ao3 -> Post -> New Work.
- Fill in all the usual info (characters, media, ships, etc).
- Under ‘Select work skin’, select the custom work skin you made earlier.
- Copy and paste the code from Google Docs to the Work Text Box (make sure you have HTML selected, *not* Rich Text).
- Click Preview at the bottom of the page. If you did everything right, it should be formatted correctly. If not, see where it broke and go back to editing to fix it. The code might’ve gotten jumbled in the text box while jumping pages, but you can always repaste so that it’s formatted nicely again.
And with that, you should be good to go! If you have any questions, feel free to send me an ask/DM on tumblr or leave a comment here. I'll do my best to help! <3