Template:Journal: Difference between revisions

Line 1:

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

{{{status|~~Status here~~}}}

| light = #d4c5a1

| dark = #8b0000

| void = #4b0082

| #d4c5a1 }};

padding: 5px 40px;

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

| light = #b8a06e

| dark = #8b0000

| 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;">

{{{status|SECRET}}}

</div>

~~<div style="position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid #e8e1cf; pointer-events: none;"></div>~~

{{{title|Archive Entry}}}

</div>

{{{author|Unknown ~~Chronicler~~}}} — {{{date|Unknown ~~Date~~}}}

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

</div>

{{{content|}}}

</div>

</div>

[[Category:Lore]]

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