Template:FeaturedNews: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 45: | Line 45: | ||
<div class="" style="padding: 0.5em;"> | <div class="" style="padding: 0.5em;"> | ||
<div class ="" style="height: 50%;> | <div class ="" style="height: 50%;> | ||
< | <h4 style="margin-block-start: 0;">News</h4> | ||
<div class="" style="overflow: auto; height: 188px; font-size: 0.85em;">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. | <div class="" style="overflow: auto; height: 188px; font-size: 0.85em;">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. | ||
| Line 51: | Line 51: | ||
<div class ="" style="height: 50%;> | <div class ="" style="height: 50%;> | ||
< | <h4 style="margin-block-start: 0.5em;">Announcements</h4> | ||
<div class="" style="overflow: auto; height: 188px; font-size: 0.85em;">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. | <div class="" style="overflow: auto; height: 188px; font-size: 0.85em;">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. | ||
| Line 102: | Line 102: | ||
</div> | </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 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 | <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="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;">< | <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> | ||
<div id="" class="" style="overflow: hidden | <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="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;">< | <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> | ||
<div id="" class="" style="overflow: hidden | <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="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;">< | <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> | ||
<div id="" class="" style="overflow: hidden | <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="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;">< | <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> | ||
<div id="" class="" style="overflow: hidden | <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="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;">< | <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> | ||
<div id="" class="" style="overflow: hidden | <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="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;">< | <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> | </div> | ||
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;"> | <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;"> | ||
<div id="" class="" style="overflow: hidden | <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="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;"><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 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 | <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="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><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 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 | <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="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><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 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 | <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="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;"><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 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> | ||
| Line 148: | Line 148: | ||
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;"> | <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;"> | ||
<div id="" class="" style="overflow: hidden | <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="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;"><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 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 | <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="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;"><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 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 | <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="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;"><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 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 | <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="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;"><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 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> | ||
| Line 173: | Line 173: | ||
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;"> | <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;"> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; 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="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Before the Republic</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Before the Republic</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; 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="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Old Republic</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Old Republic</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; 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="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rise of the Empire</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rise of the Empire</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; 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="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rebellion</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rebellion</h4></div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;"> | <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 112px;"> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; 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="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Republic</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Republic</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; 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="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Jedi Order</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Jedi Order</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; 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="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Legacy</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Legacy</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; 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="background: var(--color-surface-4);">[[File:|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Infinities</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Infinities</h4></div> | ||
</div> | </div> | ||
| Line 215: | Line 215: | ||
</div> | </div> | ||
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;"> | <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;"> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;"> | <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;"> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
| Line 273: | Line 273: | ||
</div> | </div> | ||
<div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;"> | <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;"> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Characters]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Characters]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden | <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div> | <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div> | ||
<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4></div> | ||
</div> | </div> | ||
Revision as of 23:13, 3 December 2025
Search the Datacron Database
/
552
130
20
6,410
The Star Wars Saga
The Star Wars Saga
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













