|
|
| (3 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <div style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem;">
| |
| <div style="position: relative; border-radius: 16px; background-color:var(--color-surface-3); width: 100%; align-content: center;">
| |
| <div style="display: flow-root; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, var(--color-surface-4) 35%, var(--color-surface-4) 65%, rgba(255, 255, 255, 0) 100%);">
| |
| <div style="">
| |
| <div class="banner-img" style="display: flex; justify-content: center; margin-top: 1em; margin-bottom: 1em;">[[File:DatacronWordmark2025.svg]]</div>
| |
| <div class="home-header__search scw-gradient-glow citizen-search-trigger" role="button" style="padding: 0.5em; margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; max-width: 600px; border-radius: var(--border-radius-pill); background-color: var(--color-surface-1); cursor: pointer; font-size: var(--font-size-small); font-weight: var(--font-weight-medium); text-align: center;display: flex; flex-direction: row; justify-content: center;"><div class="home-header__searchIcon" style="margin-right: var(--space-sm);">[[File:WikimediaUI-Search.svg|16px|link=]]</div><div class="home-header__searchText" style="">Search the Datacron Database <code style="margin-left: var(--space-sm);">/</code></div></div>
| |
| </div>
| |
| <div style="display: flex; justify-content: center; height: 28px; margin-bottom: 1em;">
| |
| <div class="citizen-siteStats">
| |
| <div class="citizen-siteStats__item" id="citizen-siteStats__item--articles" title="articles">
| |
| <span class="citizen-ui-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span>
| |
| <div>{{NUMBEROFARTICLES}}</div>
| |
| </div>
| |
| <div class="citizen-siteStats__item" id="citizen-siteStats__item--images" title="files">
| |
| <span class="citizen-ui-icon mw-ui-icon-image mw-ui-icon-wikimedia-image"></span>
| |
| <div>{{NUMBEROFFILES}}</div>
| |
| </div>
| |
| <div class="citizen-siteStats__item" id="citizen-siteStats__item--users" title="users">
| |
| <span class="citizen-ui-icon mw-ui-icon-userAvatar mw-ui-icon-wikimedia-userAvatar"></span>
| |
| <div>{{NUMBEROFUSERS}}</div>
| |
| </div>
| |
| <div class="citizen-siteStats__item" id="citizen-siteStats__item--edits" title="edits">
| |
| <span class="citizen-ui-icon mw-ui-icon-edit mw-ui-icon-wikimedia-edit"></span>
| |
| <div>{{NUMBEROFEDITS}}</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); text-align: center; overflow: hidden; margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.85em;"> | | <div class="" style="width: 100%; background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); text-align: center; overflow: hidden; margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.85em;"> |
| <div class="" style="padding: 0.5em;">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 {{NUMBEROFARTICLES}} created since '''January 7, 2021'''. Check out the [[Special:NewPages|new pages]], [[Special:RecentChanges|recent changes]], and [[Special:Statistics|statistics]].</div> | | <div class="" style="padding: 0.5em;">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 {{NUMBEROFARTICLES}} created since '''January 7, 2021'''. Check out the [[Special:NewPages|new pages]], [[Special:RecentChanges|recent changes]], and [[Special:Statistics|statistics]].</div> |
| <div class="" style="display: flex; flex-direction: row; justify-content: center; color: white; background-color: var(--color-surface-3); font-family: 'ITC Avant Garde Std Demi'; text-transform: uppercase;> <div style="margin: 0.5rem;">Staff</div> <div style="margin: 0.5rem;">Projects</div> <div style="margin: 0.5rem;">[[Datacron_Database:Style_Guide|Style Guide]]</div> <div style="margin: 0.5rem;">[[Datacron_Database:Policies|Policies]]</div></div> | | <div class="" style="display: flex; flex-direction: row; justify-content: center; color: white; background-color: var(--color-surface-3); font-family: 'ITC Avant Garde Std Demi'; text-transform: uppercase;> <div style="margin: 0.5rem;"> [[Datacron_Database:Staff|Staff ]]</div> <div style="margin: 0.5rem;"> [[Datacron_Database:Projects|Projects ]]</div> <div style="margin: 0.5rem;">[[Datacron_Database:Style_Guide|Style Guide]]</div> <div style="margin: 0.5rem;">[[Datacron_Database:Policies|Policies]]</div></div> |
| </div> | | </div> |
|
| |
|
| Line 39: |
Line 7: |
|
| |
|
| <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="test" style="height: 200px;" |
| <div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; text-align: center;"> | | <div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; text-align: center;"> |
| <h4 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: 1.25em; text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;">News & Announcements</h4> | | <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> |
| Line 48: |
Line 17: |
| <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. |
|
| |
|
| 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></div> | | 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> |
| | </div> |
| | </div> |
|
| |
|
| <div class ="" style="height: 50%;> | | <div class ="" style="height: 50%;> |
| Line 94: |
Line 65: |
| </div> | | </div> |
| </div> | | </div> |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="height: 124px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden; margin-top: 0.5em; margin-bottom: 0.5em;">
| |
| <div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; text-align: center;">
| |
| <h4 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: 1.25em; text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> Affiliates </h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Affiliates</p>
| |
| </div>
| |
| <div class="" style="height: 478px; padding: 0.5em;">
| |
| <div class="" style="overflow: auto; height: 462px; font-size: 0.85em;"></div>
| |
| </div>
| |
| </div>
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;">
| |
| <h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">The Star Wars Saga</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">The Star Wars Saga</p>
| |
| </div>
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(16rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 292px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:TPM.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style=" font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode I</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Phantom Menace</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:AOTC.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode II</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Attack of the Clones</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:ROTS.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode III</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Revenge of the Sith</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:ANH.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode IV</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">A New Hope</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:TESB.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode V</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Empire Strikes Back</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:ROTJ.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode VI</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Return of the Jedi</h4></div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 86px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:TSWHS.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Star Wars Holiday Special</h2></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:COC.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Caravan of Courage</h2></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:BFE.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Battle for Endor</h2></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:TCWf.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Clone Wars</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Film</h4></div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 86px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:DroidsTV.jpg|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Droids</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Adventures of R2-D2 and C-3PO</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:EwoksTV.jpg|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Ewoks</h2></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:CloneWarsWallpaper.jpg|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Clone Wars</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Micro-Series</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:TheCloneWarsSeason7Card.jpg|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Clone Wars</h2></div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
| |
| }">
| |
| <h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">Eras of Star Wars</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Eras of Star Wars</p>
| |
| </div>
| |
|
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(12rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 217px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestBtRCard.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Before the Republic</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Before the Republic</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestORCard.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Old Republic</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Old Republic</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestROTECard.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rise of the Empire</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Rise of the Empire</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestRCard.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rebellion</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Rebellion</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestNRCard.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Republic</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">New Republic</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestNJOCard.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Jedi Order</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">New Jedi Order</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestLCard.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Legacy</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Legacy</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestICard.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
| |
| <div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Infinities</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Infinites</p></div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
| |
| }">
| |
| <h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">In-Universe Catagories</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">In-Universe Catagories</p>
| |
| </div>
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:CharacterCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Characters</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:AlienSpeciesCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Alien Species</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:DroidCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Droid Models</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Droid Models</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:CreaturesCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Creatures</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Creatures</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:EventsCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Events</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Events</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:LocationsCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Locations</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Locations</p></div>
| |
| </div>
| |
| </div>
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:OrganizationsCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Organizations</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Organizations</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TechnologyCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Technology</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Technology</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:VehiclesCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Vehicles</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Vehicles</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:WeaponsCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Weapons</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Weapons</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TheForceCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Force</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">The Force</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:MicellaneaCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Miscellanea</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Miscellanea</p></div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
| |
| }">
| |
| <h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">Real World Catagories</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Real World Catagories</p>
| |
| </div>
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; min-height: 64px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">People</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">People</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Products</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Products</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Places</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Places</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Images</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Images</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Companies</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Companies</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Other</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Other</p></div>
| |
| </div> | | </div> |
| </div> | | </div> |
| __NOTOC__ | | __NOTOC__ |
