Xanthia Admin Minitabs

Main Admin panel using the Sliding Doors of CSS technique from AListApart.com


System Modules


Content Modules


Utility Modules

3rd Party

3rd Party Modules

Resource Pack

Resource Pack Modules

A really loong tab

A really loong description

Structure of the minitabs:

<div style="clear: both; margin-bottom: 2em;">
  <ul id="minitabs">
    <li><a href="#"><span>Block Position Tags</span></a></li>
    <li><a href="#"><span>Content Wrappers</span></a></li>
    <li id="active"><a href="#"><span>Theme templates</span></a></li>
    <li><a href="#"><span>Theme colors</span></a></li>
    <li><a href="#"><span>Theme settings</span></a></li>
    <li><a href="#"><span>Block control</span></a></li>
  <div style="clear: both;"></div>

A really reeally loooong tab

A really reeally loooonger description

Structure of WebFX Admin panel and Settings panel tabs

<div class="dynamic-tab-pane-control tab-pane" id="AdminPanel">
  <div class="tab-row">
    <h2 class="tab pn-title selected"><a href="#">System</a></h2>
    <h2 class="tab pn-title"><a href="#">Content</a></h2>
    <h2 class="tab pn-title"><a href="#">Utility</a></h2>
    <h2 class="tab pn-title"><a href="#">3rd Party</a></h2>
    <h2 class="tab pn-title"><a href="#">Resource Pack</a></h2>
  <div style="display: block;" class="tab-page" id="System">