Toggle search
Toggle menu
552
130
20
6.4K
Datacron Database
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
More actions
Browse history interactively
← Older editNewer edit →
VisualWikitext
No edit summary
No edit summary
Line 40: Line 40:
<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<h2 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: calc(var(--font-size-base) * 1.375); text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;">News & Announcements</h2>
<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;">News & Announcements</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">News & Announcements</p>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">News & Announcements</p>
</div>
</div>
Line 60: Line 60:
<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<h2 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: calc(var(--font-size-base) * 1.375); text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}|{{CURRENTMONTHABBREV}} {{CURRENTDAY}}]]</h2>
<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;"> On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}|{{CURRENTMONTHABBREV}} {{CURRENTDAY}}]]</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}]]</p>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}]]</p>
</div>
</div>
Line 73: Line 73:
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<h2 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: calc(var(--font-size-base) * 1.375); text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> Article of the Week</h2>
<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;"> Article of the Week</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Article of the Week</p>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Article of the Week</p>
</div>
</div>
Line 85: Line 85:
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<h2 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: calc(var(--font-size-base) * 1.375); text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> Quote of the Day</h2>
<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;"> Quote of the Day</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Quote of the Day</p>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Quote of the Day</p>
</div>
</div>
Line 98: Line 98:


<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;">
<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;">
<h2 style="color: rgb(245, 245, 245); margin: 0; font-size: calc(var(--font-size-base) * 1.375);">The Star Wars Saga</h2>
<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>
<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>
Line 104: Line 104:
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;"><h4 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</h4><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Phantom Menace</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;"><h4 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</h4><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Attack of the Clones</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;"><h4 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</h4><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Revenge of the Sith</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;"><h4 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</h4><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">A New Hope</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;"><h4 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</h4><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Empire Strikes Back</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;"><h4 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</h4><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Return of the Jedi</h4></div>
</div>
</div>
</div>
</div>
Line 131: Line 131:
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;">Star Wars Holiday Special</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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;"><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Ewoks I</h4><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 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-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Ewoks I</h4><h4 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</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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;"><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Ewoks II</h4><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 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-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Ewoks II</h4><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 Battle for Endor</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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 Clone Wars</h4><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Film</h4></div>
</div>
</div>
</div>
</div>
Line 150: Line 150:
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;">Droids</h4><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>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;">Ewoks</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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;">Clone Wars</h4><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Micro-Series</h4></div>
</div>
</div>
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); 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="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 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 Clone Wars</h4></div>
</div>
</div>
</div>
</div>
Line 168: Line 168:
<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;
<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;
}">
}">
<h2 style="color: rgb(245, 245, 245); margin: 0; font-size: calc(var(--font-size-base) * 1.375);">Eras of Star Wars</h2>
<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>
<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>
Line 175: Line 175:
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rebellion</h2></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>
Line 193: Line 193:
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Legacy</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Infinities</h2></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>
</div>
</div>
Line 211: Line 211:
<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;
<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;
}">
}">
<h2 style="color: rgb(245, 245, 245); margin: 0; font-size: calc(var(--font-size-base) * 1.375);">In-Universe Catagories</h2>
<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>
<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>
Line 217: Line 217:
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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>
</div>
Line 243: Line 243:
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h2></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: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="" style="overflow: hidden; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
<div id="" class="background" style="">[[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;"><h2 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</h2></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>
</div>
Line 269: Line 269:
<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;
<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;
}">
}">
<h2 style="color: rgb(245, 245, 245); margin: 0; font-size: calc(var(--font-size-base) * 1.375);">Real World Catagories</h2>
<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>
<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>

Revision as of 22:48, 3 December 2025

Search the Datacron Database /

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 12

On this Day... June 12

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]]

Characters

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

Alien Species

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

Characters

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

Alien Species

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

Characters

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

Alien Species

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

Characters

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

Alien Species

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

Characters

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

Alien Species

Real World Catagories

Real World Catagories

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

Characters

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

Alien Species

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

Characters

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

Alien Species

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

Characters

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

Alien Species


Retrieved from "https://datacrondatabase.com/index.php?title=Template:FeaturedNews&oldid=5705"
Last modified
This page was last edited on 3 December 2025, at 22:48.
Cookies help us deliver our services. By using our services, you agree to our use of cookies.