Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:FeaturedNews: Difference between revisions

Template page
No edit summary
No edit summary
Line 173: Line 173:


<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;">
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="background" style="">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Before the Republic</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Before the Republic</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="background" style="">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Old Republic</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Old Republic</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="background" style="">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rise of the Empire</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rise of the Empire</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="background" style="">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rebellion</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rebellion</h4></div>
</div>
</div>
</div>
</div>
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;">
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="background" style="">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Republic</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Republic</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="background" style="">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Jedi Order</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Jedi Order</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="background" style="">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Legacy</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Legacy</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="background" style="">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Infinities</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Infinities</h4></div>
</div>
</div>
Line 215: Line 215:
</div>
</div>
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Droid Models</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Droid Models</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Creatures</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Creatures</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Events</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Events</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Locations</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Locations</h4></div>
</div>
</div>
</div>
</div>
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Organizations</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Organizations</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Technology</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Technology</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Vehicles</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Vehicles</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Weapons</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Weapons</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Force</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Force</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Miscellanea</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Miscellanea</h4></div>
</div>
</div>
Line 273: Line 273:
</div>
</div>
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">People</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">People</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Products</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Products</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Places</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Places</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Images</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Images</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div>
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Companies</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Companies</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Other</h4></div>
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Other</h4></div>
</div>
</div>

Revision as of 15:58, 4 December 2025

552

130

20

6,410
Welcome to the Datacron Database, a Star Wars Legends wiki and aiming to be a definitive source of information. This Database is edited and maintained by a dedicated group of Star Wars fans! We currently working on 552 created since January 7, 2021. Check out the new pages, recent changes, and statistics.
Staff
Projects

News & Announcements

News & Announcements

News

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

Announcements

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

On this Day... Jun 11

On this Day... June 11

Article of the Week

Article of the Week

Quote of the Day

Quote of the Day

The Star Wars Saga

The Star Wars Saga

Episode I

The Phantom Menace

Episode II

Attack of the Clones

Episode III

Revenge of the Sith

Episode IV

A New Hope

Episode V

The Empire Strikes Back

Episode VI

Return of the Jedi

Star Wars Holiday Special

Ewoks I

Caravan of Courage

Ewoks II

The Battle for Endor

The Clone Wars

Film

Droids

The Adventures of R2-D2 and C-3PO

Ewoks

Clone Wars

The Micro-Series

The Clone Wars

Eras of Star Wars

Eras of Star Wars

[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]

Before the Republic

[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]

Old Republic

[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]

Rise of the Empire

[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]

Rebellion

[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]

New Republic

[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]

New Jedi Order

[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]

Legacy

[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]

Infinities

In-Universe Catagories

In-Universe Catagories

[[File:|link=Category:Characters]]

Characters

[[File:|link=Category:Alien_Species]]

Alien Species

[[File:|link=Category:Characters]]

Droid Models

[[File:|link=Category:Alien_Species]]

Creatures

[[File:|link=Category:Characters]]

Events

[[File:|link=Category:Alien_Species]]

Locations

[[File:|link=Category:Characters]]

Organizations

[[File:|link=Category:Alien_Species]]

Technology

[[File:|link=Category:Characters]]

Vehicles

[[File:|link=Category:Alien_Species]]

Weapons

[[File:|link=Category:Characters]]

The Force

[[File:|link=Category:Alien_Species]]

Miscellanea

Real World Catagories

Real World Catagories

[[File:|link=Category:Characters]]

People

[[File:|link=Category:Alien_Species]]

Products

[[File:|link=Category:Characters]]

Places

[[File:|link=Category:Alien_Species]]

Images

[[File:|link=Category:Characters]]

Companies

[[File:|link=Category:Alien_Species]]

Other


Cookies help us deliver our services. By using our services, you agree to our use of cookies.