Admin sidemenu.

uiframework/admin/layout.html

@@ -133,442 +133,490 @@
 
     <div class="container">
 
-      <div class="table-actions">
-
-        <ul class="pager pull-left">
-          <li class="page">
-            Page 7 of 46
-          </li>
-          <li>
-            <a href="#">First</a>
-          </li>
-          <li>
-            <a href="#">
-              <span class="glyphicon glyphicon-chevron-left"></span>
-            </a>
-          </li>
-          <li>
-            <a href="#">
-              <span class="glyphicon glyphicon-chevron-right"></span>
-            </a>
-          </li>
-          <li>
-            <a href="#">Last</a>
-          </li>
-        </ul>
-
-        <div class="btn-group pull-left">
-          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            Sorting: <span class="fa fa-sort-numeric-asc"></span> <strong>Oldest</strong>
-          </button>
-          <ul class="dropdown-menu" role="menu">
+      <div class="row">
+        <div class="col-md-2">
+
+          <ul class="nav sidenav">
             <li>
-              <a href="#">
-                <span class="fa fa-sort-numeric-desc"></span>
-                Newest
-              </a>
-              <a href="#">
-                <span class="fa fa-sort-numeric-asc"></span>
-                Oldest
+              <a href="">
+                <span class="fa fa-home"></span>
+                Lorem
               </a>
-              <a href="#">
-                <span class="fa fa-sort-numeric-desc"></span>
-                Most posts
+            </li>
+            <li>
+              <a href="">
+                <span class="fa fa-cog"></span>
+                Ipsum
               </a>
-              <a href="#">
-                <span class="fa fa-sort-numeric-asc"></span>
-                Least posts
+            </li>
+            <li class="active">
+              <a href="">
+                <span class="fa fa-users"></span>
+                Dolor
               </a>
             </li>
-          </ul>
-        </div>
-
-        <a href="#" class="btn btn-success pull-left">
-          <span class="glyphicon glyphicon-ok"></span> Filters
-        </a>
-
-        <div class="btn-group pull-right">
-          <button type="button" class="btn btn-default dropdown-toggle mass-controller" data-toggle="dropdown">
-            <span class="fa fa-gears"></span>
-            With selected
-          </button>
-          <ul class="dropdown-menu" role="menu">
             <li>
-              <a href="#">
-                <span class="fa fa-sort-numeric-desc"></span>
-                Newest
-              </a>
-              <a href="#">
-                <span class="fa fa-sort-numeric-asc"></span>
-                Oldest
+              <a href="">
+                <span class="fa fa-plane"></span>
+                Pacem
               </a>
-              <a href="#">
-                <span class="fa fa-sort-numeric-desc"></span>
-                Most posts
+            </li>
+            <li>
+              <a href="">
+                <span class="fa fa-check"></span>
+                Bellum
               </a>
-              <a href="#">
-                <span class="fa fa-sort-numeric-asc"></span>
-                Least posts
+            </li>
+            <li>
+              <a href="">
+                <span class="fa fa-anchor"></span>
+                Elit
               </a>
             </li>
           </ul>
+
         </div>
+        <div class="col-md-10">
+
+          <div class="table-actions">
+
+            <ul class="pager pull-left">
+              <li class="page">
+                Page 7 of 46
+              </li>
+              <li>
+                <a href="#">First</a>
+              </li>
+              <li>
+                <a href="#">
+                  <span class="glyphicon glyphicon-chevron-left"></span>
+                </a>
+              </li>
+              <li>
+                <a href="#">
+                  <span class="glyphicon glyphicon-chevron-right"></span>
+                </a>
+              </li>
+              <li>
+                <a href="#">Last</a>
+              </li>
+            </ul>
 
-      </div><!-- /.table-actions -->
-
-      <div class="table-panel">
-        <table class="table">
-          <tr>
-            <th>Lorem</th>
-            <th>Ipsum</th>
-            <th style="width: 136px;">Dolor</th>
-            <th colspan="4">&nbsp;</th>
-          </tr>
-          <tr>
-            <td class="lead">Lorem</td>
-            <td>Ipsum</td>
-            <td>
-              <select class="form-control">
-                <option>Pacem</option>
-                <option>Para</option>
-                <option>Bellum</option>
-              </select>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-success tooltip-top" title="Activate">
-                <span class="fa fa-check"></span>
-              </button>
-            </td>
-            <td class="row-action">
-              <div class="btn-group pull-right">
-                <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
-                  <span class="fa fa-gear"></span>
-                </button>
-                <ul class="dropdown-menu" role="menu">
-                  <li>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Newest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Oldest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Most posts
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Least posts
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-danger tooltip-top" title="Activate">
-                <span class="fa fa-times"></span>
-              </button>
-            </td>
-            <td class="row-select">
-              <label>
-                <input type="checkbox">
-              </label>
-            </td>
-          </tr>
-          <tr>
-            <td class="lead">Lorem</td>
-            <td>Ipsum</td>
-            <td>
-              <select class="form-control">
-                <option>Pacem</option>
-                <option>Para</option>
-                <option>Bellum</option>
-              </select>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-success tooltip-top" title="Activate">
-                <span class="fa fa-check"></span>
+            <div class="btn-group pull-left">
+              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                Sorting: <span class="fa fa-sort-numeric-asc"></span> <strong>Oldest</strong>
               </button>
-            </td>
-            <td class="row-action">
-              <div class="btn-group pull-right">
-                <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
-                  <span class="fa fa-gear"></span>
-                </button>
-                <ul class="dropdown-menu" role="menu">
-                  <li>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Newest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Oldest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Most posts
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Least posts
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-danger tooltip-top" title="Activate">
-                <span class="fa fa-times"></span>
-              </button>
-            </td>
-            <td class="row-select">
-              <label>
-                <input type="checkbox">
-              </label>
-            </td>
-          </tr>
-          <tr>
-            <td class="lead">Lorem</td>
-            <td>Ipsum</td>
-            <td>
-              <select class="form-control">
-                <option>Pacem</option>
-                <option>Para</option>
-                <option>Bellum</option>
-              </select>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-success tooltip-top" title="Activate">
-                <span class="fa fa-check"></span>
-              </button>
-            </td>
-            <td class="row-action">
-              <div class="btn-group pull-right">
-                <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
-                  <span class="fa fa-gear"></span>
-                </button>
-                <ul class="dropdown-menu" role="menu">
-                  <li>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Newest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Oldest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Most posts
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Least posts
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-danger tooltip-top" title="Activate">
-                <span class="fa fa-times"></span>
-              </button>
-            </td>
-            <td class="row-select">
-              <label>
-                <input type="checkbox">
-              </label>
-            </td>
-          </tr>
-          <tr>
-            <td class="lead">Lorem</td>
-            <td>Ipsum</td>
-            <td>
-              <select class="form-control">
-                <option>Pacem</option>
-                <option>Para</option>
-                <option>Bellum</option>
-              </select>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-success tooltip-top" title="Activate">
-                <span class="fa fa-check"></span>
-              </button>
-            </td>
-            <td class="row-action">
-              <div class="btn-group pull-right">
-                <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
-                  <span class="fa fa-gear"></span>
-                </button>
-                <ul class="dropdown-menu" role="menu">
-                  <li>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Newest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Oldest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Most posts
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Least posts
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-danger tooltip-top" title="Activate">
-                <span class="fa fa-times"></span>
-              </button>
-            </td>
-            <td class="row-select">
-              <label>
-                <input type="checkbox">
-              </label>
-            </td>
-          </tr>
-          <tr>
-            <td class="lead">Lorem</td>
-            <td>Ipsum</td>
-            <td>
-              <select class="form-control">
-                <option>Pacem</option>
-                <option>Para</option>
-                <option>Bellum</option>
-              </select>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-success tooltip-top" title="Activate">
-                <span class="fa fa-check"></span>
-              </button>
-            </td>
-            <td class="row-action">
-              <div class="btn-group pull-right">
-                <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
-                  <span class="fa fa-gear"></span>
-                </button>
-                <ul class="dropdown-menu" role="menu">
-                  <li>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Newest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Oldest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Most posts
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Least posts
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-danger tooltip-top" title="Activate">
-                <span class="fa fa-times"></span>
-              </button>
-            </td>
-            <td class="row-select">
-              <label>
-                <input type="checkbox">
-              </label>
-            </td>
-          </tr>
-          <tr>
-            <td class="lead">Lorem</td>
-            <td>Ipsum</td>
-            <td>
-              <select class="form-control">
-                <option>Pacem</option>
-                <option>Para</option>
-                <option>Bellum</option>
-              </select>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-success tooltip-top" title="Activate">
-                <span class="fa fa-check"></span>
-              </button>
-            </td>
-            <td class="row-action">
-              <div class="btn-group pull-right">
-                <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
-                  <span class="fa fa-gear"></span>
-                </button>
-                <ul class="dropdown-menu" role="menu">
-                  <li>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Newest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Oldest
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-desc"></span>
-                      Most posts
-                    </a>
-                    <a href="#">
-                      <span class="fa fa-sort-numeric-asc"></span>
-                      Least posts
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </td>
-            <td class="row-action">
-              <button type="button" class="btn btn-danger tooltip-top" title="Activate">
-                <span class="fa fa-times"></span>
-              </button>
-            </td>
-            <td class="row-select">
-              <label>
-                <input type="checkbox">
-              </label>
-            </td>
-          </tr>
-        </table>
-      </div><!-- /.table-panel -->
-
-      <div class="table-actions">
-        <ul class="pager pull-left">
-          <li class="page">
-            Page 7 of 46
-          </li>
-          <li>
-            <a href="#">First</a>
-          </li>
-          <li>
-            <a href="#">
-              <span class="glyphicon glyphicon-chevron-left"></span>
-            </a>
-          </li>
-          <li>
-            <a href="#">
-              <span class="glyphicon glyphicon-chevron-right"></span>
+              <ul class="dropdown-menu" role="menu">
+                <li>
+                  <a href="#">
+                    <span class="fa fa-sort-numeric-desc"></span>
+                    Newest
+                  </a>
+                  <a href="#">
+                    <span class="fa fa-sort-numeric-asc"></span>
+                    Oldest
+                  </a>
+                  <a href="#">
+                    <span class="fa fa-sort-numeric-desc"></span>
+                    Most posts
+                  </a>
+                  <a href="#">
+                    <span class="fa fa-sort-numeric-asc"></span>
+                    Least posts
+                  </a>
+                </li>
+              </ul>
+            </div>
+
+            <a href="#" class="btn btn-success pull-left">
+              <span class="glyphicon glyphicon-ok"></span> Filters
             </a>
-          </li>
-          <li>
-            <a href="#">Last</a>
-          </li>
-        </ul>
 
-      </div><!-- /.table-actions -->
+            <div class="btn-group pull-right">
+              <button type="button" class="btn btn-default dropdown-toggle mass-controller" data-toggle="dropdown">
+                <span class="fa fa-gears"></span>
+                With selected
+              </button>
+              <ul class="dropdown-menu" role="menu">
+                <li>
+                  <a href="#">
+                    <span class="fa fa-sort-numeric-desc"></span>
+                    Newest
+                  </a>
+                  <a href="#">
+                    <span class="fa fa-sort-numeric-asc"></span>
+                    Oldest
+                  </a>
+                  <a href="#">
+                    <span class="fa fa-sort-numeric-desc"></span>
+                    Most posts
+                  </a>
+                  <a href="#">
+                    <span class="fa fa-sort-numeric-asc"></span>
+                    Least posts
+                  </a>
+                </li>
+              </ul>
+            </div>
+
+          </div><!-- /.table-actions -->
+
+          <div class="table-panel">
+            <table class="table">
+              <tr>
+                <th>Lorem</th>
+                <th>Ipsum</th>
+                <th style="width: 136px;">Dolor</th>
+                <th colspan="4">&nbsp;</th>
+              </tr>
+              <tr>
+                <td class="lead">Lorem</td>
+                <td>Ipsum</td>
+                <td>
+                  <select class="form-control">
+                    <option>Pacem</option>
+                    <option>Para</option>
+                    <option>Bellum</option>
+                  </select>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-success tooltip-top" title="Activate">
+                    <span class="fa fa-check"></span>
+                  </button>
+                </td>
+                <td class="row-action">
+                  <div class="btn-group pull-right">
+                    <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
+                      <span class="fa fa-gear"></span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                      <li>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Newest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Oldest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Most posts
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Least posts
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-danger tooltip-top" title="Activate">
+                    <span class="fa fa-times"></span>
+                  </button>
+                </td>
+                <td class="row-select">
+                  <label>
+                    <input type="checkbox">
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td class="lead">Lorem</td>
+                <td>Ipsum</td>
+                <td>
+                  <select class="form-control">
+                    <option>Pacem</option>
+                    <option>Para</option>
+                    <option>Bellum</option>
+                  </select>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-success tooltip-top" title="Activate">
+                    <span class="fa fa-check"></span>
+                  </button>
+                </td>
+                <td class="row-action">
+                  <div class="btn-group pull-right">
+                    <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
+                      <span class="fa fa-gear"></span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                      <li>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Newest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Oldest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Most posts
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Least posts
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-danger tooltip-top" title="Activate">
+                    <span class="fa fa-times"></span>
+                  </button>
+                </td>
+                <td class="row-select">
+                  <label>
+                    <input type="checkbox">
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td class="lead">Lorem</td>
+                <td>Ipsum</td>
+                <td>
+                  <select class="form-control">
+                    <option>Pacem</option>
+                    <option>Para</option>
+                    <option>Bellum</option>
+                  </select>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-success tooltip-top" title="Activate">
+                    <span class="fa fa-check"></span>
+                  </button>
+                </td>
+                <td class="row-action">
+                  <div class="btn-group pull-right">
+                    <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
+                      <span class="fa fa-gear"></span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                      <li>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Newest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Oldest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Most posts
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Least posts
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-danger tooltip-top" title="Activate">
+                    <span class="fa fa-times"></span>
+                  </button>
+                </td>
+                <td class="row-select">
+                  <label>
+                    <input type="checkbox">
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td class="lead">Lorem</td>
+                <td>Ipsum</td>
+                <td>
+                  <select class="form-control">
+                    <option>Pacem</option>
+                    <option>Para</option>
+                    <option>Bellum</option>
+                  </select>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-success tooltip-top" title="Activate">
+                    <span class="fa fa-check"></span>
+                  </button>
+                </td>
+                <td class="row-action">
+                  <div class="btn-group pull-right">
+                    <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
+                      <span class="fa fa-gear"></span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                      <li>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Newest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Oldest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Most posts
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Least posts
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-danger tooltip-top" title="Activate">
+                    <span class="fa fa-times"></span>
+                  </button>
+                </td>
+                <td class="row-select">
+                  <label>
+                    <input type="checkbox">
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td class="lead">Lorem</td>
+                <td>Ipsum</td>
+                <td>
+                  <select class="form-control">
+                    <option>Pacem</option>
+                    <option>Para</option>
+                    <option>Bellum</option>
+                  </select>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-success tooltip-top" title="Activate">
+                    <span class="fa fa-check"></span>
+                  </button>
+                </td>
+                <td class="row-action">
+                  <div class="btn-group pull-right">
+                    <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
+                      <span class="fa fa-gear"></span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                      <li>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Newest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Oldest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Most posts
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Least posts
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-danger tooltip-top" title="Activate">
+                    <span class="fa fa-times"></span>
+                  </button>
+                </td>
+                <td class="row-select">
+                  <label>
+                    <input type="checkbox">
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td class="lead">Lorem</td>
+                <td>Ipsum</td>
+                <td>
+                  <select class="form-control">
+                    <option>Pacem</option>
+                    <option>Para</option>
+                    <option>Bellum</option>
+                  </select>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-success tooltip-top" title="Activate">
+                    <span class="fa fa-check"></span>
+                  </button>
+                </td>
+                <td class="row-action">
+                  <div class="btn-group pull-right">
+                    <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
+                      <span class="fa fa-gear"></span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                      <li>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Newest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Oldest
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-desc"></span>
+                          Most posts
+                        </a>
+                        <a href="#">
+                          <span class="fa fa-sort-numeric-asc"></span>
+                          Least posts
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </td>
+                <td class="row-action">
+                  <button type="button" class="btn btn-danger tooltip-top" title="Activate">
+                    <span class="fa fa-times"></span>
+                  </button>
+                </td>
+                <td class="row-select">
+                  <label>
+                    <input type="checkbox">
+                  </label>
+                </td>
+              </tr>
+            </table>
+          </div><!-- /.table-panel -->
+
+          <div class="table-actions">
+            <ul class="pager pull-left">
+              <li class="page">
+                Page 7 of 46
+              </li>
+              <li>
+                <a href="#">First</a>
+              </li>
+              <li>
+                <a href="#">
+                  <span class="glyphicon glyphicon-chevron-left"></span>
+                </a>
+              </li>
+              <li>
+                <a href="#">
+                  <span class="glyphicon glyphicon-chevron-right"></span>
+                </a>
+              </li>
+              <li>
+                <a href="#">Last</a>
+              </li>
+            </ul>
+
+          </div><!-- /.table-actions -->
+
+        </div><!-- /.col-md-10 -->
+      </div><!-- /.row -->
 
     </div><!-- /.container -->
 

uiframework/misago/admin/css/misago/footer.less

@@ -49,14 +49,6 @@
       }
     }
 
-    .subscript {
-      display: inline-block;
-      position: relative;
-      bottom: (@misago-branding-size  - (@misago-branding-size * 0.6)) / 2 - 1px;
-
-      font-size: @misago-branding-size * 0.6;
-    }
-
     &, &:link, &:visited {
       .opacity(0.4);
     }

uiframework/misago/admin/css/misago/jumbotron.less

@@ -1,7 +0,0 @@
-//
-// Forum Jumbotron
-// --------------------------------------------------
-
-.jumbotron {
-  margin-top: @line-height-computed * -1;
-}

uiframework/misago/admin/css/misago/misago.less

@@ -7,12 +7,12 @@ html, body {
 @import "alerts.less";
 @import "buttons.less";
 @import "dropdowns.less";
+@import "sidenav.less";
 @import "pager.less";
 @import "tables.less";
 
 // Layout elements
 @import "navbar.less";
-@import "jumbotron.less";
 @import "header.less";
 @import "footer.less";
 

uiframework/misago/admin/css/misago/sidenav.less

@@ -0,0 +1,60 @@
+//
+// Sidenav
+// --------------------------------------------------
+
+.sidenav {
+  li {
+    a {
+      &, &:link, &:visited {
+        border-bottom: 1px solid @gray-lighter;
+        padding: @padding-base-vertical (@padding-base-vertical * 1.1);
+
+        color: @gray-light;
+
+        .fa, .glyphicon {
+          margin-left: -8px;
+          width: 30px;
+
+          text-align: center;
+        }
+      }
+
+      &:hover {
+        color: @text-color;
+      }
+
+      &:active {
+        color: @brand-primary;
+      }
+    }
+
+    &:last-child {
+      a {
+        border-bottom: none;
+      }
+    }
+
+    &.active {
+      a {
+        &, &:link, &:visited, &:active, &:hover {
+          background: @gray-dark;
+          border: none;
+          border-radius: @border-radius-base;
+
+          color: #fff;
+
+          &:after {
+            float: right;
+            content: '';
+            width: 0;
+            height: 0;
+            margin-top: 6px;
+            border-top: 4px solid transparent;
+            border-bottom: 4px solid transparent;
+            border-left: 4px solid #fff;
+          }
+        }
+      }
+    }
+  }
+}

uiframework/misago/admin/css/style.css

@@ -6073,6 +6073,56 @@ body {
     color: #ffffff;
   }
 }
+.sidenav li a,
+.sidenav li a:link,
+.sidenav li a:visited {
+  border-bottom: 1px solid #eeeeee;
+  padding: 6px 6.6px;
+  color: #999999;
+}
+.sidenav li a .fa,
+.sidenav li a:link .fa,
+.sidenav li a:visited .fa,
+.sidenav li a .glyphicon,
+.sidenav li a:link .glyphicon,
+.sidenav li a:visited .glyphicon {
+  margin-left: -8px;
+  width: 30px;
+  text-align: center;
+}
+.sidenav li a:hover {
+  color: #444444;
+}
+.sidenav li a:active {
+  color: #c0392b;
+}
+.sidenav li:last-child a {
+  border-bottom: none;
+}
+.sidenav li.active a,
+.sidenav li.active a:link,
+.sidenav li.active a:visited,
+.sidenav li.active a:active,
+.sidenav li.active a:hover {
+  background: #333333;
+  border: none;
+  border-radius: 4px;
+  color: #fff;
+}
+.sidenav li.active a:after,
+.sidenav li.active a:link:after,
+.sidenav li.active a:visited:after,
+.sidenav li.active a:active:after,
+.sidenav li.active a:hover:after {
+  float: right;
+  content: '';
+  width: 0;
+  height: 0;
+  margin-top: 6px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 4px solid #fff;
+}
 .pager {
   margin: 0px;
   padding-bottom: 2px;
@@ -6281,9 +6331,6 @@ body {
     margin-bottom: -3px;
   }
 }
-.jumbotron {
-  margin-top: -20px;
-}
 .page-header {
   border-bottom-width: 1px;
   margin: 0px;
@@ -6353,12 +6400,6 @@ body {
   font-size: 34.56px;
   font-weight: bold;
 }
-.misago-branding a .subscript {
-  display: inline-block;
-  position: relative;
-  bottom: 4.76px;
-  font-size: 17.28px;
-}
 .misago-branding a,
 .misago-branding a:link,
 .misago-branding a:visited {

uiframework/misago/admin/css/style.less

@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 
-// Import Bootstrap, Misago and Flavor variables
+// Import Bootstrap and Misago variables
 // This saves us need for maintaing single large variables.less
 @import "bootstrap/variables.less";
 @import "misago/variables.less";