Template:WorldCard: Difference between revisions
Created page with "<div style="width: 100%; max-width: 900px; background: #000; color: #fff; border: 4px solid var(--kh-green); position: relative; overflow: hidden; font-family: 'Cinzel', serif;"> <div style="height: 300px; background-image: url('{{{image|}}}'); background-size: cover; background-position: center; border-bottom: 4px solid var(--kh-green); opacity: 0.8;"></div> <div style="padding: 30px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9)..." |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="width: | <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: hidden; font-family: 'Cinzel', serif;"> | ||
<div style="height: | |||
<div style="height: 350px; background-image: url('{{{image|}}}'); background-size: cover; background-position: center; border-bottom: 2px solid var(--kh-green);"> | |||
<div style="height: 100%; width: 100%; background: linear-gradient(to top, rgba(252, 250, 242, 1) 0%, rgba(252, 250, 242, 0) 40%); position: absolute;"></div> | |||
</div> | </div> | ||
<div style=" | <div style="padding: 0 40px; margin-top: -60px; position: relative; z-index: 2;"> | ||
< | <h1 style="color: var(--kh-dark-text); font-size: 3.5em; margin: 0; 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;"> | |||
"{{{tagline|A world hidden among the stars}}}" | |||
</div> | </div> | ||
<div style="flex: | </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="flex: 1; padding: 20px 40px; border-right: 1px solid #e8e1cf;"> | |||
<span style="color: #888; font-size: 0.8em; text-transform: uppercase; display: block;">Battle Level</span> | |||
<span style="font-size: 1.5em; color: var(--kh-dark-text);">{{{level|??}}}</span> | |||
</div> | |||
<div style="flex: 1; padding: 20px 40px;"> | |||
<span style="color: #888; font-size: 0.8em; text-transform: uppercase; display: block;">Status</span> | |||
<span style="font-size: 1.5em; color: var(--kh-green);">{{{status|Documented}}}</span> | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="padding: 40px; font-family: 'Crimson Pro', serif; font-size: 1.4em; line-height: 1.6; color: #333; text-align: justify;"> | |||
{{{description|No further data has been recorded for this realm. Use the gummi ship to conduct a local sweep for more information.}}} | |||
</div> | |||
<div style="text-align: right; padding: 0 40px 20px 0; opacity: 0.2; font-size: 2em; color: var(--kh-green);"> | |||
🍃 | |||
</div> | |||
</div> | </div> | ||