Darakah / obsidian-fountain

Obsidian plugin to edit, write and render Fountain Writing Syntax for screenplays and scripts (implements fountain-js project to parse fountain script).
60 stars 10 forks source link

Adjust locations of scene number, transitions , ... #16

Open NicTanghe opened 6 months ago

NicTanghe commented 6 months ago

Hello, I noticed that a lot of the formatting remains incorrect. My previous setup didn't autofill in everything and didn’t use Fountain. It was annoying to work with, but everything was in the correct location.

Perhaps if I give you the CSS you can fix everything so we all get the best of both worlds.

Dialogue:

<div style="text-align: center; font-family: 'Courier New', monospace;">
   <br>
   CHARACTER
</div>
<div style="text-indent: 25%; font-family: 'Courier New', monospace;">
   (lorem) context
</div>
<div style="width: 500px; margin: 0 auto; font-family: 'Courier New', monospace;">
   LoremIpsum(actual lines)
</div>

Scene:

<div style="text-align: center;">
   <div style="display: flex; justify-content: space-between;">
      <span style="font-weight: bold; font-family: 'Courier New', monospace;">
      scene
      </span>
      <span style="font-weight: bold; font-family: 'Courier New', monospace;">
      1 (number)
      </span>
   </div>
</div>

Transitions:


<div style="text-align: right; font-size: 1.15em; text-transform: uppercase;">
   TRANSITION:
</div>