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 1: Line 1:
<div style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(21rem,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;">
<div style="position: relative; border-radius: 16px; background-color:var(--color-surface-3); width: 100%; align-content: center;">
<div style="display: flow-root; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, var(--color-surface-4) 35%, var(--color-surface-4) 65%, rgba(255, 255, 255, 0) 100%);">
<div style="">
<div class="banner-img" style="display: flex; justify-content: center; margin-top: 1em; margin-bottom: 1em;">[[File:DatacronWordmark2025.svg]]</div>
<div class="home-header__search scw-gradient-glow citizen-search-trigger" role="button" style="padding: 0.5em; margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; max-width: 600px; border-radius: var(--border-radius-pill); background-color: var(--color-surface-1); cursor: pointer; font-size: var(--font-size-small); font-weight: var(--font-weight-medium); text-align: center;display: flex; flex-direction: row; justify-content: center;"><div class="home-header__searchIcon" style="margin-right: var(--space-sm);">[[File:WikimediaUI-Search.svg|16px|link=]]</div><div class="home-header__searchText" style="">Search the Datacron Database <code style="margin-left: var(--space-sm);">/</code></div></div>
</div>
<div style="display: flex; justify-content: center; height: 28px; margin-bottom: 1em;">
<div class="citizen-siteStats">
<div class="citizen-siteStats__item" id="citizen-siteStats__item--articles" title="articles">
<span class="citizen-ui-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span>
<div>{{NUMBEROFARTICLES}}</div>
</div>
<div class="citizen-siteStats__item" id="citizen-siteStats__item--images" title="files">
<span class="citizen-ui-icon mw-ui-icon-image mw-ui-icon-wikimedia-image"></span>
<div>{{NUMBEROFFILES}}</div>
</div>
<div class="citizen-siteStats__item" id="citizen-siteStats__item--users" title="users">
<span class="citizen-ui-icon mw-ui-icon-userAvatar mw-ui-icon-wikimedia-userAvatar"></span>
<div>{{NUMBEROFUSERS}}</div>
</div>
<div class="citizen-siteStats__item" id="citizen-siteStats__item--edits" title="edits">
<span class="citizen-ui-icon mw-ui-icon-edit mw-ui-icon-wikimedia-edit"></span>
<div>{{NUMBEROFEDITS}}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="" style="width: 100%; background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); text-align: center; overflow: hidden; margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.85em;">
<div class="" style="width: 100%; background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); text-align: center; overflow: hidden; margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.85em;">
Line 94: Line 63:
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;">
<h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">The Star Wars Saga</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">The Star Wars Saga</p>
</div>
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(16rem,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: 292px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:TPM.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; 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;"><h2 style=" font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode I</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Phantom Menace</h4></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:AOTC.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; 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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode II</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Attack of the Clones</h4></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:ROTS.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; 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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode III</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Revenge of the Sith</h4></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:ANH.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; 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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode IV</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">A New Hope</h4></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:TESB.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; 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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode V</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Empire Strikes Back</h4></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:ROTJ.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
<div id="" class="foreground" style="text-align: center; position: absolute; 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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode VI</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Return of the Jedi</h4></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: 86px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:TSWHS.png|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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Star Wars Holiday Special</h2></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:COC.png|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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Caravan of Courage</h2></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:BFE.png|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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Battle for Endor</h2></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:TCWf.png|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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Clone Wars</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Film</h4></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: 86px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:DroidsTV.jpg|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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Droids</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Adventures of R2-D2 and C-3PO</h4></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:EwoksTV.jpg|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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Ewoks</h2></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:CloneWarsWallpaper.jpg|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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Clone Wars</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Micro-Series</h4></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[File:TheCloneWarsSeason7Card.jpg|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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Clone Wars</h2></div>
</div>
</div>
<div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
}">
<h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">Eras of Star Wars</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Eras of Star Wars</p>
</div>
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(12rem,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: 217px;">
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TestBtRCard.png|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>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Before the Republic</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TestORCard.png|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>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Old Republic</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TestROTECard.png|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>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Rise of the Empire</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TestRCard.png|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>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Rebellion</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TestNRCard.png|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>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">New Republic</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TestNJOCard.png|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>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">New Jedi Order</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TestLCard.png|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>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Legacy</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TestICard.png|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>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Infinites</p></div>
</div>
</div>
<div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
}">
<h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">In-Universe Catagories</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">In-Universe Catagories</p>
</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 id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:CharacterCard.png|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Characters</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:AlienSpeciesCard.png|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Alien Species</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:DroidCard.png|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Droid Models</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:CreaturesCard.png|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Creatures</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:EventsCard.png|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Events</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:LocationsCard.png|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Locations</p></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 id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:OrganizationsCard.png|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Organizations</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TechnologyCard.png|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Technology</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:VehiclesCard.png|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Vehicles</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:WeaponsCard.png|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Weapons</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:TheForceCard.png|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">The Force</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:MicellaneaCard.png|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Miscellanea</p></div>
</div>
</div>
<div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
}">
<h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">Real World Catagories</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Real World Catagories</p>
</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 id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">People</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Products</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Places</p></div>
</div>
<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="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Images</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Companies</p></div>
</div>
<div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
<div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Other</p></div>
</div>
</div>
<div class="" style="height: 124px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden; margin-top: 0.5em; margin-bottom: 0.5em;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; text-align: center;">
<h4 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: 1.25em; text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> Affiliates </h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Affiliates</p>
</div>
<div class="" style="height: 478px; padding: 0.5em;">
<div class="" style="overflow: auto; height: 462px; font-size: 0.85em;"></div>
</div>
</div>
</div>
</div>
__NOTOC__
__NOTOC__

Revision as of 22:33, 15 December 2025

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.

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 10

On this Day... June 10

Article of the Week

Article of the Week

Quote of the Day

Quote of the Day

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