Template:Worldbox: Difference between revisions

← Older edit

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; flex-wrap:wrap;">
+   <div class="wb-wrap">
-    <!-- Image (optional) -->
+     <div class="wb-media">
-     <div style="flex:0 0 auto;">
        {{#if:{{{image|}}}|
          [[File:{{{image}}}|250x250px|class=worldbox-image|alt={{{image_alt|}}}|link={{{image_link|}}}]]
        |}}
        {{#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 380px;">
+       <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:{{{relation|}}}|<div><b>Relation:</b> {{{relation}}}</div>|}}
@@ Line 35: / Line 29: @@
    </div>
 </div>
-<style>
-.worldbox a, .worldbox a:visited { color:#8b6d00; }
-.worldbox a:hover { color:#c09e2b; text-decoration:underline; }
-</style>