Template:Worldbox: Difference between revisions

Latest revision as of 06:39, 30 October 2025

World

@@ Line 1: / Line 1: @@
-<!-- Worldbox — storybook / sun-keeper infobox -->
+<templatestyles src="Template:Worldbox/styles.css" />
-<div class="worldbox" style="width:100%; max-width:720px; margin:8px auto; border:1px solid #c6b480; background:#f8f5e9; color:#2b2414; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.08);">
+<div class="worldbox {{#if:{{{sticky|}}}|sticky|}}">
-   <div style="display:flex; gap:14px; padding:12px 14px 6px 14px; align-items:flex-start;">
+   <div class="wb-wrap">
-    <!-- Image (optional) -->
+     <div class="wb-media">
-     <div style="flex:0 0 auto;">
+       {{#if:{{{image|}}}|
-       {{#if: {{{image|}}} |
          [[File:{{{image}}}|250x250px|class=worldbox-image|alt={{{image_alt|}}}|link={{{image_link|}}}]]
-       }}
+       |}}
-       {{#if: {{{image_caption|}}} |
+       {{#if:{{{image_caption|}}}|
-         <div style="font-size:80%; color:#7d6b38; text-align:center; margin-top:4px;">{{{image_caption}}}</div>
+         <div class="wb-cap">{{{image_caption}}}</div>
-       }}
+       |}}
      </div>
-    <!-- Fields -->
+     <div class="wb-main">
-     <div style="flex:1 1 auto;">
+       <div class="wb-title">{{#if:{{{name|}}}|{{{name}}}|World}}</div>
-       <div style="font-size:140%; font-weight:700; color:#5b4a22; line-height:1.2;">
+       {{#if:{{{tagline|}}}|<div class="wb-tag">{{{tagline}}}</div>|}}
-        {{#if: {{{name|}}} | {{{name}}} | World }}
-      </div>
-       {{#if: {{{tagline|}}} |
-        <div style="font-size:100%; color:#7d6b38; margin-top:2px;">{{{tagline}}}</div>
-      }}
-       <div style="margin-top:10px; border-top:1px solid #e4d9b0; padding-top:8px;">
+       <div class="wb-fields">
-         {{#if: {{{themes|}}} | <div><b>Themes:</b> {{{themes}}}</div> }}
+         {{#if:{{{themes|}}}|<div><b>Themes:</b> {{{themes}}}</div>|}}
-         {{#if: {{{relation|}}} | <div><b>Relation:</b> {{{relation}}}</div> }}
+         {{#if:{{{relation|}}}|<div><b>Relation:</b> {{{relation}}}</div>|}}
-         {{#if: {{{conflict|}}} | <div><b>Core conflict:</b> {{{conflict}}}</div> }}
+         {{#if:{{{conflict|}}}|<div><b>Core conflict:</b> {{{conflict}}}</div>|}}
-         {{#if: {{{era|}}} | <div><b>Era:</b> {{{era}}}</div> }}
+         {{#if:{{{era|}}}|<div><b>Era:</b> {{{era}}}</div>|}}
-         {{#if: {{{status|}}} | <div><b>Status:</b> {{{status}}}</div> }}
+         {{#if:{{{status|}}}|<div><b>Status:</b> {{{status}}}</div>|}}
-         {{#if: {{{links|}}} | <div><b>Key links:</b> {{{links}}}</div> }}
+         {{#if:{{{links|}}}|<div><b>Key links:</b> {{{links}}}</div>|}}
        </div>
      </div>
@@ Line 35: / Line 29: @@
    </div>
 </div>
-<style>
-.worldbox a, .worldbox a:visited { color:#8b6d00; }
-.worldbox a:hover { color:#c09e2b; text-decoration:underline; }
-</style>