Template:RelationsGraph: Difference between revisions
Template page
More actions
CREATED TEMPLATE FOR RELATIONS BETWEEN NATIONS & LANDS |
m added connection lines Tag: Reverted |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div style=" | <div style=" | ||
| Line 8: | Line 9: | ||
"> | "> | ||
<!-- | <!-- CONNECTION LINES --> | ||
<!-- Top --> | |||
<div style=" | |||
position:absolute; | |||
top:140px; | |||
left:348px; | |||
width:4px; | |||
height:70px; | |||
background:#aaa; | |||
"></div> | |||
<!-- Bottom --> | |||
<div style=" | |||
position:absolute; | |||
top:290px; | |||
left:348px; | |||
width:4px; | |||
height:70px; | |||
background:#aaa; | |||
"></div> | |||
<!-- Left --> | |||
<div style=" | |||
position:absolute; | |||
top:248px; | |||
left:190px; | |||
width:95px; | |||
height:4px; | |||
background:#aaa; | |||
"></div> | |||
<!-- Right --> | |||
<div style=" | |||
position:absolute; | |||
top:248px; | |||
left:420px; | |||
width:95px; | |||
height:4px; | |||
background:#aaa; | |||
"></div> | |||
<!-- Top Left --> | |||
<div style=" | |||
position:absolute; | |||
top:170px; | |||
left:220px; | |||
width:90px; | |||
height:4px; | |||
background:#aaa; | |||
transform: rotate(-35deg); | |||
transform-origin:left center; | |||
"></div> | |||
<!-- Top Right --> | |||
<div style=" | |||
position:absolute; | |||
top:170px; | |||
left:390px; | |||
width:90px; | |||
height:4px; | |||
background:#aaa; | |||
transform: rotate(35deg); | |||
transform-origin:left center; | |||
"></div> | |||
<!-- Bottom Left --> | |||
<div style=" | |||
position:absolute; | |||
top:310px; | |||
left:220px; | |||
width:90px; | |||
height:4px; | |||
background:#aaa; | |||
transform: rotate(35deg); | |||
transform-origin:left center; | |||
"></div> | |||
<!-- Bottom Right --> | |||
<div style=" | |||
position:absolute; | |||
top:310px; | |||
left:390px; | |||
width:90px; | |||
height:4px; | |||
background:#aaa; | |||
transform: rotate(-35deg); | |||
transform-origin:left center; | |||
"></div> | |||
<!-- CENTER --> | |||
<div style=" | <div style=" | ||
position: absolute; | position: absolute; | ||
| Line 20: | Line 112: | ||
border-radius: 12px; | border-radius: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
z-index:2; | |||
"> | "> | ||
{{{center|Main Entity}}} | {{{center|Main Entity}}} | ||
</div> | </div> | ||
<!-- | |||
<!-- TOP --> | |||
{{#if:{{{top|}}}| | {{#if:{{{top|}}}| | ||
<div style=" | <div style=" | ||
| Line 36: | Line 130: | ||
color: white; | color: white; | ||
border-radius: 10px; | border-radius: 10px; | ||
z-index:2; | |||
"> | "> | ||
{{{top}}} | {{{top}}} | ||
| Line 41: | Line 136: | ||
}} | }} | ||
<!-- | <!-- BOTTOM --> | ||
{{#if:{{{bottom|}}}| | {{#if:{{{bottom|}}}| | ||
<div style=" | <div style=" | ||
| Line 53: | Line 148: | ||
color: white; | color: white; | ||
border-radius: 10px; | border-radius: 10px; | ||
z-index:2; | |||
"> | "> | ||
{{{bottom}}} | {{{bottom}}} | ||
| Line 58: | Line 154: | ||
}} | }} | ||
<!-- | <!-- LEFT --> | ||
{{#if:{{{left|}}}| | {{#if:{{{left|}}}| | ||
<div style=" | <div style=" | ||
| Line 70: | Line 166: | ||
color: white; | color: white; | ||
border-radius: 10px; | border-radius: 10px; | ||
z-index:2; | |||
"> | "> | ||
{{{left}}} | {{{left}}} | ||
| Line 75: | Line 172: | ||
}} | }} | ||
<!-- | <!-- RIGHT --> | ||
{{#if:{{{right|}}}| | {{#if:{{{right|}}}| | ||
<div style=" | <div style=" | ||
| Line 87: | Line 184: | ||
color: white; | color: white; | ||
border-radius: 10px; | border-radius: 10px; | ||
z-index:2; | |||
"> | "> | ||
{{{right}}} | {{{right}}} | ||
| Line 92: | Line 190: | ||
}} | }} | ||
<!-- | <!-- TOP LEFT --> | ||
{{#if:{{{topleft|}}}| | {{#if:{{{topleft|}}}| | ||
<div style=" | <div style=" | ||
| Line 104: | Line 202: | ||
color: white; | color: white; | ||
border-radius: 10px; | border-radius: 10px; | ||
z-index:2; | |||
"> | "> | ||
{{{topleft}}} | {{{topleft}}} | ||
| Line 109: | Line 208: | ||
}} | }} | ||
<!-- | <!-- TOP RIGHT --> | ||
{{#if:{{{topright|}}}| | {{#if:{{{topright|}}}| | ||
<div style=" | <div style=" | ||
| Line 121: | Line 220: | ||
color: white; | color: white; | ||
border-radius: 10px; | border-radius: 10px; | ||
z-index:2; | |||
"> | "> | ||
{{{topright}}} | {{{topright}}} | ||
| Line 126: | Line 226: | ||
}} | }} | ||
<!-- | <!-- BOTTOM LEFT --> | ||
{{#if:{{{bottomleft|}}}| | {{#if:{{{bottomleft|}}}| | ||
<div style=" | <div style=" | ||
| Line 138: | Line 238: | ||
color: white; | color: white; | ||
border-radius: 10px; | border-radius: 10px; | ||
z-index:2; | |||
"> | "> | ||
{{{bottomleft}}} | {{{bottomleft}}} | ||
| Line 143: | Line 244: | ||
}} | }} | ||
<!-- | <!-- BOTTOM RIGHT --> | ||
{{#if:{{{bottomright|}}}| | {{#if:{{{bottomright|}}}| | ||
<div style=" | <div style=" | ||
| Line 155: | Line 256: | ||
color: white; | color: white; | ||
border-radius: 10px; | border-radius: 10px; | ||
z-index:2; | |||
"> | "> | ||
{{{bottomright}}} | {{{bottomright}}} | ||
| Line 162: | Line 264: | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
<noinclude> | <noinclude> | ||
Revision as of 15:12, 1 May 2026
Usage
{{RelationsGraph
| center =
| top =
| topcolor =
| left =
| leftcolor =
| right =
| rightcolor =
| bottom =
| bottomcolor =
}}