Template:Journal: Difference between revisions

(8 intermediate revisions by the same user not shown)

Line 1:

<div style="position: absolute; top: 35px; right: -45px; transform: rotate(20deg);

border: 4px double white;

padding: 8px 50px;

/* BACKGROUND COLOR LOGIC */

background: {{#switch: {{{alignment|}}}

| light = #b8a06e

| dark = #8b0000

| void = #4b0082

| #b8a06e }};

/* TEXT COLOR LOGIC (White looks best on solid colors) */

color: white;

font-family: 'Cinzel', serif; font-weight: bold; font-size: 1.2em; text-transform: uppercase;

opacity: 0.8; pointer-events: none; z-index: 10; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">

{{{status|SECRET}}}

</div>

{{{title|Archive Entry}}}

</div>

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

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

</div>

{{{content|}}}

</div>

</div>

[[Category:Lore]]

<!--

alignment = dark → Red Stamp

alignment = void → Purple Stamp

~~[[Category:Lore]]~~

alignment = light → Gold Stamp

-->

@@ 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;">
+<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: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid #e8e1cf; pointer-events: none;"></div>
+<div style="position: absolute; top: 35px; right: -45px; transform: rotate(20deg);
+  border: 4px double white;
+  padding: 8px 50px;
+  /* BACKGROUND COLOR LOGIC */
+  background: {{#switch: {{{alignment|}}}
+    | light = #b8a06e
+    | dark = #8b0000
+    | void = #4b0082
+    | #b8a06e }};
+  /* TEXT COLOR LOGIC (White looks best on solid colors) */
+  color: white;
+  font-family: 'Cinzel', serif; font-weight: bold; font-size: 1.2em; text-transform: uppercase;
+  opacity: 0.8; pointer-events: none; z-index: 10; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+    {{{status|SECRET}}}
+</div>
-<div style="text-align: center; border-bottom: 2px solid var(--kh-green); margin-bottom: 25px; padding-bottom: 10px;">
+<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: 1.8em; color: var(--kh-dark-text); letter-spacing: 2px; 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: 0.9em;">
+     <div style="font-family: 'Crimson Pro', serif; font-style: italic; color: #888; font-size: 1.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.6em; line-height: 1.8; color: #1a1a1a; text-align: justify; letter-spacing: 0.5px;">
 {{{content|}}}
 </div>
-<div style="margin-top: 30px; text-align: center; color: var(--kh-green); font-size: 1.2em;">
+<div style="margin-top: 50px; text-align: center; color: var(--kh-green); font-size: 1.8em; opacity: 0.7;">
-     <span style="letter-spacing: 10px;">—— 🍃 ——</span>
+     <span style="letter-spacing: 20px;">—— 🍃 ——</span>
 </div>
 </div>
+[[Category:Lore]]
+<!--
+alignment = dark → Red Stamp
+alignment = void → Purple Stamp
-[[Category:Lore]]
+alignment = light → Gold Stamp
+-->