Advertisement
Guest User

Constellation Admin Skin - Table in fieldset

a guest
Jan 22nd, 2013
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.55 KB | None | 0 0
  1. <fieldset>
  2.     <legend>Fieldset</legend>
  3.  
  4.     <ul class="message error no-margin">
  5.         <li>This is an <strong>error message</strong>, inside a form</li>
  6.     </ul>
  7.  
  8.     <table class="table" cellspacing="0" width="100%">
  9.  
  10.         <thead>
  11.             <tr>
  12.                 <th class="black-cell"><span class="loading"></span></th>
  13.                 <th scope="col">
  14.                     <span class="column-sort">
  15.                         <a href="#" title="Sort up" class="sort-up active"></a>
  16.                         <a href="#" title="Sort down" class="sort-down"></a>
  17.                     </span>
  18.                     Title
  19.                 </th>
  20.                 <th scope="col">
  21.                     <span class="column-sort">
  22.                         <a href="#" title="Sort up" class="sort-up"></a>
  23.                         <a href="#" title="Sort down" class="sort-down"></a>
  24.                     </span>
  25.                     Date
  26.                 </th>
  27.                 <th scope="col">
  28.                     <span class="column-sort">
  29.                         <a href="#" title="Sort up" class="sort-up"></a>
  30.                         <a href="#" title="Sort down" class="sort-down"></a>
  31.                     </span>
  32.                     Size
  33.                 </th>
  34.                 <th scope="col" class="table-actions">Actions</th>
  35.             </tr>
  36.         </thead>
  37.  
  38.         <tbody>
  39.  
  40.             <tr>
  41.                 <th scope="row" class="table-check-cell"><input type="checkbox" name="selected[]" id="table-selected-1" value="1"></th>
  42.                 <td>Lorem ipsum sit amet</td>
  43.                 <td>02-05-2010</td>
  44.                 <td>320 x 240</td>
  45.                 <td class="table-actions">
  46.                     <a href="#" title="Edit" class="with-tip"><img src="images/icons/fugue/pencil.png" width="16" height="16"></a>
  47.                     <a href="#" title="Delete" class="with-tip"><img src="images/icons/fugue/cross-circle.png" width="16" height="16"></a>
  48.                 </td>
  49.             </tr>
  50.  
  51.             <tr>
  52.                 <th scope="row" class="table-check-cell"><input type="checkbox" name="selected[]" id="table-selected-2" value="2"></th>
  53.                 <td>Consectetur adipisicing elit</td>
  54.                 <td>10-10-2010</td>
  55.                 <td>640 x 480</td>
  56.                 <td class="table-actions">
  57.                     <a href="#" title="Edit" class="with-tip"><img src="images/icons/fugue/pencil.png" width="16" height="16"></a>
  58.                     <a href="#" title="Delete" class="with-tip"><img src="images/icons/fugue/cross-circle.png" width="16" height="16"></a>
  59.                 </td>
  60.             </tr>
  61.  
  62.             <tr>
  63.                 <th scope="row" class="table-check-cell"><input type="checkbox" name="selected[]" id="table-selected-3" value="3"></th>
  64.                 <td>Sed do eiusmod tempor</td>
  65.                 <td>24-03-2010</td>
  66.                 <td>320 x 240</td>
  67.                 <td class="table-actions">
  68.                     <a href="#" title="Edit" class="with-tip"><img src="images/icons/fugue/pencil.png" width="16" height="16"></a>
  69.                     <a href="#" title="Delete" class="with-tip"><img src="images/icons/fugue/cross-circle.png" width="16" height="16"></a>
  70.                 </td>
  71.             </tr>
  72.  
  73.             <tr>
  74.                 <th scope="row" class="table-check-cell"><input type="checkbox" name="selected[]" id="table-selected-4" value="4"></th>
  75.                 <td>Incididunt</td>
  76.                 <td>02-10-2010</td>
  77.                 <td>320 x 240</td>
  78.                 <td class="table-actions">
  79.                     <a href="#" title="Edit" class="with-tip"><img src="images/icons/fugue/pencil.png" width="16" height="16"></a>
  80.                     <a href="#" title="Delete" class="with-tip"><img src="images/icons/fugue/cross-circle.png" width="16" height="16"></a>
  81.                 </td>
  82.             </tr>
  83.  
  84.             <tr>
  85.                 <th scope="row" class="table-check-cell"><input type="checkbox" name="selected[]" id="table-selected-5" value="5"></th>
  86.                 <td>Ut labore et dolore magna</td>
  87.                 <td>21-07-2010</td>
  88.                 <td>320 x 240</td>
  89.                 <td class="table-actions">
  90.                     <a href="#" title="Edit" class="with-tip"><img src="images/icons/fugue/pencil.png" width="16" height="16"></a>
  91.                     <a href="#" title="Delete" class="with-tip"><img src="images/icons/fugue/cross-circle.png" width="16" height="16"></a>
  92.                 </td>
  93.             </tr>
  94.  
  95.         </tbody>
  96.  
  97.     </table>
  98.  
  99. </fieldset>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement