Template:WorldCard: Difference between revisions

From Lenn's Fun Stuff

No edit summary
m 1 revision imported
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="max-width: 850px; margin: 20px auto; background: #fcfaf2; border: 2px solid #d4c5a1; box-shadow: 5px 5px 15px rgba(0,0,0,0.1); position: relative; overflow: visible; font-family: 'Cinzel', serif;">
<div style="max-width: 850px; margin: 20px auto; background: #fcfaf2; border: 2px solid #d4c5a1; box-shadow: 5px 5px 15px rgba(0,0,0,0.1); position: relative; font-family: 'Cinzel', serif; display: flex; flex-direction: column;">


     <div style="height: 350px; background-image: url('{{{image|}}}'); background-size: cover; background-position: center; border-bottom: 2px solid var(--kh-green); position: relative; overflow: hidden;">
     <div style="height: 350px; width: 100%; background-image: url('{{{image|}}}'); background-size: cover; background-position: center; border-bottom: 2px solid var(--kh-green); position: relative;">
         <div style="height: 100%; width: 100%; background: linear-gradient(to top, rgba(252, 250, 242, 1) 0%, rgba(252, 250, 242, 0) 50%); position: absolute; bottom: 0;"></div>
         <div style="height: 100%; width: 100%; background: linear-gradient(to top, rgba(252, 250, 242, 1) 0%, rgba(252, 250, 242, 0) 70%); position: absolute; bottom: 0;"></div>
     </div>
     </div>


     <div style="padding: 0 40px; margin-top: -50px; position: relative; z-index: 10;">
     <div style="padding: 10px 40px 20px 40px; position: relative; z-index: 10; margin-top: -60px;">
         <h1 style="color: var(--kh-dark-text); font-size: 3.5em; margin: 0; line-height: 1.1; text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff;">{{{name|Unknown World}}}</h1>
         <h1 style="color: var(--kh-dark-text); font-size: 3.5em; margin: 0; line-height: 1.4; display: block; overflow: visible; text-shadow: 2px 2px 0px #fff;">{{{name|Unknown World}}}</h1>
         <div style="color: var(--kh-green); font-style: italic; font-size: 1.3em; font-family: 'Crimson Pro', serif; margin-bottom: 20px;">
         <div style="color: var(--kh-green); font-style: italic; font-size: 1.3em; font-family: 'Crimson Pro', serif;">
             "{{{tagline|A world hidden among the stars}}}"
             "{{{tagline|A world hidden among the stars}}}"
         </div>
         </div>
     </div>
     </div>


     <div style="display: flex; gap: 0; border-top: 1px solid #e8e1cf; border-bottom: 1px solid #e8e1cf; background: rgba(212, 197, 161, 0.1);">
     <div style="display: flex; border-top: 1px solid #e8e1cf; border-bottom: 1px solid #e8e1cf; background: rgba(212, 197, 161, 0.05);">
         <div style="flex: 1; padding: 20px 40px; border-right: 1px solid #e8e1cf;">
         <div style="flex: 1; padding: 15px 40px; border-right: 1px solid #e8e1cf;">
             <span style="color: #888; font-size: 0.8em; text-transform: uppercase; display: block;">Battle Level</span>
             <span style="color: #888; font-size: 0.8em; text-transform: uppercase; display: block; letter-spacing: 1px;">Battle Level</span>
             <span style="font-size: 1.5em; color: var(--kh-dark-text);">{{{level|??}}}</span>
             <span style="font-size: 1.5em; color: var(--kh-dark-text);">{{{level|??}}}</span>
         </div>
         </div>
         <div style="flex: 1; padding: 20px 40px;">
         <div style="flex: 1; padding: 15px 40px;">
             <span style="color: #888; font-size: 0.8em; text-transform: uppercase; display: block;">Status</span>
             <span style="color: #888; font-size: 0.8em; text-transform: uppercase; display: block; letter-spacing: 1px;">Status</span>
             <span style="font-size: 1.5em; color: var(--kh-green);">{{{status|Documented}}}</span>
             <span style="font-size: 1.5em; color: var(--kh-green);">{{{status|Documented}}}</span>
         </div>
         </div>
Line 27: Line 27:
          
          
         {{#if: {{{characters|}}} |  
         {{#if: {{{characters|}}} |  
         <div style="margin-top: 25px; padding-top: 20px; border-top: 1px dashed #d4c5a1;">
         <div style="margin-top: 25px; padding: 15px; border: 1px dashed #d4c5a1; background: rgba(255,255,255,0.5);">
             <span style="font-family: 'Cinzel', serif; font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 2px;">Key Residents</span><br/>
             <span style="font-family: 'Cinzel', serif; font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 2px;">Key Residents</span><br/>
             <span style="font-size: 0.9em; color: var(--kh-green);">{{{characters}}}</span>
             <span style="font-size: 0.9em; color: var(--kh-green); font-weight: bold;">{{{characters}}}</span>
         </div>
         </div>
         }}
         }}
     </div>
     </div>


     <div style="text-align: right; padding: 0 40px 20px 0; opacity: 0.2; font-size: 2em; color: var(--kh-green);">
     <div style="text-align: right; padding: 0 30px 15px 0; opacity: 0.15; font-size: 2.5em; color: var(--kh-green);">
         🍃
         🍃
     </div>
     </div>


</div>
</div>

Latest revision as of 20:33, 14 March 2026

Unknown World

           "A world hidden among the stars"
           Battle Level
           ??
           Status
           Documented
       No further data has been recorded for this realm.
       
       
       🍃