Template:Journal: Difference between revisions

From Lenn's Fun Stuff

No edit summary
m 1 revision imported
 
(6 intermediate revisions by the same user not shown)
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: 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: 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: 35px; right: -45px; transform: rotate(20deg);  
     {{{status|Status here}}}
  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>


<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: 40px; padding-bottom: 20px;">
 
     <div style="font-family: 'Cinzel', serif; font-size: 2.5em; color: var(--kh-dark-text); letter-spacing: 4px; 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}}}
         {{{title|Archive Entry}}}
     </div>
     </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>
</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|}}}
{{{content|}}}
</div>
</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>


</div>
</div>
[[Category:Lore]]
[[Category:Lore]]
<!--
alignment = dark → Red Stamp
alignment = void → Purple Stamp
alignment = light → Gold Stamp
-->

Latest revision as of 20:33, 14 March 2026

   SECRET
       Archive Entry
       Unknown — Unknown
   —— 🍃 ——