Jump to content

Customizer: Difference between revisions

From Leaf Essentials
← Older editNewer edit →
That1Dev (talk | contribs)
editor
10 edits
VisualWikitext
That1Dev (talk | contribs)
editor
10 edits
No edit summary
That1Dev (talk | contribs)
editor
10 edits
No edit summary
Line 1: Line 1:
<div style="max-width: 1000px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif; color: #e0e0e0;">
<div style="max-width: 1000px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif; color: #e0e0e0;">


<!-- STUB NOTIFICATION -->
<!-- STUB -->
<div style="background: rgba(255, 165, 0, 0.1); border-left: 5px solid #ffa500; padding: 15px; margin-bottom: 20px; border-radius: 4px; display: flex; align-items: center;">
<div style="background: rgba(255, 165, 0, 0.1); border-left: 5px solid #ffa500; padding: 15px; margin-bottom: 25px; border-radius: 4px; display: flex; align-items: center;">
     <span style="font-size: 20px; margin-right: 15px;">🚧</span>  
     <span style="font-size: 20px; margin-right: 15px;">🚧</span>  
     <span>'''Stub:''' This page is a work in progress. Feel free to contribute!</span>
     <span>'''Stub:''' This page is a work in progress.</span>
</div>
</div>


<!-- HEADER SECTION -->
<h2 style="text-align: center; color: #58a6ff; border: none; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; opacity: 0.8;">Creation Modules</h2>
<div style="display: flex; gap: 20px; flex-wrap: wrap; align-items: center; margin-bottom: 40px;">
    <div style="flex: 2; min-width: 300px;">
        <h1 style="color: #fff; font-size: 2.5em; border: none; margin-bottom: 10px;">The Customizer</h1>
        <p style="font-size: 1.2em; line-height: 1.6; color: #b0b0b0;">
            The Customizer is the powerhouse of Leaf Essentials. It's a versatile tool designed to bridge the gap between imagination and implementation.
        </p>
    </div>
    <div style="flex: 1; min-width: 250px; text-align: center;">
        [[File:CustomizerBrush.png|250px|alt=Customizer Brush]]
    </div>
</div>
 
<h2 style="text-align: center; color: #58a6ff; border: none; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; opacity: 0.7;">Creation Modules</h2>


<!-- THE GRID (Matching image_002382.png) -->
<!-- THE GRID -->
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;">
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;">


     <!-- LINKED ITEMS (Green style) -->
     <!-- LINKED ITEMS (Green Style) -->
    <!-- We use a span inside the link to override MediaWiki's default blue background -->
   
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px; display: flex; justify-content: center;">
             [[Action Form|<span style="color: #44bd69; font-weight: bold; letter-spacing: 0.5px;">Action Form</span>]]
             [[Action Form|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Action Form</span>]]
         </div>
         </div>
     </div>
     </div>


     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px; display: flex; justify-content: center;">
             [[Chest UI|<span style="color: #44bd69; font-weight: bold;">Chest UI</span>]]
             [[Chest UI|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Chest UI</span>]]
         </div>
         </div>
     </div>
     </div>


     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px; display: flex; justify-content: center;">
             [[Formatting|<span style="color: #44bd69; font-weight: bold;">Formatting</span>]]
             [[Formatting|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Formatting</span>]]
         </div>
         </div>
     </div>
     </div>


    <!-- SCRIPT (Highlighted Blue Box) -->
     <div style="background: #161616; border: 1px solid #3366cc; padding: 25px 15px; border-radius: 8px; text-align: center; box-shadow: inset 0 0 10px rgba(51,102,204,0.2);">
     <div style="background: #161616; border: 1px solid #3366cc; padding: 25px 15px; border-radius: 8px; text-align: center; box-shadow: inset 0 0 10px rgba(51,102,204,0.2);">
         <div style="border: 1px solid #3366cc; padding: 15px; border-radius: 4px; background: rgba(51,102,204,0.05);">
         <div style="border: 1px solid #3366cc; padding: 15px; border-radius: 4px; background: rgba(51,102,204,0.05); display: flex; justify-content: center;">
             [[Script|<span style="color: #44bd69; font-weight: bold;">Script</span>]]
             [[Script|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Script</span>]]
         </div>
         </div>
     </div>
     </div>


     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px; display: flex; justify-content: center;">
             [[Zones|<span style="color: #44bd69; font-weight: bold;">Zone</span>]]
             [[Zones|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Zone</span>]]
         </div>
         </div>
     </div>
     </div>


     <!-- UNLINKED ITEMS (Coming Soon style) -->
     <!-- UNLINKED ITEMS (Coming Soon) -->
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.6;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
             <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Modal Form</div>
             <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Modal Form</div>
Line 64: Line 54:
     </div>
     </div>


     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.6;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
             <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Sidebar</div>
             <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Sidebar</div>
Line 71: Line 61:
     </div>
     </div>


     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
     <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.6;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
         <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
             <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Toast</div>
             <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Toast</div>
Line 78: Line 68:
     </div>
     </div>


    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
            <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Function</div>
            <div style="font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 1px;">Coming Soon</div>
        </div>
    </div>
    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
            <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Command</div>
            <div style="font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 1px;">Coming Soon</div>
        </div>
    </div>
    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
            <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Warp</div>
            <div style="font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 1px;">Coming Soon</div>
        </div>
    </div>
    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
            <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Event</div>
            <div style="font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 1px;">Coming Soon</div>
        </div>
    </div>
</div>
<!-- FOOTER -->
<div style="margin-top: 50px; padding: 20px; border-top: 1px solid #333; display: flex; align-items: center; justify-content: space-between;">
    <div style="display: flex; align-items: center; gap: 15px;">
        [[File:3DBrushCompressed.png|60px]]
        <span style="font-size: 0.9em; color: #666;">Leaf Essentials Wiki &bull; 2026</span>
    </div>
    <div style="font-size: 0.8em; color: #44bd69; font-weight: bold; text-transform: uppercase;">4 Year Anniversary</div>
</div>
</div>


</div>
</div>

Revision as of 10:18, 30 April 2026

   🚧 
   Stub: This page is a work in progress.

Creation Modules


Modal Form
Coming Soon
Sidebar
Coming Soon
Toast
Coming Soon
Retrieved from "https://leaf.trashdev.org/index.php?title=Customizer&oldid=313"