Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:FeaturedNews: Difference between revisions

Template page
Created page with "<div class="grid" style="display: grid; grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr)); grid-template-rows: none; grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); grid-template-areas: none; grid-auto-rows: auto; 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 class="card-section-1" s..."
 
No edit summary
 
(77 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="grid" style="display: grid;
<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;">
        grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr));
<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>
        grid-template-rows: none;
<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>
        grid-template-columns: repeat(auto-fit,minmax(21rem,1fr));
        grid-template-areas: none;
        grid-auto-rows: auto;
        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 class="card-section-1" style="background: blue;">
<div class="otd-card" style="background: green;">
</div>
</div>
<div class="news-card" style="background: purple;">
 
<div class="grid" style="display: grid; grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr)); grid-template-rows: none; grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); grid-template-areas: none; grid-auto-rows: auto; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem; margin-bottom: 0.5rem;">
 
<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;">
<h4 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: 1.25em; text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;">News & Announcements</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">News & Announcements</p>
</div>
</div>
<div class="" style="padding: 0.5em;">
<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.
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="card-section-2" style="display: flex; background: red;">
<div class="aotw-card" style="background: orange;">
</div>
</div>
<div class="qotd-card" style="background: yellow;">
 
<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.
 
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>
</div>
</div>
<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; 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;"> On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}|{{CURRENTMONTHABBREV}} {{CURRENTDAY}}]]</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}]]</p>
</div>
</div>
<div class="" style="height: 478px; padding: 0.5em;">
<div class="" style="overflow: auto; height: 462px; font-size: 0.85em;">
{{Wikiportal:Main/OTD}}
</div>
</div>
</div>
<div style="display:flex; flex-direction: column; gap: var(--space-xs);">
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; 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;"> Article of the Week</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Article of the Week</p>
</div>
<div class="" style="height: 200px; padding: 0.5em;">
<div class="main-fa-card" style="overflow: hidden; height: 184px; font-size: 0.85em;">
{{Wikiportal:Main/Featured article}}
</div>
</div>
</div>
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; 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;"> Quote of the Day</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Quote of the Day</p>
</div>
<div class="" style="height: 200px; padding: 0.5em;">
<div class="" style="overflow: auto; height: 184px; font-size: 0.85em;">
{{Wikiportal:Main/QOTD}}
</div>
</div>
</div>
</div>
</div>
__NOTOC__

Latest revision as of 22:15, 17 December 2025

Welcome to the Datacron Database, a Star Wars Legends wiki and aiming to be a definitive source of information. This Database is edited and maintained by a dedicated group of Star Wars fans! We currently working on 552 created since January 7, 2021. Check out the new pages, recent changes, and statistics.

<div class="test" style="height: 200px;"

News & Announcements

News & Announcements

News

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

Announcements

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

On this Day... Jun 10

On this Day... June 10

Article of the Week

Article of the Week

Quote of the Day

Quote of the Day

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