Template:Journal: Difference between revisions

Line 1:

<div style="position: absolute; top: ~~30px~~; right: -~~35px~~; transform: rotate(20deg); border: 4px double {{#switch: {{{alignment|}}}

<div style="position: absolute; top: 35px; right: -40px; transform: rotate(20deg); border: 4px double {{#switch: {{{alignment|}}}

| light = #d4c5a1

| dark = #8b0000

| void = #4b0082

| #d4c5a1 }};

padding: 5px ~~40px~~;

padding: 5px 45px;

color: {{#switch: {{{alignment|}}}

| light = #b8a06e

Line 12:

| void = #4b0082

| #b8a06e }};

font-family: 'Cinzel', serif; font-weight: bold; font-size: 1.~~1em~~; text-transform: uppercase; opacity: 0.5; pointer-events: none; z-index: 10;">

font-family: 'Cinzel', serif; font-weight: bold; font-size: 1.2em; text-transform: uppercase; opacity: 0.5; pointer-events: none; z-index: 10;">

{{{status|SECRET}}}

</div>

{{{title|Archive Entry}}}

</div>

{{{author|Unknown}}} — {{{date|Unknown}}}

</div>

{{{content|}}}

</div>

</div>

[[Category:Lore]]

@@ Line 1: / Line 1: @@
-<div style="max-width: 800px; margin: 20px auto; background: #fcfaf2; border: 2px solid #d4c5a1; box-shadow: 5px 5px 15px rgba(0,0,0,0.1); padding: 50px; position: relative; overflow: hidden; border-radius: 2px;">
+<div style="max-width: 850px; margin: 30px auto; background: #fcfaf2; border: 2px solid #d4c5a1; box-shadow: 8px 8px 20px rgba(0,0,0,0.15); padding: 60px; position: relative; overflow: hidden; border-radius: 3px;">
-<div style="position: absolute; top: 30px; right: -35px; transform: rotate(20deg); border: 4px double {{#switch: {{{alignment|}}}
+<div style="position: absolute; top: 35px; right: -40px; transform: rotate(20deg); border: 4px double {{#switch: {{{alignment|}}}
    | light = #d4c5a1
    | dark = #8b0000
    | void = #4b0082
    | #d4c5a1 }};
-   padding: 5px 40px;
+   padding: 5px 45px;
    color: {{#switch: {{{alignment|}}}
    | light = #b8a06e
@@ Line 12: / Line 12: @@
    | void = #4b0082
    | #b8a06e }};
-   font-family: 'Cinzel', serif; font-weight: bold; font-size: 1.1em; text-transform: uppercase; opacity: 0.5; pointer-events: none; z-index: 10;">
+   font-family: 'Cinzel', serif; font-weight: bold; font-size: 1.2em; text-transform: uppercase; opacity: 0.5; pointer-events: none; z-index: 10;">
      {{{status|SECRET}}}
 </div>
-<div style="text-align: center; border-bottom: 2px solid var(--kh-green); margin-bottom: 35px; padding-bottom: 15px;">
+<div style="text-align: center; border-bottom: 2px solid var(--kh-green); margin-bottom: 40px; padding-bottom: 20px;">
-     <div style="font-family: 'Cinzel', serif; font-size: 2.2em; color: var(--kh-dark-text); letter-spacing: 3px; text-transform: uppercase;">
+     <div style="font-family: 'Cinzel', serif; font-size: 2.5em; color: var(--kh-dark-text); letter-spacing: 4px; text-transform: uppercase;">
          {{{title|Archive Entry}}}
      </div>
-     <div style="font-family: 'Crimson Pro', serif; font-style: italic; color: #888; font-size: 1em;">
+     <div style="font-family: 'Crimson Pro', serif; font-style: italic; color: #888; font-size: 1.1em;">
          {{{author|Unknown}}} — {{{date|Unknown}}}
      </div>
 </div>
-<div style="font-family: 'Crimson Pro', serif; font-size: 1.35em; line-height: 1.7; color: #222; text-align: justify;">
+<div style="font-family: 'Crimson Pro', serif; font-size: 1.6em; line-height: 1.8; color: #1a1a1a; text-align: justify; letter-spacing: 0.5px;">
 {{{content|}}}
 </div>
-<div style="margin-top: 40px; text-align: center; color: var(--kh-green); font-size: 1.5em; opacity: 0.7;">
+<div style="margin-top: 50px; text-align: center; color: var(--kh-green); font-size: 1.8em; opacity: 0.7;">
-     <span style="letter-spacing: 15px;">—— 🍃 ——</span>
+     <span style="letter-spacing: 20px;">—— 🍃 ——</span>
 </div>
 </div>
 [[Category:Lore]]