Template:SagaNew: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 11: | Line 11: | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | <div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File: | <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; 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="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</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;"><h2 style="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | <div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File: | <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; 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="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</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;"><h2 style="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | <div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File: | <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; 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="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</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;"><h2 style="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | <div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File: | <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; 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="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</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;"><h2 style="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</h4></div> | ||
</div> | </div> | ||
<div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | <div id="" class="" style="overflow: hidden; min-height: 292px; border-radius: 17px; position: relative;"> | ||
<div id="" class="background" style="">[[File: | <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; 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="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</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;"><h2 style="margin: 0;">Episode I</h2><h4 style="margin: 0;">The Phantom Menace</h4></div> | ||
</div> | </div> | ||
Revision as of 16:01, 2 December 2025
The Star Wars Saga
The Star Wars Saga
Episode I
The Phantom Menace
Episode I
The Phantom Menace
Episode I
The Phantom Menace
Episode I
The Phantom Menace
Episode I
The Phantom Menace
Episode I
The Phantom Menace
.background img {
transition: transform 0.2s ease; position: absolute; height: 100%; object-fit: cover; object-position: center; width: 100%;
}