|
|
| (6 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <div style="max-width: 1200px; margin: auto; font-family: sans-serif; background-color: #f4f7f6; border: 1px solid #dbdbeb; border-radius: 8px; overflow: hidden;"> | | <div style="border: 1px solid #b0c4de; margin- bottom: 15px; border-radius: 5px; box-shadow: 2px 2px 4px rgba(0,0,0,0. 1); background- color: #fcfcfc;">< div style=" background- color: # 34495e; color: white; padding: 10px; font- weight: bold; font- size: 1. 2em; border- top- left-radius: 4px; border- top- right- radius: 4px; text- align: center;">{{{ title}}}</div><div style="padding: 15px; font- size: 0. 95em; line-height: 1. 5; text-align: left;">{{{ content}}}</div></div>< noinclude> |
|
| | == Usage == |
| <!-- Header Banner -->
| | <pre> |
| <div style="background-color: #2c3e50; color: white; padding: 30px 20px; text-align: center; border-bottom: 4px solid #b0c4de;">
| | {{Main_Page_Box |
| <h1 style="margin: 0; font-size: 2.5em; text-transform: uppercase; letter-spacing: 2px;">{{{site_name|Welcome to the Wiki}}}</h1>
| | |title=Box Title |
| <p style="margin: 10px 0 0 0; font-size: 1.2em; font-style: italic; color: #d0dbe6;">{{{tagline|}}}</p>
| | |content=Your content goes here. |
| </div>
| | }} |
| | | </pre> |
| <!-- Main Content Grid -->
| | </noinclude> |
| <div style="display: flex; flex-wrap: wrap; gap: 20px; padding: 20px;">
| |
|
| |
| <!-- Left Column (Main Content) -->
| |
| <div style="flex: 2; min-width: 300px;">
| |
| <!-- Synopsis Block -->
| |
| <div style="background: white; padding: 20px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); margin-bottom: 20px;">
| |
| <h2 style="border-bottom: 2px solid #b0c4de; color: #2c3e50; margin-top: 0; padding-bottom: 5px;">Synopsis</h2>
| |
| <div style="line-height: 1.6; color: #333;">
| |
| {{{synopsis}}}
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Story Arcs Block -->
| |
| <div style="background: white; padding: 20px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
| |
| <h2 style="border-bottom: 2px solid #b0c4de; color: #2c3e50; margin-top: 0; padding-bottom: 5px;">Story Arcs</h2>
| |
| <div style="line-height: 1.6; color: #333;">
| |
| {{{story_arcs}}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Right Column (Navigation & Highlights) -->
| |
| <div style="flex: 1; min-width: 250px;">
| |
| <!-- Navigation Block -->
| |
| <div style=" background: white; padding: 20px; border- radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0. 05); margin-bottom: 20px;"> | |
| <h2 style="border-bottom: 2px solid #b0c4de; color: #2c3e50; margin-top: 0; padding-bottom: 5px;">Wiki Portals</h2>
| |
| <div style="line-height: 1.8; color: #333;">
| |
| {{{navigation}}}
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Highlight Block -->
| |
| <div style="background: white; padding: 20px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
| |
| <h2 style="border-bottom: 2px solid #b0c4de; color: #2c3e50; margin-top: 0; padding-bottom: 5px;">Featured Lore</h2>
| |
| <div style="line-height: 1.6; color: #333;">
| |
| {{{featured_lore}}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| </div> | |
{{Main_Page_Box
|title=Box Title
|content=Your content goes here.
}}
